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

Estimado 4 minuto de leitura
|
Atualizado 19 de dez. de 2024, 09:03 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é a páginaShopify configurações de integração
  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

Primeiro, crie e publique seu formulário incorporado no Klaviyo. Depois de fazer isso, siga as próximas etapas para colar o código incorporado do formulário na página do site da Shopify em que deseja que o formulário seja exibido.

  1. Se ainda não o fez, copie o código de incorporação para seu formulário de incorporação. O senhor pode acessar o código incorporado do formulário abrindo o formulário no editor e clicando na seção Targeting & behavior.
    O código incorporado para um exemplo de formulário de registro destacado na guia Targeting and behaviors do editor de formulários em Klaviyo.
  2. Navegue até o painel de controle da Shopify.
  3. Selecione a loja on-line > Themes.
  4. 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.
  5. 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.
  6. 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é)
  7. Clique na seção Klaviyo Embedded Form recém-criada no menu à esquerda.
  8. Cole o código de incorporação que você copiou do Klaviyo na caixa de texto designada.
    O Klaviyo Embedded Form selecionado em um editor de temas da Shopify mostrando um exemplo de ID de código incorporado de formulário colado na caixa de texto.
  9. 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.
  10. 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 fazer comentários sobre artigos. Saiba como entrar em contato com o suporte.

Saiba mais sobre a Klaviyo

Comunidade
Conecte-se com colegas, parceiros e especialistas da Klaviyo para encontrar inspiração, compartilhar percepções e obter respostas para todas as suas perguntas.
Treinamentos ao vivo
Participe de uma sessão ao vivo com especialistas da Klaviyo para aprender sobre as práticas recomendadas, como configurar os principais recursos e muito mais.
Suporte

Acesse o suporte por meio da 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