Introdução aos formulários de registro
O que você vai aprender
Saiba como criar e personalizar formulários de registro na Klaviyo para interagir com compradores, coletar e-mails e números de telefone e criar relacionamentos duradouros.
Basta seguir alguns princípios fundamentais para que seu site tenha um formulário de registro atraente e de alta conversão em poucos minutos.
- Verifique se os formulários de registro da Klaviyo estão ativados no seu site na seção “Antes de começar” abaixo.
- Defina uma meta para seu formulário.
- Crie o formulário e personalize o design de acordo com sua meta.
- Aplique configurações de segmentação para exibir o formulário para o público desejado.
Antes de começar
Para publicar um formulário de registro no seu site, é preciso integrá-lo à Klaviyo. Quando a integração estiver ativa, verifique se os formulários de registro estão ativados no seu site para que ele seja exibido adequadamente no site.
Práticas recomendadas para formulários de registro
Não sabe quais formulários de registro criar e publicar? Considere a recomendação a seguir e crie um formulário básico para aumentar seu público e converter visitantes em clientes pagantes:
- Publique um formulário pop-up no seu site, acionado para aparecer quando um comprador estiver saindo da página.
- Depois de seguir as instruções deste guia e criar seu formulário, consulte a seção Segmente seu formulário para saber como acioná-lo apenas para visitantes desconhecidos da Klaviyo.
- Depois de seguir as instruções deste guia e criar seu formulário, consulte a seção Segmente seu formulário para saber como acioná-lo apenas para visitantes desconhecidos da Klaviyo.
Se desejar obter consentimento por e-mail e SMS, use um formulário de várias etapas para coletar essas informações em estágios diferentes; essa é a prática recomendada para aumentar a lista. Adicionar um bloco de cupom à etapa de sucesso do formulário, oferecendo um desconto promocional também pode incentivar os visitantes a participar ou fazer uma compra.
Defina uma meta para seu formulário de registro
Antes de começar a criar seu formulário de registro, considere suas metas. Um formulário pode ajudar você a se conectar com clientes em potencial, saber mais sobre seu público, converter assinantes de e-mail em assinantes de SMS e muito mais. Um pop-up simples que coleta informações de contato das pessoas que visitaram seu site, mas nunca se inscreveram, é um ótimo ponto de partida.
Para criar um bom formulário de registro, siga esses três princípios:
- Mantenha a simplicidade
Ao incluir muitas informações em um único formulário, você distrai o leitor do objetivo principal e dificulta o preenchimento. Mantenha-o simples para que seus visitantes entendam e preencham o formulário. - Design para a experiência completa
É fácil se perder tentando encontrar a cor ou o layout perfeito. Formulários de registro de sucesso são mais do que uma primeira impressão. Ao desenvolver seu próximo formulário, imagine a experiência total dos assinantes, antes, durante e depois de se depararem com ele. - Colete os dados certos
A maioria dos formulários de registro pede seu endereço de e-mail ou número de telefone, mas outros dados podem ajudar a criar conexões poderosas. Você também pode usar um formulário de registro para segmentar determinados públicos com um anúncio ou uma oferta. Em geral, saber quando pedir, e o que pedir, aumenta a confiança dos assinantes para contar mais sobre si mesmos. - Embora seja recomendado usar formulários de várias etapas para coletar informações de novos assinantes, os formulários de etapa única (como um formulário que solicita apenas um número de telefone) são eficazes para a aquisição de público-alvo entre canais.
Depois de decidir a meta do formulário, selecione Formulários de registro, no menu à esquerda da Klaviyo, para começar a criar.
Crie um formulário de registro básico
Este guia fornecerá uma visão geral de cada etapa. Depois de criar, personalizar e segmentar o formulário, é possível publicá-lo no seu site com poucos cliques.
Para criar um novo formulário de registro, você tem duas opções:
- Crie a partir de um modelo da biblioteca de formulários da Klaviyo.
- Crie um novo formulário de registro.
Crie um formulário a partir da biblioteca de formulários
Os formulários da biblioteca foram criados levando as práticas recomendadas em consideração. Para encontrar o modelo certo, filtre as opções por tipo de formulário ou objetivo. Em seguida, edite o design padrão para adequá-lo à sua marca.
- Na navegação principal da Klaviyo, selecione Formulários de registro.
- Selecione Criar formulário no canto superior direito.
- Explore a biblioteca de modelos de formulários predefinidos. Você também pode usar os menus suspensos Tipos e Categorias, na parte superior, para filtrar os modelos por tipo, meta ou ambos.
- Selecione seu modelo de formulário.
- No modal de visualização:
- Dê um nome ao seu formulário.
- Escolha a lista para a qual o formulário será enviado, ou seja, na qual os compradores que preencherem o formulário serão coletados.
Se estiver usando um formulário de várias etapas que coleta e-mail e número de telefone, você pode selecionar duas listas diferentes. Se você ainda não tiver uma lista de assinantes de SMS, uma será criada automaticamente quando você selecionar assinantes de SMS .
- Selecione Criar formulário para acessar o editor, onde você pode editar o conteúdo e o design de acordo com sua marca.
Crie um novo formulário de registro
Se preferir começar com um modelo em branco para personalizar, crie um novo formulário de registro.
- Acesse Formulários de registro > Criar formulário.
- Clique em Criar novo formulário no canto superior direito.
- No modal de detalhes, selecione:
- Um nome para seu formulário de registro.
- A lista à qual os novos assinantes serão adicionados.
Você pode alterar a lista para a qual o formulário é enviado depois. Basta clicar no botão de envio no editor e selecionar uma lista diferente, se quiser.
- O tipo de formulário de registro que você gostaria de usar
- Opção para habilitar os campos de proteção de dados
- Clique em Salvar e criar design para acessar o editor, onde você pode personalizar o formulário.
Personalize seu formulário
Depois de criar o formulário, é possível usar as seções Estilos e Adicionar blocos no editor para personalizar o design e o conteúdo do formulário.
Se você visualizar um erro "301 Moved Permanently" na tela do editor de formulários atrás da visualização, isso normalmente significa que seu site está retornando um domínio inválido. Recomendamos verificar se o seu domínio está válido. Motivos comuns para esse tipo de erro podem incluir proteção por senha ou redirecionamentos configurados para um domínio desatualizado. Este erro não indica um problema entre a Klaviyo e o seu site e não afetará a sua capacidade de publicar o formulário.
Estilize seu formulário de registro
No editor, selecione a seção Estilos. Nela, você pode editar:
- Tipo de formulário
- Pop-up
Aparece no meio da janela do navegador. Os pop-ups são atraentes e de alta conversão, mas podem atrapalhar a experiência do visitante. - Flyout
Aparece em “flyout” no canto da página. Os flyouts são perceptíveis, mas geralmente permitem que o visitante continue navegando sem precisar interagir com o formulário. - Página inteira
Exiba em toda a janela do navegador, capturando a atenção total dos compradores. São formulários de alta conversão, pois não podem ser facilmente ignorados, porém mais intrusivos, pois os compradores precisam interagir para fechá-lo. Considere usar um formulário de página inteira como landing page se quiser uma página de aceitação no seu site. - Formulário incorporado
Incorporado em uma página ou seção específica do seu site, como o rodapé. As incorporações são úteis e fáceis de encontrar para os visitantes que chegam no site com a intenção de se inscrever. Adicione um formulário incorporado no seu rodapé, além de outros pop-ups que você publicar, para otimizar as oportunidades de crescimento da lista no site. Considerando o posicionamento do formulário incorporado no rodapé, sugerimos solicitar o consentimento por e-mail apenas para aumentar o volume de aceites. - Formulário de banner
Os banners aparecem como uma barra horizontal na parte superior ou inferior de uma página da web, integrando-se sutilmente ao design do site. São menos intrusivos do que pop-ups e formulários de página inteira, proporcionando visibilidade contínua sem interromper a experiência de navegação. É possível configurar o banner para que ele role com a página ou permaneça fixo – uma opção mais agradável e otimizada para celulares. Com os formulários de banner, você pode: - Adicionar blocos de conteúdo e campos de input diretamente ao banner, como um campo de input de e-mail.
- Configurar o banner para abrir outro formulário quando clicado. Para isso, defina o botão de Ação do seu banner como Abrir outro formulário. Em seguida, escolha o formulário que quer exibir quando um comprador clicar no banner. Essa funcionalidade não está disponível para formulários incorporados.
- Pop-up
- Tamanho do formulário
- Conteúdo da imagem
- Cores de fundo
- Estilos de campos de formulário, texto e input
Para se aprofundar no design de formulários de registro, consulte nosso guia sobre como definir o estilo de um formulário de registro. Se estiver criando um formulário de registro para ser exibido somente em celulares, leia nosso guia sobre noções básicas de design de formulários para celulares.
Adicione blocos ao seu formulário de registro
Os tipos de blocos de conteúdo que você adiciona ao formulário de registro são determinados pela meta definida e pelas informações que deseja coletar dos visitantes do site. Para adicionar ou editar o conteúdo de um formulário de registro, selecione a aba Adicionar blocos no editor.
Você pode arrastar e soltar vários blocos de conteúdo para adicionar ao seu formulário, como:
Elementos:
- Bloco de texto
- Bloco de botões
- Bloco de imagens
- Bloco de cupons
- Bloco de idiomas para divulgação para SMS
- Bloco de cronômetro de contagem regressiva
- Bloco de contagem de inscrições
- Bloco de citações de avaliações
Campos de input:
- Input de e-mail
- Input de telefone
- Botão de rádio
- Caixa de seleção múltipla
- Input de data
- Menu suspenso
- Restrição de idade, se sua marca for relacionada a bebidas alcoólicas e quiser usar SMS
Ao adicionar um campo de input ao seu formulário, inclua um exemplo de texto para dar uma dica das informações que você está procurando. Se você marcar um campo de input como Obrigatório, o Texto obrigatório e o Texto inválido correspondentes também serão personalizáveis. Assim, você pode traduzi-los para o idioma que quiser, bem com qualquer outro texto do formulário.
Para saber mais sobre cada bloco de conteúdo que pode adicionar a um formulário, consulte Como funcionam os blocos e campos de formulários.
Se você planeja solicitar aos compradores várias informações (por exemplo, e-mail, número de telefone, data de nascimento etc.), crie um formulário de várias etapas clicando em + Etapa na barra de menu superior e especificando o tipo de etapa que quer adicionar. Os formulários de várias etapas permitem incluir páginas adicionais ao formulário de registro, para que os visitantes não fiquem sobrecarregados com muitos campos em uma única etapa. Se estiver coletando e-mails e números de telefone, sugerimos o uso de um formulário de várias etapas, que é a prática recomendada para aumentar a lista e manter a conformidade. O texto de divulgação precisa estar presente em qualquer lugar de coleta de consentimento para SMS.
A adição de um número de telefone ao campo de dados coletará, por padrão, o consentimento promocional para SMS, permitindo que você envie qualquer mensagem para SMS. Você pode ajustar isso para coletar consentimento transacional para SMS, ou ambos separadamente, mas a linguagem de divulgação apropriada deve estar presente. Saiba mais sobre os tipos de consentimento para SMS .
Configure blocos dinâmicos para ter visualizações distintas em desktop e celular
Se seu formulário de registro estiver configurado para ser exibido em todos os dispositivos (desktop ecelular) e você quiser que ele tenha uma aparência diferente em cada um, não é necessário criar formulários separados. Os blocos dinâmicos podem ser configurados para serem exibidos em alguns dispositivos, mas não em outros. Isso permite que você adicione qualquer um dos blocos listados acima ao seu formulário e especifique em qual dispositivo o bloco é exibido, criando uma aparência diferente para clientes de celular e desktop.
Para saber mais sobre o uso de blocos dinâmicos e personalizar seu formulário por tipo de dispositivo, consulte o guia sobre como usar blocos dinâmicos em formulários.
Adicione um teaser de formulário
Adicione um teaser ao seu formulário de registro pop-up, flyout ou de página inteira para que os visitantes que fecharem o formulário possam reabri-lo, se quiserem.
Clique em Teaser na barra de menu para criar um para seu formulário. A partir daí, você pode configurar o estilo e o comportamento do teaser e personalizá-lo ao seu formulário. Saiba mais sobre os teasers de formulários.
Os teasers não estão disponíveis para formulários de banner.
Personalize a mensagem de sucesso do formulário
Após criar as etapas principais do formulário, clique em Sucesso no menu superior para visualizar e editar a mensagem de sucesso. A página de Sucesso será exibida para todos que preencherem o formulário, a menos que a ação do botão de envio esteja definida como Fechar formulário ou Ir para a URL após o envio. Portanto, ela deve corresponder ao design e branding do seu formulário.
Segmente seu formulário
Selecione a aba Segmentação e comportamento no editor para configurar quando e para quem o formulário deve aparecer no site. Com base em suas metas do formulário de registro, ajuste as seguintes configurações:
- Tempo de exibição
- Frequência de exibição
- Dispositivos em que seu formulário será exibido (celular e/ou desktop)
- Configurações de rejeição
- Configurações de segmentação
- Você pode segmentar um formulário com base na localização do visitante, no tipo de dispositivo, na associação à lista, no URL, nos parâmetros UTM, no conteúdo do carrinho etc.
Leia Como funcionam a segmentação de formulários e as configurações de comportamento para entender como ajustar a exibição do formulário.
Para um pop-up disparado quando um comprador está saindo da página, comece com as seguintes configurações de comportamento:
- Clique em Segmentação e comportamentos.
- Em Cronograma, selecione Mostrar com base em regras > Quando o visitante está saindo da página.
- Em Frequência, selecione Mostrar novamente após 5 dias e marque a caixa Não mostrar novamente depois de enviar o formulário ou caso o botão "Ir para URL" tenha sido clicado.
- Em Dispositivos, clique em Todos os dispositivos, tanto no desktop quanto em dispositivos móveis.
- Na parte superior, mude para a aba Segmentação.
- Em Visitantes, selecione Não mostrar para perfis existentes da Klaviyo.
Com base nas configurações de privacidade do cliente na Shopify, a Klaviyo pode não rastrear eventos no site e, portanto, não aplicar certos tipos de segmentação para visitantes de sua loja da Shopify na UE, EEE, Reino Unido e Suíça, a menos que tenham dado consentimento.
Em geral, se um visitante não consentiu (de outra forma ele seria incluído segundo os requisitos de segmentação) o formulário não aparecerá porque ele não será identificado. A segmentação para esses visitantes será aplicado da seguinte forma:
- Se você selecionar “Não mostrar para perfis existentes da Klaviyo”, o visitante ainda verá o formulário, já que não será identificado como um perfil existente.
- Se selecionar “Mostrar a todos os visitantes”, o visitante verá o formulário.
- Se selecionar “Mostrar para qualquer perfil existente”, “Mostrar apenas para assinantes de e-mail” ou “Mostrar apenas para assinantes de SMS”, o visitante não verá o formulário porque não será identificado como um perfil existente, de assinante de e-mail ou de SMS.
- Se selecionar “Mostrar para perfis específicos de uma lista ou segmento”, o visitante não verá o formulário, mesmo que esteja na lista ou no segmento, pois não será identificado.
- Determinados disparadores personalizados baseados em informações de cookies e propriedades do usuário não serão acionados devido à falta de identificação.
- A segmentação por local não é afetada.
- A segmentação para exibição no tipo de dispositivo (desktop ou celular) não é afetada.
Publique o formulário no seu site.
Ao criar o formulário de registro, você perceberá alertas de formulário aparecendo no canto inferior esquerdo do editor. Ao clicar na aba Alertas de formulário, uma lista de problemas identificados será exibida (por exemplo, Adicionar texto ao botão) com uma solicitação para corrigir cada um deles. Se optar por descartar um alerta, ele será movido para a seção Alertas ignorados. Você pode voltar a ele mais tarde.
Quando o formulário estiver pronto para ser compartilhado, clique em Publicar. Se o formulário tiver algum erro não resolvido, você deverá corrigi-lo na aba Forms alerts. Se você tiver resolvido todos os problemas e desde que tenha integrado seu site à Klaviyo (conforme mencionado na seção “Antes de começar” deste artigo), a publicação do formulário o colocará no ar no seu site.
Se estiver publicando um formulário incorporado, há apenas duas etapas finais: copie o código incorporado de formulário do modal de publicação e cole-o no seu site.
Teste seu formulário de registro
Para visualizar e testar seu formulário de registro, acesse seu site. Tente usar um navegador anônimo se o formulário estiver configurado para ser ocultado de perfis existentes da Klaviyo. Verifique se você atende a todos os critérios de segmentação do formulário. Por exemplo, se você tiver um formulário definido para ser exibido após 3 segundos e quando a intenção de saída for detectada, aguarde 3 segundos para que a página seja carregada. Em seguida, mostre a intenção de sair movendo rapidamente o cursor em direção ao botão “Fechar” da aba ou rolando rapidamente para cima nocelular. Todos os critérios (tempo de atraso e intenção de saída) devem ser atendidos para que o formulário seja exibido.
Nas horas e dias seguintes à publicação do formulário, os visitantes do site poderão vê-lo e preenchê-lo. Veja os resultados na sua análise de formulário.
Proteção contra bots para formulários
A Klaviyo ativa automaticamente medidas de prevenção contra bots, incluindo CAPTCHA, em formulários de registro que coletam endereços de e-mail, números de telefone ou códigos de cupons.
O CAPTCHA exige que os remetentes de formulários concluam uma breve tarefa para verificar se são humanos. Se a Klaviyo detectar comportamento suspeito ou atividade de bot anterior no IP de um usuário, ele verá uma solicitação para resolver um CAPTCHA antes de enviar o formulário. Somente os usuários que apresentarem atividades suspeitas e semelhantes a bots verão o CAPTCHA.
Bloqueadores de anúncios estão impedindo o funcionamento dos formulários
Se você ou os visitantes do seu site estiverem usando bloqueadores de anúncios (como AdGuard), os formulários da Klaviyo podem não funcionar corretamente. Os bloqueadores de anúncios impedem que o Klaviyo.js seja carregado, afetando funcionalidades essenciais do formulário, como o disparo. Quando bloqueados, os formulários que coletam informações pessoais (como e-mail ou número de telefone) não serão exibidos ou enviados corretamente.
Teste seus formulários em uma janela de navegação anônima/privada sem bloqueadores de anúncios ativados para confirmar que eles funcionam corretamente.
Próximas etapas
Se o seu formulário de registro incluir um incentivo para a inscrição (como frete grátis ou desconto em um pedido), os novos assinantes devem poder usar a oferta imediatamente. Use um fluxo de boas-vindas para apresentar sua oferta e gerar reconhecimento e fidelidade à marca.
Seu fluxo de boas-vindas deve usar a lista do formulário de registro como disparador, e o primeiro e-mail deve ser enviado imediatamente. É possível adicionar mensagens ou lembretes para usar o cupom alguns dias depois.
Se quiser experimentar e identificar o melhor incentivo para seu público, considere fazer testes A/B na oferta do formulário de registro.
Recursos adicionais
- Curso: Crie formulários de inscrição estratégicos
- Como visualizar as respostas do formulário
- Noções básicas: design de formulários para celular