Como adicionar um teaser de formulário

O que você vai aprender

Saiba como adicionar um teaser ao seu formulário de inscrição pop-up ou flyout, que é um pequeno widget no qual o visitante pode clicar para fechar e reabrir um formulário quando quiser.

Adicione um teaser a um pop-up ou flyout, ou a um formulário de inscrição de página inteira 

Para adicionar um teaser a um formulário, navegue até a guia Sign-up forms (Formulários de inscrição ) e abra um formulário existente ou crie um novo. Clique em (+) Teaser no editor de formulários. 

Escolha um estilo de teaser

Em Styles (Estilos), escolha uma das três formas de teaser: 

• Rectângulo
  Use a forma de retângulo para um teaser em estilo de guia
• Círculo
  Use a forma de círculo para um teaser no estilo bolha
• Canto
  Use a forma de canto para um teaser colocado em um canto do seu site

Posicione o teaser em qualquer um dos lados ou cantos do site. O tamanho do teaser é otimizado para uma variedade de dispositivos. Não deixe de ver as visualizações para desktop e dispositivos móveis para garantir que o posicionamento do teaser não entre em conflito com outros elementos do tipo pop-up ou teaser em seu site. 

Aqui o senhor também pode escolher um tamanho para o teaser do formulário (ou seja, pequeno, médio, grande, personalizado) usando o menu suspenso.

Editar o conteúdo do teaser

Em Content (Conteúdo), adicione ou edite o texto e os estilos de texto em seu teaser. No mínimo, seu teaser deve sugerir a oferta do seu formulário. Mantenha o teaser curto para obter o máximo impacto. Use estes exemplos de textos teaser para se inspirar: 

• 15% de desconto 
• Resgatar presente 
• 🎁
• Participar do sorteio
• Frete grátis ➡️

Se o texto do teaser mencionar uma oferta específica, certifique-se de entregar essa oferta aos assinantes na mensagem de sucesso do formulário ou usando uma série de boas-vindas. 

Aqui o senhor também pode editar o design dos teasers (ou seja, cor de fundo, raio de cor, sombra projetada, imagem de fundo e estilos de bloco).

Definir comportamentos de provocação

Escolha uma das seguintes opções para determinar quando o teaser será exibido: 

• Após o fechamento do formulário
  Um teaser configurado para ser exibido após o fechamento de um formulário permitirá que o visitante reabra o formulário se o descartar, mas não aparecerá antes que o formulário seja exibido. O teaser continuará a ser exibido em todas as páginas até que o visitante conclua a ação de conversão principal do formulário. 
• Antes de exibir o formulário
  Um teaser definido para ser exibido antes da exibição de um formulário aparecerá 2 segundos após o carregamento da página. Ele será exibido até que um visitante clique nele ou até que as condições de exibição do formulário sejam atendidas (por exemplo, atraso de tempo ou porcentagem de rolagem). 
  
  Observe que, se o formulário estiver configurado para ser exibido imediatamente no carregamento da página ou após uma espera de menos de 2 segundos, o teaser será ignorado. 
• Antes de exibir o formulário e depois que o formulário for fechado
  Um teaser com essa configuração aparecerá 2 segundos após o carregamento da página e continuará sendo exibido, a menos que o formulário esteja aberto no momento ou que o visitante tenha concluído sua ação de conversão principal.

Além das regras acima, um teaser só será exibido para os visitantes que atenderem às configurações de segmentação do formulário encontradas na seção Behaviors (Comportamentos) & Targeting (Segmentação ) do seu formulário. Por exemplo, um teaser definido para ser exibido antes da exibição de um formulário só aparecerá para os visitantes que atenderem às configurações de segmentação do formulário (ou seja, associação à lista/segmento, local e URL). Quando os acionadores restantes do formulário forem atendidos (por exemplo, intenção de saída, duração da rolagem ou atraso de tempo), o teaser será fechado e o formulário será exibido. 

Adicione um botão de fechar ao seu teaser

O senhor pode adicionar um botão Fechar ao teaser do formulário (o botão X) para permitir que os compradores fechem o teaser se não estiverem interessados no conteúdo do formulário.

Por padrão, seu teaser não incluirá um ícone de fechamento. Em Behavior (Comportamento), ative a opção Show close button (Mostrar botão de fechar ) para adicionar um botão. 

Formulário de teasers e ações de conversão primária

Se um teaser for adicionado a um formulário de várias etapas e for definido para ser exibido após o fechamento do formulário, ele será exibido até que o visitante conclua a ação de conversão principal do formulário. 

• Para formulários com ações de assinatura por e-mail ou SMS, o envio de um e-mail ou número de telefone conta como uma ação de conversão primária.
• Para formulários que contêm campos de e-mail e SMS em várias etapas, o envio do que aparecer primeiro no formulário conta como uma ação de conversão primária.
  

  Observe que, se a etapa de conversão primária (ou seja, a etapa de e-mail em um formulário de várias etapas) for enviada, o teaser não desaparecerá automaticamente ao recusar a segunda etapa (ou seja, a etapa de SMS). Em vez disso, o senhor precisará atualizar a página ou navegar para uma nova página para não ver mais o teaser do formulário.

• Para formulários sem uma ação de assinatura de e-mail ou SMS (por exemplo, um pop-up de venda rápida com uma ação "Ir para o URL"), clicar no botão "Ir para o URL" conta como uma ação de conversão primária.

Se a ação de conversão primária de um formulário de várias etapas não tiver sido concluída, clicar no teaser do formulário na mesma sessão de navegação reabrirá o formulário na última etapa incompleta. 

Excluir um teaser

Para excluir o teaser de um formulário, clique nos três pontos do botão Teaser e, em seguida, clique em Delete (Excluir). Isso removerá todas as configurações de teaser. Se o senhor adicionar novamente um teaser ao mesmo formulário, ele será redefinido para os padrões do teaser. 

Recursos adicionais 

• Como fazer um teste A/B em um formulário de inscrição
• Compreensão da análise de formulários de inscrição
• Como otimizar formulários pop-up e flyout para dispositivos móveis