Guia de incorporação

Incorpore um YeetForm no 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

1.

Adicione um card HTML

No editor do Ghost, digite /html e pressione Enter, ou clique no botão + em uma nova linha e escolha HTML no menu de cards.

2.

Cole o trecho de código

Cole o código abaixo no card. Ele carrega o script do YeetForm e renderiza seu 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>
3.

Pré-visualize e publique

Use a pré-visualização do Ghost para conferir se o formulário aparece corretamente, depois publique ou atualize o post, posts exclusivos para membros funcionam da mesma forma que os públicos.

Dicas

  • •O formulário se redimensiona automaticamente por meio de um listener de postMessage, então não é preciso chutar uma altura fixa para o card HTML.
  • •Os formulários incorporados renderizam sem o cabeçalho próprio do YeetForm, então parecem parte do seu post no Ghost em vez de um widget incorporado.
  • •Adicione um campo oculto e preencha-o a partir da URL do post (?utm_source=... ou ?field_id=valor) para ver qual edição da newsletter ou post gerou um envio.

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

O card HTML funciona tanto no Ghost(Pro) quanto no Ghost autogerenciado?+
Sim. O card HTML faz parte do próprio editor do Ghost, disponível em todo plano do Ghost(Pro) e em toda instalação autogerenciada do Ghost.
Posso incorporar um formulário dentro de um post exclusivo para membros ou pago?+
Sim, o card HTML funciona da mesma forma independente do nível de acesso do post, o formulário carrega para os leitores que conseguem ver aquele conteúdo.
O formulário vai aparecer corretamente na versão por e-mail da newsletter do Ghost?+
Não. Clientes de e-mail removem scripts e iframes por segurança, então um formulário incorporado não renderiza dentro da newsletter enviada por e-mail, só no post publicado na web. Em vez disso, coloque um link para o post no e-mail.
A incorporação está disponível no plano gratuito do YeetForm?+
Sim, a incorporação funciona em todos os planos do YeetForm. Formulários do plano gratuito mostram um pequeno rodapé 'Powered by YeetForm', removido nos planos pagos.