Guia de incorporação
Incorpore um YeetForm no Webflow
O elemento Embed do Webflow executa código personalizado dentro do site publicado, exatamente o que o SDK JS do YeetForm precisa. Cole o trecho de incorporação com redimensionamento automático e o formulário aparece embutido, ajustado ao próprio conteúdo, com estilo o mais próximo possível da sua página dentro do que o tema do YeetForm permite. Funciona em qualquer plano do Webflow, já que os elementos Embed não ficam presos a um nível pago.
Passos
Adicione um elemento Embed
No Webflow Designer, abra o painel Add (A), procure Embed em Components e arraste para a página onde o formulário deve aparecer.
Cole o código de incorporação
Clique duas vezes no elemento Embed e cole o trecho do SDK abaixo. Ele carrega o script do YeetForm e renderiza seu formulário na div com redimensionamento automático.
<script src="https://yeetform.io/sdk.js"></script>
<div id="my-form"></div>
<script>
YeetForm.embed("your-form-slug", "#my-form");
</script>Publique o site
Código personalizado dentro de elementos Embed só roda no site publicado, não no canvas do Designer, publique e confira a página ao vivo para ver o formulário carregar.
Dicas
- •A incorporação se redimensiona sozinha: YeetForm.embed() escuta uma postMessage do formulário e ajusta a altura do iframe, então você não precisa fixar um valor.
- •Os formulários incorporados usam um layout compacto, sem moldura (sem cabeçalho do YeetForm), então se encaixam naturalmente na sua seção do Webflow em vez de parecerem um app separado.
- •Adicione um campo oculto e preencha-o a partir da URL da página (?utm_source=... ou ?field_id=valor) para capturar qual campanha ou página gerou a resposta.
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