Guia de incorporação
Incorpore um YeetForm no Shopify
O editor de temas do Shopify deixa você colocar HTML e script puros em qualquer página por meio de uma seção Custom Liquid, o suficiente para rodar o script de incorporação do YeetForm sem instalar um app da Shopify App Store. Use isso para um formulário de contato, uma lista de espera de pré-venda, um quiz de tamanho ou uma página de solicitação de devolução, em qualquer lugar em que a loja precise coletar respostas estruturadas em vez de só um e-mail.
Passos
Adicione uma seção Custom Liquid
No Shopify Admin, vá em Online Store > Themes > Customize, abra a página onde o formulário vai ficar, clique em Add section (ou Add block, dependendo do template) e escolha Custom Liquid.
Cole o trecho de código
Cole o código abaixo na caixa de código Liquid. A parte {{ section.id }} mantém o id do container único caso você adicione a seção duas vezes na mesma página.
<script src="https://yeetform.io/sdk.js"></script>
<div id="yf-{{ section.id }}"></div>
<script>
YeetForm.embed("your-form-slug", "#yf-{{ section.id }}");
</script>Salve e visualize
Clique em Save e depois abra a página na sua loja (não só a pré-visualização do editor de tema) para confirmar que o formulário carrega e redimensiona corretamente.
Dicas
- •A incorporação se redimensiona automaticamente conforme o conteúdo do formulário por meio de um listener de postMessage, então você não precisa chutar uma altura fixa para a seção.
- •Os formulários incorporados renderizam sem o cabeçalho próprio do YeetForm, então parecem uma parte nativa da sua página no Shopify em vez de um widget externo.
- •Adicione um campo oculto para capturar contexto automaticamente, passe-o como parâmetro de consulta na URL da página (?utm_source=... ou ?field_id=valor) para rastrear campanhas ou páginas de produto.
Monte seu formulário com IA em segundos
O plano gratuito inclui geração por IA, lógica e incorporação.
Monte seu formulário com IA em segundos