Como incorporar um formulário de registro na sua página de confirmação de pedido do BigCommerce

O que você vai aprender

Saiba como incorporar um formulário de registro na sua página de confirmação da BigCommerce para coletar informações adicionais dos clientes depois que eles concluírem o processo de checkout. Esses clientes recentes já têm interesse na sua marca, então a confirmação é uma ótima oportunidade para interagir ainda mais com eles.

Antes de começar

Verifique se você fez a integração com a BigCommerce e se marcou a configuração Adicionar automaticamente o JavaScript on-site da Klaviyo.

Crie o seu formulário

Você pode criar um formulário de registro e incorporá-lo à sua página de confirmação para fazer perguntas relevantes aos seus clientes depois que eles finalizarem a compra. Por exemplo, você pode fazer perguntas para entender melhor com que frequência um cliente usa seus produtos ou em quais possíveis novos produtos ele pode ter interesse em comprar.

Para criar seu formulário de registro:

1. No Klaviyo, navegue até Formulário de registro > Criar formulário de registro > Criar do zero.
2. No menu exibido, dê um nome ao seu formulário e selecione uma lista para a qual novos assinantes devem se inscrever.
3. Selecione Incorporação como o tipo de formulário.
   

4. Clique em Salvar e  continuar o projeto.
5. Isso levará você ao editor de formulários, onde você pode editar os seguintes estilos:
   • Estilos: edite a aparência do seu formulário para combinar com a sua marca, como estilos de formulário ou de campo de dados e tipo de fonte. Você também pode editar qualquer texto clicando nele e substituindo o idioma padrão pelo seu.
   • Adicionar blocos: Aqui, você pode adicionar conteúdo ao seu formulário para coletar informações, como uma caixa de texto para uma pergunta ou um campo de data para um aniversário. Não se esqueça de definir uma propriedade do perfil em cada campo que você adicionar e de não sobrecarregar os clientes com perguntas demais.
   • Segmentação e comportamento: escolha se você quer que o formulário apareça no desktop, no celular ou em ambos. Mantenha seu formulário definido como Mostrar para todos os visitantes ou Não mostrar para perfis da Klaviyo existentes.
6. Na barra de menus, selecione Sucesso para editar a página exibida depois que alguém envia seu formulário.
7. Quando você estiver satisfeito com o design do seu formulário, clique em Publicar.
8. Na janela modal que aparecer, copie seu código de incorporação para deixá-lo pronto para colar.
   

9. Clique em Publicar.

Seu formulário não aparecerá no seu site até que você cole o código de incorporação no código do seu site.

Verifique as configurações de inscrição dessa lista para que a experiência do cliente seja perfeita. Se a lista tiver inscrição em duas etapas, você vai querer editar as páginas de confirmação. Por padrão, todas as listas da Klaviyo exigem inscrição em duas etapas.

Adicione o código incorporado ao seu site no BigCommerce

1. Navegue até o admin do BigCommerce.
2. Acesse Storefront > Gerente de scripts e clique em Criar um script.
3. Nomeie o script e configure-o da seguinte forma:
   • Local: cabeçalho
   • Descrição (opcional): Descreva a finalidade do script
   • Páginas em que o script será adicionado: confirmação do pedido
   • Tipo de script: Script
     

4. Exclua o conteúdo do script e cole o seguinte código para adicionar klaviyo.js à sua página de confirmação. Observe que você precisa fazer isso mesmo que já tenha instalado o klaviyo.js no seu site:
   

  <script src="https://static.klaviyo.com/onsite/js/PUBLIC_API_KEY/klaviyo.js" async=""></script>
  <script>
     document.addEventListener("DOMContentLoaded", function() {       var elem = document.createElement('div');
     elem.className = 'klaviyo-form-FORM_ID'
     document.body.appendChild(elem);
     });</script>

1. No snippet acima, substitua PUBLIC_API_KEY pela chave de API pública do seu site.
2. No snippet acima, substitua FORM_ID pela ID do seu formulário. Para encontrar a ID do formulário, navegue até o formulário incorporado na sua conta Klaviyo. A ID do formulário é o código de 6 letras no final do URL.
   

3. Quando você tiver preenchido todos os detalhes do script, clique em Salvar.

O formulário incorporado agora será exibido na parte inferior da página depois que alguém fizer um pedido. Dependendo do seu tema, talvez você queira editar a borda, o preenchimento ou o tamanho do formulário na seção Estilos para garantir que ele corresponda à aparência da sua página de confirmação de pedido; publique todas as alterações que você fizer para vê-las refletidas.

Próximas etapas

Depois que você começar a coletar respostas com seu formulário incorporado, cada envio será armazenado no perfil do cliente como uma propriedade personalizada, disponível para uso em segmentos, fluxos e modelos de e-mail.

Com base nas respostas, você pode ramificar a experiência de pós-compra. Você também pode ramificar sua série de boas-vindas com base nesses dados ou criar segmentos relevantes para enviar campanhas. Por exemplo, digamos que decidimos lançar um novo rímel. Como estamos coletando dados de interesse em produtos neste formulário incorporado, podemos avisar qualquer pessoa que nos disse que tinha interesse em rímel no lançamento do produto.

Recursos adicionais