Como adicionar um formulário incorporado ao seu site da Shopify
O que você vai aprender
Saiba como adicionar um formulário incorporado da Klaviyo ao seu site da Shopify. Isso envolve criar um formulário na Klaviyo e depois colar o código de incorporação nos arquivos do seu site onde você quer que ele apareça, como no rodapé.
Já está usando um formulário de registro do Shopify? Se você optou por sincronizar assinantes do Shopify com o Klaviyo durante a integração, todos os novos assinantes serão sincronizados automaticamente.
Antes de começar
Antes de criar o formulário de registro incorporado no Klaviyo, você precisa integrar com a Shopify e ativar a funcionalidade de formulário de registro (também chamada de "rastreamento no site"). Para lojas da Shopify, o app embed precisa estar ativado para que os formulários de registro sejam exibidos e sincronizem os dados corretamente.
Para verificar se a incorporação do app está habilitada:
- Acesse a sua página de configurações da integração com a Shopify.
- Role até a seção Rastreamento no site.
- Se você vir um banner verde informando A incorporação do app da Klaviyo está habilitada na sua loja da Shopify, está tudo pronto. Continue para a próxima seção do artigo para adicionar o formulário incorporado ao seu site.
- Se você vir um banner verde informando A incorporação do app da Klaviyo está habilitada na sua loja da Shopify, está tudo pronto. Continue para a próxima seção do artigo para adicionar o formulário incorporado ao seu site.
- Se um banner amarelo mostrar A incorporação do app da Klaviyo está desativada. Depois de ativá-lo, selecione "Salvar" no editor de temas da Shopify para aplicar a alteração.
- Consulte nosso guia sobre como ativar a incorporação do app da Klaviyo para Shopify antes de continuar com este artigo.
- Consulte nosso guia sobre como ativar a incorporação do app da Klaviyo para Shopify antes de continuar com este artigo.
O exemplo deste artigo usa um tema Shopify 2.0. Seu tema pode ser diferente, o que pode afetar os nomes de alguns arquivos ou a localização de snippets de código.
Adicionar um formulário incorporado ao seu site
Quer incorporar um formulário em uma página de agradecimento ou de status do pedido do Shopify? O Shopify não oferece mais suporte nativo a essa funcionalidade, mas você pode usar os recursos de bloco do app de SMS do Klaviyo para coletar consentimento de SMS no checkout do Shopify (somente Shopify Plus), em páginas de agradecimento ou de status do pedido.
- Crie seu formulário de incorporação.
- No editor de formulário, selecione Segmentação e comportamento > Exibição.
- Em Código de incorporação, copie o ID do formulário de dentro do código, conforme mostrado abaixo:
- Publicar seu formulário.
- Navegue até o painel da Shopify.
- Selecione Online Store > Themes.
- Clique em Customize.
- Na barra de menus superior, escolha o modelo de página em que você quer adicionar o formulário (por exemplo, sua página inicial ou página de senha).
- No menu à esquerda, em Apps, selecione Adicionar seção > Apps > Formulário incorporado da Klaviyo.
- Se você quiser que este formulário apareça apenas nesta página específica, faça isso na seção Modelo.
- Se você quiser que este formulário apareça apenas nesta página específica, faça isso na seção Modelo.
- Se você quiser que o formulário persista em todas as páginas do seu site, faça isso na seção Rodapé. Observe que ter um formulário incorporado no rodapé do seu site também é uma prática recomendada da Klaviyo para aumentar sua lista.
- Clique na seção Formulário incorporado do Klaviyo recém-criada no menu à esquerda.
- Cole o ID do formulário que você copiou do Klaviyo na caixa de texto designada.
- Clique em Salvar para adicionar seu formulário incorporado ao modelo de página. Observe que o formulário incorporado não aparecerá na visualização até que você salve.
- Opcional: depois de salvar, você pode reorganizar o app Klaviyo Embedded Form clicando e arrastando-o dentro do menu.
Depois de colar o código de incorporação e salvar as alterações na Shopify, volte para o seu site e atualize a página. Os visitantes do site verão seu formulário e terão a opção de entrar na sua lista ao preenchê-lo.
Se você não vir seu formulário, consulte solução de problemas de formulários incorporados.
Próximas etapas
Em seguida, crie um fluxo de série de boas-vindas para causar um impacto imediato nos seus novos assinantes.
Recursos adicionais
- How to manage your sign-up forms
Learn tips for managing your existing sign-up forms so you can ensure they are aesthetically pleasing and functional for customers interested in engaging with your brand.
- Getting started with Shopify
Learn how to integrate Klaviyo with Shopify in order to bring your customer profile and order data into Klaviyo and reach customers with targeted messaging. Additionally, enable Klaviyo onsite tracking and sign-up forms, and sync data from Klaviyo to Shopify.
- Getting started with sign-up forms
Learn how to create and customize sign-up forms in Klaviyo to publish on your website so you can engage shoppers, collect emails and phone numbers, and build long-lasting customer relationships.