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

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é.

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.
     
   • 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.
     
     • Consulte nosso guia sobre como ativar a incorporação de aplicativos da Klaviyo para a Shopify antes de continuar com este artigo.
       

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

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.

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. 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.
   
2. Navegue até o painel de controle da Shopify.
3. Selecione a loja on-line > Themes.
4. Clique em Customize (Personalizar).
   
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).
   
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. 
     
   • 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.
     
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.
   
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

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

Recursos adicionais

• Como alterar a lista para a qual um formulário é enviado
• Introdução à Shopify
• Introdução aos formulários de registro