Como adicionar um teaser de formulário
O que você vai aprender
Saiba como adicionar um teaser ao seu popup ou formulário de registro flyout, que é um widget pequeno que um visitante pode clicar para fechar e reabrir um formulário quando quiser.
Os teasers podem ser usados em formulários pop-up, flyout e de página inteira. Os teasers não estão disponíveis para formulários incorporados.
Adicione um teaser a um popup ou flyout, ou a um formulário de registro de página inteira
Para adicionar um teaser a um formulário, navegue até a guia Formulário de registro e abra um formulário existente ou crie um novo. Clique em (+) teaser no editor de formulário.
Escolha um estilo de teaser
Em Estilos, escolha uma de 3 formas de teaser:
- Retângulo
Use a forma de retângulo para um teaser no estilo de aba - Círculo
Use a forma de círculo para um teaser em estilo de bolha - Canto
Use o formato de canto para um teaser encaixado em um canto do seu site
Posicione seu teaser em qualquer um dos lados ou cantos do seu site. O tamanho do teaser é otimizado para uma variedade de dispositivos. Verifique as prévias para desktop e dispositivos móveis para garantir que o posicionamento do teaser não entre em conflito com outros elementos de pop-up ou do tipo teaser no seu site.
Aqui, você também pode escolher um tamanho para o teaser do seu formulário (ou seja, pequeno, médio, grande, personalizado) usando o menu suspenso.
Observe que, se você escolher um estilo de retângulo, ele não mudará de tamanho no celular. Os teasers de formulário em retângulo são otimizados automaticamente no celular para serem exibidos centralizados e mais largos, o que facilita tocar neles.
Edite o conteúdo do teaser
Em Conteúdo, adicione ou edite texto e estilos de texto no seu teaser. No mínimo, seu teaser deve dar uma ideia da oferta do seu formulário. Mantenha o teaser curto para ter o máximo impacto. Use estes exemplos de texto de teaser como inspiração:
- 15% de desconto
- Resgatar presente
- 🎁
- Participe do sorteio
- Frete grátis ➡️
Se o texto do seu teaser mencionar uma oferta específica, garanta que você entregue essa oferta aos assinantes, seja na mensagem de sucesso do seu formulário ou usando uma série de boas-vindas.
Aqui, você também pode editar o design dos seus teaser (ou seja, Cor de fundo, Raio de cor, Sombra projetada, Imagem de fundo e Estilos de bloco).
Defina comportamentos de teaser
Escolha 1 das seguintes opções para determinar quando seu teaser vai aparecer:
- Depois que o formulário for fechado
Um teaser configurado para ser exibido depois que um formulário for fechado permitirá que um visitante reabra o formulário se ele o dispensar, mas não aparecerá antes de o formulário ser exibido. O teaser continuará sendo 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 configurado para aparecer antes da exibição de um formulário aparecerá 2 segundos depois que a página carregar. 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 seu formulário estiver configurado para ser exibido imediatamente ao carregar a página ou após menos de 2 segundos de espera, o teaser será ignorado.
- Antes de exibir o formulário e depois que ele for fechado
Um teaser com essa configuração vai aparecer 2 segundos depois que a página carregar e continuará sendo exibido, a menos que o formulário esteja aberto no momento ou o visitante tenha concluído a ação principal de conversão dele.
Se você tiver as configurações de prevenção de colisão ativadas na sua conta Klaviyo, os teaser de formulário não aparecerão no seu site, já que isso é considerado como mostrar outro formulário na mesma sessão. Você pode ajustar o atraso nas configurações de colisão para fazer o teaser aparecer. Por exemplo, se as suas configurações de prevenção de colisão estiverem definidas para mostrar o próximo formulário após 5 minutos, o teaser aparecerá após 5 minutos.
Além das regras acima, um teaser só será exibido para visitantes que atendem às configurações de segmentação do formulário encontradas na seção Comportamentos e segmentação do seu formulário. Por exemplo, um teaser configurado para ser exibido antes de exibir um formulário só aparecerá para visitantes que atendem às configurações de segmentação do formulário (ou seja, participação em lista/segmento, localização e URL). Quando os gatilhos restantes desse formulário forem atendidos (por exemplo, intenção de saída, comprimento de rolagem ou atraso de tempo), o teaser será fechado e o formulário aparecerá.
Adicione um botão de fechar ao seu teaser
Você pode adicionar um botão de fechar ao teaser do seu formulário (o botão X) para permitir que seus clientes fechem o teaser se não tiverem interesse no conteúdo do formulário.
Por padrão, seu teaser não incluirá um ícone de fechar. Em Comportamento, ative o botão Mostrar botão de fechar para adicionar um.
Observe que, se um comprador clicar no X para fechar o teaser, ele seguirá as mesmas regras de frequência de exibição do formulário de registro ao qual está conectado. Por exemplo, se um comprador fechar um formulário e o teaser dele, e esse formulário estiver configurado para ser exibido novamente 5 dias depois que alguém o fechar, então tanto o formulário quanto o teaser seguirão a configuração de comportamento e serão exibidos novamente em 5 dias.
Teasers do formulário e ações principais de conversão
Se um teaser for adicionado a um formulário de várias etapas e estiver configurado para ser exibido depois que o formulário for fechado, ele aparecerá até que o visitante conclua a ação principal de conversão do formulário.
- Para formulários com ações de inscrição por e-mail ou SMS, enviar um e-mail ou número de telefone conta como uma ação de conversão principal.
- Para formulários que contêm campos de e-mail e SMS em várias etapas, enviar o que aparecer primeiro no formulário conta como uma ação de conversão principal.
Observe que, se a etapa principal de conversão (ou seja, a etapa de e-mail em um formulário de várias etapas) for enviada, o teaser não vai desaparecer automaticamente ao recusar a segunda etapa (ou seja, a etapa de SMS). Em vez disso, você precisará atualizar a página ou navegar para uma nova página para não ver mais o teaser do formulário.
- Em formulários sem uma ação de assinatura de e-mail ou SMS (por exemplo, um pop-up de oferta-relâmpago com uma ação "Ir para URL"), clicar no botão "Ir para URL" conta como uma ação de conversão principal.
Se a ação de conversão principal de um formulário com várias etapas não tiver sido concluída, ao clicar no teaser do formulário na mesma sessão de navegação, o formulário será reaberto na última etapa incompleta.
Excluir teaser
Para excluir o teaser de um formulário, clique nos 3 pontos no botão Teaser e, em seguida, clique em Excluir. Isso vai remover todas as configurações do teaser. Se você adicionar novamente um teaser ao mesmo formulário depois, ele vai ser redefinido para os padrões do teaser.
