Guia de incorporação
Incorpore um YeetForm no 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
Adicione um Code Block
Edite a página, clique em um ponto de inserção e adicione um Code Block pelo painel (em More no menu de blocos).
Cole o trecho de código
Cole o código abaixo no bloco, certifique-se de que Display Source está desativado para que o código renderize em vez de aparecer como texto, e aplique.
<script src="https://yeetform.io/sdk.js"></script>
<div id="my-form"></div>
<script>
YeetForm.embed("your-form-slug", "#my-form");
</script>Salve e veja a página ao vivo
A pré-visualização do editor do Squarespace às vezes limita scripts de terceiros, salve suas alterações e veja a página publicada para confirmar que o formulário carrega e redimensiona.
Dicas
- •O formulário incorporado se redimensiona sozinho por meio de um listener de postMessage, então não é preciso definir uma altura fixa em pixels no Code Block.
- •O formulário renderiza sem o cabeçalho próprio do YeetForm, então parece parte da sua página no Squarespace em vez de uma janela de app externo.
- •Adicione um campo oculto e preencha-o a partir da URL da página (?utm_source=... ou ?field_id=valor) para rastrear qual página ou campanha do Squarespace gerou 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