Compreensão dos blocos e campos do formulário

O senhor aprenderá

Saiba como usar vários blocos de conteúdo do editor de formulários (ou seja, elemento e campo de dados) em seu formulário de registro para personalizar sua aparência e o tipo de informação que o senhor coleta do assinante. 

Sobre a guia Adicionar bloco

No editor do formulário de registro, clique na guia Add bloco para ver os diferentes blocos de conteúdo que podem ser adicionados ao formulário. 

Há duas categorias diferentes de blocos:

1. Elementos
2. Campos de entrada

Quando o senhor arrastar e soltar um bloco na visualização do formulário, as opções de edição aparecerão na barra lateral esquerda. A partir daí, o senhor pode ajustar o texto dos detalhes do bloco, inclusive o texto e o estilo. Na parte inferior desse menu de edição, o senhor também pode definir as configurações de Visibilidade do bloco para controlar se ele será exibido em todos os dispositivos, somente no desktop ou somente no celular. Saiba mais sobre o bloco dinâmico em formulários.

Se estiver criando um formulário de inscrição somente para celular, consulte noções básicas: design de formulários para celular. 

Práticas recomendadas ao adicionar blocos de conteúdo a formulários

Se o senhor planeja incluir vários blocos e campos para solicitar aos visitantes do seu site várias informações (por exemplo, data de nascimento, endereço de e-mail, número de telefone etc.) no formulário, use um formulário de várias etapas. Os formulários de várias etapas podem ajudá-lo a saber mais sobre seus visitantes e a coletar o consentimento deles em vários canais, sem sobrecarregá-los com muitos campos de uma só vez.

Se o senhor quiser solicitar o e-mail e o número de telefone em seu formulário, é uma prática recomendada para o crescimento e a conformidade da lista incluir esses campos em duas etapas diferentes.

Elementos do formulário

Os elementos do formulário de inscrição adicionam conteúdo ao formulário, incluindo texto, botões, imagens e cupons. Esses blocos informam ao visitante a finalidade do seu formulário de inscrição e permitem que ele interaja com ele. 

Bloco de texto

Os blocos de texto permitem que o senhor insira conteúdo de texto no formulário, como um título, instruções ou outro texto de exibição. Klaviyousa o padrão de codificação UTF, o que significa que ele suporta caracteres latinos, emojis, caracteres de byte duplo e muito mais. Além disso, o senhor pode adicionar uma imagem em linha usando a opção de entrada URL da imagem. 

Bloco de botões

Os blocos de botões permitem que o senhor colete e salve informações no Klaviyo sobre as pessoas que enviam o formulário. Um botão pode permitir que o usuário feche ou envie o formulário, direcione-o para outra página do seu site ou inscreva-o em uma mensagem SMS.

Escolha uma das seguintes ações para seu botão: 

• Fechar formulário
  O formulário será fechado e os dados não serão enviados para a Klaviyo.  
• Enviar formulário
  Todos os campos do formulário preenchidos pelo visitante serão enviados para a Klaviyo, e o formulário progredirá com base na opção que o senhor selecionar para o campo After submit (Show Next Step, Go to URL ou Close Form). 
• Go to URL (Redirecionar para uma página diferente)
  O visitante será redirecionado para o URL que o senhor fornecer, e os dados de qualquer campo do formulário não serão enviados para o Klaviyo. Ao inserir o URL de destino, use o URL completo, incluindo https:// (por exemplo, use https://help.klaviyo.com/hc/pt-br em vez de help.klaviyo.com/hc/en-us).

  A ação Ir para URL não funcionará com um URL incompleto.

• Assinar via SMS
  O senhor pode configurar essa opção em formulários somente para dispositivos móveis ou na visualização móvel da etapa SMS Opt-in para formulários direcionados a todos os dispositivos. Ele permite que os visitantes assinem o SMS com apenas alguns toques (tap-to-text). Quando um visitante clica em um botão Assinar via SMS, o aplicativo de mensagens de texto é exibido com uma mensagem pré-digitada que pode ser enviada para a assinatura.
  • Selecione uma palavra-chave no menu suspenso Subscribe Keyword (Inscrever palavra-chave ). Essa é a palavra que alguém deve enviar por mensagem de texto para o seu número de destino para ser adicionado à lista de assinaturas de SMS da sua conta, e é configurada no nível da conta.
  • Defina uma mensagem de aceitação, que será preenchida no aplicativo de mensagens. Por padrão, a mensagem é "Send this text to subscribe to <organization_name>!" (Envie este texto para se inscrever em organization_name !), mas o senhor pode personalizar o conteúdo da mensagem. Esse campo permite até 160 caracteres GSM-7 (1 mensagem) apenas. Caracteres especiais, incluindo emojis, não são válidos.
  • Escolha o número apropriado em Sending Region (Região de envio ) se o senhor operar em várias regiões e tiver mais de um número de envio.
    

