Guia de incorporação

Incorpore um formulário YeetForm em qualquer lugar

Guias passo a passo para adicionar um formulário YeetForm ao construtor de sites ou CMS que você já usa, sem precisar de plugin.

Notion

O bloco /embed do Notion transforma qualquer página em uma janela ao vivo para conteúdo externo, e um formulário YeetForm se encaixa direto ali, sem plugin. Como o Notion isola as páginas incorporadas e não executa JavaScript injetado, você vai usar a URL direta do formulário em vez do script do SDK. Qualquer pessoa que veja sua página compartilhada do Notion vê o formulário real e interativo e pode enviá-lo sem sair da página.

Passos

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

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

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

WordPress

O editor de blocos do WordPress já vem com um bloco HTML personalizado que executa tags de script na página ao vivo, então você pode incorporar um formulário YeetForm sem instalar (ou pagar por) um plugin de formulários. Funciona da mesma forma em uma página, em um post ou na maioria dos construtores de página que suportam blocos de HTML puro, e o formulário continua funcionando mesmo se você trocar de tema depois.

Passos

Squarespace

O Code Block do Squarespace renderiza HTML puro e executa scripts diretamente na página, então um formulário YeetForm se encaixa direitinho ao lado dos blocos de conteúdo nativos do Squarespace. É uma boa opção quando você quer um formulário com lógica de verdade e construção assistida por IA, já que o bloco de formulário nativo do Squarespace só oferece campos básicos e nenhuma ramificação condicional.

Passos

Wix

O elemento Embed a Widget do Wix consegue colocar um iframe simples em qualquer página, a forma mais simples de adicionar um formulário YeetForm, já que o Wix já isola o elemento para você. Você tem um formulário ao vivo e interativo sem precisar procurar um app de formulários no Wix App Market, e ele continua funcionando tanto no Editor quanto nos sites do tipo Studio do Wix.

Passos

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

Ghost

O editor do Ghost inclui um card HTML que executa tags de script no post ou página publicada, então um formulário YeetForm se encaixa direto no fluxo de inscrição da sua newsletter, em uma pesquisa com leitores ou em um formulário de inscrição para conteúdo pago. Funciona de forma idêntica no Ghost autogerenciado e no Ghost(Pro), já que o card HTML é um recurso central do editor, não um complemento de tema ou hospedagem.

Passos