Guia de incorporação
Incorpore um YeetForm no Framer
O componente Embed do Framer executa HTML e JavaScript puros dentro de uma página, e é só isso que o SDK do YeetForm precisa para renderizar um formulário ao vivo. Cole o trecho com redimensionamento automático, ajuste o componente para preencher o próprio container e publique, o formulário carrega com seu layout próprio e cresce ou encolhe automaticamente conforme o conteúdo, sem precisar chutar uma altura fixa.
Passos
Insira um componente Embed
No canvas do Framer, abra Insert (o ícone +), vá em Code e escolha Embed. Solte-o na página onde o formulário deve ficar.
Cole o HTML
Abra as configurações do componente Embed e cole o trecho abaixo no campo HTML. Ele carrega o SDK e renderiza o formulário 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>Defina o tamanho e publique
Defina a largura do componente como Fill ou um valor fixo e a altura como Auto ou Fit content, depois publique o site, as incorporações só renderizam de verdade após a publicação, nem sempre na pré-visualização do canvas.
Dicas
- •O redimensionamento automático vem de YeetForm.embed(), que escuta uma mensagem de altura vinda do iframe do formulário, defina a altura do componente como Auto para não cortar o conteúdo.
- •O formulário incorporado dispensa o cabeçalho e o fundo próprios do YeetForm, então ele passa a impressão de fazer parte da sua página do Framer em vez de um widget separado.
- •Adicione um campo oculto ao formulário e preencha-o a partir da URL (?utm_source=... ou ?field_id=valor) para rastrear de qual página ou campanha do Framer veio uma 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