Alterar a lista para a qual um formulário de inscrição é enviado

O senhor pode alterar a lista para a qual o formulário é enviado (ou seja, a lista para a qual os novos assinantes são coletados) nas configurações do botão. Para alterar a lista de envio de um formulário: 

1. Clique no botão no editor de formulários. 
2. No menu que aparece à esquerda, selecione a nova lista em List to Submit.
   
   
3. Clique em Back (Voltar ) na barra lateral de edição.
4. Se estiver satisfeito com o conteúdo do formulário, clique em Publish (Publicar ).Mesmo que o formulário já esteja ativo, o senhor deve publicar as alterações para que os novos assinantes sejam coletados na lista recém-selecionada.
   

Enviar campos ocultos

Os campos ocultos são propriedades adicionais que serão adicionadas ao perfil de um assinante na Klaviyo. Isso permite que o senhor rastreie os visitantes que interagem com seu formulário. Por padrão, todos os formulários têm uma propriedade $source como um campo oculto, que identifica como eles foram adicionados à sua lista. 

O senhor pode personalizar a propriedade $source e outros nomes de propriedades. Como outras entradas em formulários, se o senhor adicionar campos ocultos para propriedades que já existem no perfil de alguém, eles serão substituídos pelo novo valor quando o formulário for enviado. Por exemplo, digamos que seu formulário reúna preferências de coleção e um cliente tenha selecionado anteriormente que está interessado em sua coleção masculina. Se esse formulário tiver um campo oculto para interesse em sua coleção feminina, a propriedade de preferências será substituída quando o botão for clicado (ou seja, de masculino para feminino). 

Para adicionar uma nova propriedade oculta, selecione Add a property (Adicionar uma propriedade).

Bloco de imagens

Os blocos de imagem permitem que o senhor adicione uma imagem ao formulário (por exemplo, seu logotipo). O senhor pode usar esse bloco para adicionar imagens que combinem com a aparência de sua marca. 

São aceitos arquivos JPEG, PNG e GIF. Como acontece com todas as imagens visualizadas na Web, arquivos maiores levam a tempos de carregamento mais lentos. Para obter o desempenho ideal, o arquivo deve ter um tamanho de 50-100 KB.

O senhor também pode adicionar uma imagem de fundo ou uma imagem lateral na guia Styles (Estilos ) do editor de formulários. 

Bloco de cupons

Adicione um bloco de cupom para incentivar os visitantes do seu site a enviar o formulário de inscrição e usar o cupom incluído para fazer uma compra em seu site.

O senhor pode adicionar códigos de cupom estáticos ou exclusivos a um formulário. As práticas recomendadas da Klaviyo recomendam mostrar esses códigos na etapa Success, para que os compradores não precisem sair do seu site para obter o código. Leia nosso guia sobre como adicionar códigos de cupom a formulários de inscrição para obter mais detalhes sobre a configuração.

Bloqueio de divulgação de SMS

A linguagem de divulgação do SMS deve ser colocada acima de um botão de aceitação de SMS para ajudar a manter a conformidade com o SMS. Saiba mais sobre a linguagem de divulgação de SMS.

Temporizador de contagem regressiva

Os cronômetros de contagem regressiva podem adicionar um senso de urgência aos seus formulários de inscrição e, muitas vezes, são combinados com promoções especiais ou mensagens de feriados. Saiba mais sobre como adicionar cronômetros de contagem regressiva aos formulários.

Bloco do balcão de cadastro

Adicione um contador de registro no formulário para exibir contagens de envio em tempo real (por exemplo, "500 pessoas se inscreveram para essas ofertas na última hora!") em seu formulário para aumentar a conversão e acelerar o crescimento da lista. Esse bloco usa prova social para criar urgência e compelir os visitantes do site a se inscreverem.

