Guia de incorporação

Incorpore um YeetForm no Carrd

O elemento Embed do Carrd aceita um iframe simples, a opção mais segura em uma plataforma construída para páginas únicas simples e rápidas, sem se preocupar com tags de script quebrando algo. Elementos de código personalizado são um recurso Pro, então sites gratuitos do Carrd não conseguem incorporar um formulário ao vivo diretamente, mas linkar para ele funciona em qualquer plano enquanto você decide se vale a pena fazer upgrade.

Passos

Adicione um elemento Embed

No construtor do Carrd, clique em + para adicionar um elemento e escolha Embed entre as opções de conteúdo. Isso exige o plano Pro Standard ou superior, sites do plano gratuito podem adicionar um elemento Link apontando para a URL do seu formulário em vez disso.

Defina o tipo como Code e cole o iframe

Escolha Code como tipo de incorporação e cole o trecho abaixo. O Carrd renderiza isso como um iframe isolado, então o método de URL simples é a escolha confiável aqui.

<iframe
  src="https://yeetform.io/f/your-form-slug?embed=true"
  width="100%"
  height="600"
  frameborder="0"
  style="border:none;border-radius:8px;"
></iframe>

Ajuste a altura e publique

Defina a altura do elemento para caber confortavelmente seu formulário (os elementos do Carrd não se redimensionam automaticamente para o conteúdo incorporado), depois publique o site.

Dicas

•As incorporações do Carrd não suportam o redimensionamento automático via postMessage do SDK, então escolha uma altura fixa com uma folga, principalmente para formulários mais longos ou com várias páginas.
•A URL com ?embed=true remove o cabeçalho e o fundo próprios do YeetForm, o que importa ainda mais no Carrd, já que páginas únicas costumam ter um design bem enxuto.
•Adicione um campo oculto e preencha-o a partir da URL da página (?utm_source=... ou ?field_id=valor) para saber de qual site ou seção do Carrd 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

Perguntas frequentes

Posso incorporar um formulário no plano gratuito do Carrd?+

Não com uma incorporação por código, o elemento Embed do Carrd exige o plano Pro Standard ou superior. No plano gratuito, adicione um elemento Link ou Button apontando para a URL do seu formulário em vez disso.

Por que usar um iframe simples em vez do SDK JS no Carrd?+

O Carrd renderiza incorporações personalizadas dentro do próprio iframe isolado, então uma URL de iframe simples é mais simples e confiável do que aninhar a incorporação por script do SDK ali dentro.

O formulário vai se ajustar ao próprio conteúdo no Carrd?+

Não, defina uma altura fixa no elemento Embed que caiba confortavelmente o seu formulário, já que o Carrd não roda o listener de redimensionamento automático que o SDK normalmente usa.

Existe um limite de quantos formulários posso incorporar em uma página do Carrd?+

Não há limite rígido do lado do YeetForm, embora uma página única com vários formulários incorporados possa ficar visualmente lotada, a maioria dos sites do Carrd incorpora um formulário focado por seção.