Como adicionar um formulário incorporado ao seu site da Shopify

Estimado 4 min de leitura
|
Atualizado 30 de abr. de 2025, 21:55 EST
O que você vai aprender

O que você vai aprender

Saiba como adicionar um formulário incorporado do Klaviyo ao seu site da Shopify. Isso envolve a criação de um formulário no Klaviyo e, em seguida, a colagem do código de incorporação nos arquivos do seu site, onde o senhor deseja que ele apareça, como no rodapé.

O senhor já está usando o Shopify formulário de registro? Se o senhor optar por sincronizar o Shopify assinante com o Klaviyo ao fazer a integração, qualquer novo assinante será sincronizado automaticamente.

Antes de começar

Antes de começar

Antes de criar o formulário incorporado em Klaviyo, o senhor deve integrar-se a Shopify e habilitar a funcionalidade de formulário de registro (também chamada de "rastreamento no local"). Para Shopify armazenar, o aplicativo incorporado deve ser habilitado para que o formulário de registro exiba e sincronize os dados corretamente. 

Para verificar se a incorporação do aplicativo é habilitar:

  1. Navegue até sua página de configurações de integração do Shopify
  2. Role até a seção Rastreamento no local.
    • Se aparecer um banner verde informando que a incorporação do aplicativo Klaviyo está habilitada no seu armazenar Shopify , está tudo pronto. Continue na próxima seção do artigo para adicionar o formulário incorporado ao seu site.
      A seção de rastreamento no local da página Shopify configurações de integração de uma conta de exemplo mostra um banner verde informando que a incorporação do aplicativo está habilitada.
    • Se um banner amarelo mostrar que a incorporação do aplicativo Klaviyo está desativada. Depois de ativá-lo, selecione "Save" (Salvar) no editor de temas do Shopify para aplicar a alteração.

O exemplo deste artigo usa um tema do Shopify 2.0. Seu tema pode ser diferente, o que pode afetar os nomes de alguns arquivos ou locais de snippet de código.

Adicione um formulário incorporado ao seu site

Adicione um formulário incorporado ao seu site

Deseja incorporar um formulário em uma página de agradecimento ou de status do pedido da Shopify? Shopify Klaviyo não oferece mais suporte nativo a essa funcionalidade, mas o senhor pode usar o bloco de recursos do aplicativoSMS para coletar consentimento para SMS nas páginas Shopify checkout (somenteShopify Plus), de agradecimento ou de status do pedido. 

  1. Crie seu formulário de incorporação.
  2. No editor de formulários, selecione Targeting e behavior > Display
  3. Em Embed Code, copie o ID do formulário de dentro do código, conforme mostrado abaixo:
  4. Publique seu formulário. 
  5. Navegue até o painel de controle da Shopify.
  6. Selecione a loja on-line > Themes.
  7. Clique em Customize (Personalizar).
    O menu Themes (Temas) em um exemplo de painel do Shopify mostra o botão Customize (Personalizar) destacado para ser clicado.
  8. Na barra de menu superior, escolha o modelo de página em que deseja adicionar o formulário (por exemplo, sua página inicial ou página de senha).
    A Shopify armazenar admin mostra a página modelo dropdown aberta na parte superior e a página Home selecionada para edição no editor de temas.
  9. No menu à esquerda, em Apps, selecione a seção Add (Adicionar) > Apps > Klaviyo Embedded Form (Formulário incorporado do Klaviyo). 
    • Se o senhor quiser que esse formulário apareça apenas nessa página específica, faça isso na seção modelo
      Uma página de esperança do Shopify armazenar aberta no editor de temas e mostrando um aplicativo Klaviyo Embedded Form na seção modelo.
    • Se quiser que o formulário persista em todas as páginas do seu site, faça isso na seção Footer (Rodapé ). Observe que ter um formulário incorporado no rodapé do seu site também é uma prática recomendada da Klaviyo para o crescimento da lista.
      Uma página de esperança do Shopify armazenar aberta no editor de temas e mostrando um aplicativo Klaviyo Embedded Form na seção Footer (Rodapé)
  10. Clique na seção Klaviyo Embedded Form recém-criada no menu à esquerda.
  11. Cole o ID do formulário que o senhor copiou do Klaviyo na caixa de texto designada.
  12. Clique em Save (Salvar ) para adicionar o formulário incorporado ao modelo de página. Observe que o formulário incorporado não aparecerá na visualização até que o senhor salve.
  13. Opcional: Depois de salvar, o senhor pode reorganizar o aplicativo Klaviyo Embedded Form clicando e arrastando-o dentro do menu. 

Depois de colar o código de incorporação e salvar as alterações em Shopify, navegue até seu site e atualize a página. Os visitantes do site verão seu formulário e terão a opção de participar de sua lista preenchendo-o.

Se o formulário não for exibido, consulte Solução de problemas de formulários incorporados.

Próximas etapas

Próximas etapas

Em seguida, crie uma série de boas-vindas fluxo para causar um impacto imediato em seu novo assinante.

Recursos adicionais

Recursos adicionais

Esse artigo foi útil?
Use esse formulário somente para dar feedback sobre os artigos. Saiba como entrar em contato com o suporte.

Saiba mais sobre a Klaviyo

Community
Conecte-se com colegas, parceiros e especialistas da Klaviyo para ter ideias, compartilhar insights e tirar dúvidas.
Treinamentos ao vivo
Participe de uma sessão ao vivo com especialistas da Klaviyo para conhecer práticas recomendadas, saber como configurar os principais recursos e muito mais.
Suporte

Acesse o suporte na sua conta.

Suporte por e-mail (teste gratuito e contas pagas) Disponível 24 horas

Chat/assistência virtual
A disponibilidade varia conforme o local e o tipo de plano