Quando você adiciona um bloco de um contador de cadastros a um formulário, pode definir as seguintes configurações:

• Configurações de exibição
  Determine como as inscrições são contadas. Observe que um assinante deve atingir a etapa de sucesso do formulário:
  
  • Registros dos últimos 30 dias
  • Registros dos últimos 7 dias
  • Registros das últimas 24 horas
  • Registros da última hora
• Mostrar após __ envios
  Determine o número mínimo de envios necessários para que o bloco seja exibido.
  

  O bloco será ocultado dos visitantes do site até que o número mínimo de envios seja excedido. Quando o número mínimo de envios for atingido (por exemplo, 200 envios), o bloco será exibido em seu formulário.

  

O texto padrão refletirá as configurações de exibição selecionadas. Embora esse texto seja configurável, não exclua a tag {{ form_submit_count }}, pois ela mostra a contagem de inscrições em tempo real.

Campos de entrada

Os campos de entrada permitem que o senhor colete informações dos visitantes do site, como endereço de e-mail, nome ou data de nascimento. 

Todos os campos de entrada devem ser conectados a uma propriedade de perfil, que é usada para armazenar os dados que cada assinante envia. Quando o senhor adicionar um campo de entrada ao formulário, selecione uma propriedade existente no menu suspenso Profile Properties (Propriedades do perfil ) ou crie uma nova propriedade digitando um novo nome e clicando em Create Option (Criar opção).

A menos que especificado de outra forma, as entradas desses campos serão armazenadas na página de perfil de cada indivíduo. 

Campo de entrada de e-mail

Os campos de entrada de e-mail permitem que os visitantes insiram seus endereços de e-mail e se inscrevam na lista conectada ao formulário. Um formulário só pode ter uma entrada de e-mail, e ela deve aparecer em uma das etapas do formulário, não na mensagem de sucesso.

Campo de número de telefone

Se o senhor adicionar um campo de número de telefone, por padrão, ele coletará consentimento promocional para SMS, o que lhe permite enviar qualquer mensagem para SMS. Esse bloco valida os números de telefone enviados para garantir que eles estejam armazenados em um formato de número aceitável. Caso ainda não o tenha feito, habilite SMS se for coletar consentimento para SMS, e configure sua linguagem de divulgação para incluir em qualquer lugar que coletar consentimento para SMS.

Se necessário, o senhor pode ajustar o tipo de consentimento para SMS que o formulário coleta; porém, certifique-se de que a linguagem de divulgação corresponda ao tipo de consentimento e inclua exemplos dos tipos de mensagens que o senhor enviará para que o assinante entenda com o que está concordando.

O senhor também pode usar blocos dinâmicos ao coletar o consentimento por SMS para garantir que os compradores vejam o melhor método para fazer o opt-in.

Campo de entrada de texto

Os campos de entrada de texto são usados para coletar informações que não precisam seguir um formato específico (como datas ou endereços de e-mail) e quando não faz sentido oferecer uma lista predefinida de opções. Observe que a segmentação e a filtragem de fluxo diferenciam maiúsculas e minúsculas. Considere outros tipos de campo se planeja usar esses dados para segmentação ou filtragem. 

Um caso de uso comum para campos de entrada de texto é a coleta de nomes de assinantes. Para adicionar um campo de primeiro nome, use "First name" como rótulo ou texto de espaço reservado e selecione First Name como propriedade de perfil. 

Botões de rádio

Os botões de rádio oferecem uma lista predefinida de opções, das quais os assinantes só podem selecionar 1. Elas são úteis para coletar informações como gênero ou faixa etária.

O campo de propriedade Profile deve conter o nome que o senhor gostaria de usar para essa propriedade. Por exemplo, se o formulário perguntar aos visitantes se eles preferem café ou chá, use uma propriedade de perfil personalizada como "Beverage Choice" (Escolha de bebida). 

Use a coluna Labels (Rótulos ) da seção Property Options (Opções de propriedade ) para adicionar as opções que seus assinantes podem escolher. Em seguida, adicione os valores correspondentes na coluna Values (Valores ). Esses valores serão armazenados no perfil de qualquer pessoa que preencher o formulário, portanto, considere usar uma versão abreviada da resposta que seja fácil de consultar. 

