Como adicionar um teaser de formulário
O que você vai aprender
Saiba como adicionar um teaser ao seu popup, flyout ou formulário de registro de página inteira. Um teaser é um widget pequeno em que um visitante pode clicar para abrir um formulário ou reabri-lo depois de dispensá-lo.
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 nem para banners.
Adicione um teaser a um popup, flyout ou formulário de registro de página inteira
- Navegue até Website > Formulários de registro.
- Clique em Editar para um formulário existente ou crie um novo.
- Clique em (+) teaser no editor de formulários.
Escolha um estilo de teaser
Em Estilo, escolha 1 das 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
Em Layout, posicione seu teaser em uma lateral ou canto do seu site. Os teasers de canto só podem ser posicionados em um canto. O tamanho do teaser é otimizado para vários dispositivos. Não deixe de conferir as prévias para desktop e dispositivos móveis para garantir que a posição do teaser não entre em conflito com outros elementos de pop-up ou no estilo teaser no seu site.
Em Layout, escolha Pequeno, Médio, Grande ou Personalizado no menu suspenso Tamanho. Se você escolher Personalizado, insira uma largura em pixels.
No celular, teasers retangulares posicionados na parte superior ou inferior da página se expandem até a largura disponível, considerando as margens. Esse ajuste automático de largura não se aplica a teasers retangulares posicionados no lado esquerdo ou direito. Confira a prévia para celular ao escolher um tamanho e uma posição.
Edite o conteúdo do teaser
Em Texto, adicione ou edite texto e estilos de texto no seu teaser. No mínimo, seu teaser deve dar uma dica sobre a oferta do seu formulário. Mantenha o teaser curto para gerar 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.
Você também pode editar o design do seu teaser usando Cor de fundo, Sombra projetada, Imagem de fundo e Margem do bloco. Para teasers retangulares, você também pode ajustar o(a) Raio do canto.
Defina comportamentos de teaser
Em Configurações de exibição, escolha 1 das seguintes opções para determinar quando o teaser será exibido:
- Mostrar após o formulário ser fechado
Um teaser configurado para ser exibido após um formulário ser fechado permite que um visitante reabra o formulário se dispensá-lo, mas não aparecerá antes de o formulário ser exibido. O teaser pode continuar a ser exibido em páginas que atendam às configurações de segmentação do formulário, a menos que o visitante dispense o teaser. Para interromper aparições futuras após uma ação de conversão principal, use a configuração de frequência descrita em Teasers de formulário e ações de conversão principais abaixo. - Mostrar antes de exibir o formulário
Um teaser configurado para mostrar antes de exibir um formulário vai aparecer 2 segundos após a página carregar. Ele ficará visível 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.
- Mostrar antes de exibir o formulário e depois que ele 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 o visitante dispense o teaser. As configurações de frequência do formulário determinam se ele aparece novamente após uma ação de conversão principal, conforme descrito abaixo.
Suas configurações de prevenção de colisões podem afetar a aparência inicial de um teaser. Se outro formulário já tiver aparecido, uma configuração que permite apenas 1 formulário por sessão pode impedir que o teaser de outro formulário apareça, enquanto um atraso de tempo pode adiá-lo. Por exemplo, um atraso de 5 minutos pode adiar o teaser do próximo formulário até que esse intervalo tenha passado. O teaser do formulário que o visitante acabou de fechar pode aparecer sem esperar pelo atraso de colisão.
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 Segmentação e comportamento de exibição do seu formulário. Por exemplo, um teaser configurado para ser exibido antes de mostrar um formulário só aparecerá para visitantes que atendem às configurações de segmentação do formulário (ou seja, associação a lista/segmento, localização e URL). Quando os demais acionadores 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. Clique no ícone de mais (+) ao lado de Ícone de fechar para adicionar um.
Observe que, se um cliente 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 cliente fechar tanto um formulário quanto seu teaser, 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 seu 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 em um formulário de várias etapas estiver configurado para aparecer depois que o formulário for fechado, os visitantes poderão usá-lo para voltar ao formulário. Para impedir que o formulário e o teaser apareçam novamente depois que o visitante concluir a ação principal de conversão, configure as configurações de frequência do formulário. Para um formulário que é exibido automaticamente:
- Abra Comportamento de segmentação e exibição e selecione a guia Exibição.
- Em Frequência, selecione Não mostrar novamente se o formulário tiver sido enviado ou se o botão Ir para URL tiver sido clicado.
Com essa configuração selecionada, o formulário e o teaser param de aparecer em carregamentos posteriores da página após uma ação principal de conversão. Se você limpar, concluir a ação não impede que apareça novamente no futuro. A principal ação de conversão depende 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.
Se um visitante enviar a etapa principal de conversão (por exemplo, a etapa de e-mail em um formulário com várias etapas) e depois recusar a segunda etapa (por exemplo, a etapa de SMS), o teaser ainda pode aparecer na página atual. Com a configuração de frequência acima selecionada, o teaser para de aparecer depois que o visitante atualiza a página ou navega para uma nova página.
- 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 de várias etapas não tiver sido concluída, clicar no teaser do formulário na mesma página vai reabrir o formulário na última etapa incompleta.
Publique suas alterações
- Revise seu formulário e teaser nas prévias para desktop e dispositivos móveis e resolva todos os alertas que bloqueiam a publicação.
- Clique em Publicar ou agendar no editor de formulários.
- Selecione a opção Publicar agora e, em seguida, clique em Publicar agora para aplicar suas alterações ao formulário ativo.
Excluir teaser
Excluir um teaser remove todas as configurações dele. Se você adicionar novamente um teaser ao mesmo formulário mais tarde, ele será redefinido para os padrões do teaser.
- No editor de formulários, clique nos 3 pontos do botão teaser e, em seguida, clique em Excluir.
- Clique em Excluir teaser para confirmar.
- Clique em Publicar ou agendar, selecione a opção Publicar agora e, em seguida, clique em Publicar agora para aplicar a remoção ao formulário ativo.