Se os rótulos das opções forem "Bebedor de chá" e "Bebedor de café", os valores poderão ser "chá" e "café", respectivamente. 

Quando um assinante responde a uma pergunta de botão de opção, sua resposta é armazenada como um tipo de dados de cadeia de caracteres. 

Caixas de seleção múltiplas

As caixas de seleção múltiplas oferecem uma lista de opções, e os assinantes podem selecionar quantas opções desejarem. As caixas de seleção múltiplas são úteis para coletar informações sobre preferências, áreas de interesse, informações demográficas e quaisquer perguntas em que o assinante possa selecionar mais de uma opção.

Assim como um campo de botão de rádio, seu campo de caixa de seleção múltipla requer uma propriedade de perfil, um conjunto de rótulos e um conjunto de valores. 

Quando um assinante responde a uma pergunta com várias caixas de seleção, a resposta é armazenada como um tipo de dados de lista, independentemente do número de opções selecionadas. 

Campo de data

Os campos de data são a melhor maneira de os assinantes inserirem valores de data, que podem, por sua vez, ser usados para segmentação ou para acionar fluxos baseados em datas.

Por exemplo, talvez o senhor queira coletar as datas de aniversário dos assinantes para poder enviar a eles um código de cupom por meio de um fluxo no dia do aniversário. Nesse caso, o senhor adicionaria o campo de data e definiria a propriedade de perfil correspondente como aniversário. Se o senhor estiver interessado em coletar informações sobre datas de um cliente, use um bloco de datas para garantir que as datas sejam formatadas corretamente.

O senhor tem a opção de personalizar a forma como as datas são inseridas no formulário (por exemplo, DD/MM/AAAA); no entanto, as datas ainda serão armazenadas no formato padrão MM/DD/AAAA nos perfis pessoais. Se o senhor selecionar uma opção no menu Date Format (Formato de data ) que não inclua um ano (por exemplo, MM DD), um ano padrão será automaticamente incluído no perfil de cada assinante. As datas enviadas por meio de um campo de data são armazenadas usando o tipo de dados de data. 

Campo suspenso

Os dropdowns são semelhantes aos botões de rádio, pois os assinantes podem selecionar uma opção em uma lista predefinida. Essa opção também ajuda a economizar espaço em seu formulário. Considere usar um menu suspenso em vez de botões de rádio quando o senhor tiver mais de quatro opções. Assim como os botões de rádio e as caixas de seleção múltiplas, o campo suspenso requer uma propriedade de perfil, um conjunto de rótulos e um conjunto de valores. 

Porta de idade

Os bloqueios de idade podem permitir que marcas relacionadas ao álcool usem SMS nos EUA, Reino Unido e Austrália. A restrição de idade deve estar ativada em sua conta antes que o senhor possa adicionar blocos de restrição de idade aos seus formulários de inscrição e começar a usar o SMS. Saiba mais sobre a classificação etária de bebidas alcoólicas com o Klaviyo.

Excluir um elemento ou campo de dados

Para excluir qualquer elemento ou campo de dados do seu formulário de registro:

1. Na visualização do formulário no editor, passe o mouse sobre o bloco que deseja excluir.
2. Selecione o ícone de lixeira que aparece.
   
3. No modal Delete block (Excluir bloco), selecione Delete block (Excluir bloco). Observe que um bloco não pode ser recuperado depois que o senhor o exclui.

Próximas etapas

Se o senhor quiser configurar um formulário para ter uma visualização distinta no desktop e no celular, consulte nosso guia sobre o uso de blocos dinâmicos em formulários.

Depois de adicionar blocos e campos ao formulário de inscrição, saiba como estilizá-lo para combinar com sua marca. Quando o senhor estiver pronto para publicar um formulário popup, flyout ou de página inteira, basta clicar em Publish para colocá-lo no ar em seu site. Se o senhor criar um formulário incorporado, adicione o código incorporado do formulário ao seu site para publicar.

Recursos adicionais

Primeiros passos com formulários de inscrição

Noções básicas: design de formulários móveis

Como usar blocos dinâmicos em formulários

Curso: Criando uma estratégia de aquisição eficaz usando formulários de inscrição