Como criar um pop-up inteligente
Com nosso criador de widgets, você pode criar pop-ups inteligentes que são exibidos aos visitantes somente conforme especificado por um determinado cenário. Faça uma oferta pessoal na hora certa, ajude seu cliente a escolher um produto ou serviço ou conquiste assinantes para interagir com eles usando o serviço da SendPulse.
Você pode escolher um modelo pré-definido e usá-lo imediatamente ou editá-lo de acordo com suas necessidades.
Vamos falar sobre como criar um widget usando um modelo e configurar sua aparência, texto da mensagem, ação de destino e condição de exibição.
Acesse seu projeto na guia "Exibir scripts" e clique em Criar pop-up.
Escolha um modelo
Um modelo é um widget com aparência predefinida e configurações de ação de destino. Você pode escolher um modelo pop-up na lista de modelos populares ou festivos com base no tipo ou finalidade do seu widget.
Por tipo de pop-up
Selecione um modelo com base em sua aparência de widget preferida.
O tipo Overlay cobre toda a página do site. Os usuários precisam fechar a janela pop-up para interagir com o conteúdo da página do site.
O tipo flutuante é uma janela flutuante colocada à esquerda ou à direita da janela do navegador quando um usuário rola a página. Os usuários não precisam fechá-lo para interagir com o conteúdo da página do site.
O tipo horizontal é uma janela horizontal que pode ser colocada na parte superior ou inferior da página. Os usuários não precisam fechá-lo para interagir com o conteúdo da página do site.
O tipo vídeo é uma janela que reproduz vídeos do YouTube. Se você selecionar o cenário automatizado, o vídeo começará a ser reproduzido após qualquer ação do usuário na página.
Se você selecionar a opção “Ativado ao clicar”, os usuários verão a visualização assim que a página for carregada e o vídeo começará a ser reproduzido quando clicarem no pop-up.
Em dispositivos móveis, os pop-ups de vídeo sempre são reproduzidos apenas quando os usuários clicam neles.
Uma janela modal é um bloco localizado no centro da página. Todo o conteúdo da outra página do site está escurecido e não pode ser clicado. Os usuários precisam fechar a janela modal para interagir com o conteúdo da página do site.
Por ação pop-up
Selecione um modelo com base em sua ação de destino preferida.
O modelo pop-up Solicitação de cookie solicita aos visitantes do site o consentimento do cookie. Seus visitantes podem fechar o pop-up clicando no botão ou seguindo o link para ler sua política de cookies.
O modelo pop-up de Call to action incentiva os visitantes a realizar uma ação, por exemplo, fechar o pop-up ou ir para sua landing page.
O modelo pop-up Inscrever-se no aplicativo de mensagem redireciona os visitantes do site para a rede social ou plataforma de mensagens selecionada. Você pode adicionar qualquer número de botões de rede social a um pop-up. Se você tiver um chatbot, os usuários poderão se inscrever nele e receber uma mensagem de boas-vindas.
O modelo pop-up de Interação de chat permite que os visitantes do site entrem em contato com você por meio de uma rede social ou formulário de feedback.
O modelo pop-up de Assinatura em newsletter coleta os endereços de e-mail dos visitantes do site.
solicitação de telefone coleta os números de telefone dos visitantes do site.
O modelo pop-up de formulário personalizado coleta dados adicionais do assinante.
Personalize a aparência do pop-up
Depois de escolher um modelo, você verá o criador de widget aberto na guia "Conteúdo", onde poderá editar a aparência do widget e alterar sua ação de destino.
Escolha se deseja exibir uma imagem ou não. Se você deseja exibir uma imagem, carregue um arquivo JPG, PNG ou GIF com até 1 MB de tamanho e
Se você selecionou o tipo de pop-up "Vídeo", adicione o link ao seu vídeo do Youtube e escolha quando reproduzi-lo (automaticamente ou depois que os usuários clicarem nele).
Selecione a cor do plano de fundo (branco, preto ou colorido) e o posicionamento do pop-up na página.
Você pode escolher o posicionamento apenas para pop-ups, pop-ups de vídeo (esquerda ou direita) e pop-ups longos (inferior ou superior).
À direita, você pode ver como seu pop-up aparecerá em seu site.
Adicionar uma mensagem
Insira uma mensagem apropriada ao contexto para os visitantes do site que os incentivará a interagir com o pop-up. Você pode formatar seu texto e adicionar links e emojis.
Por exemplo, se um visitante visualizou a página de um produto mais de três vezes, sua mensagem pop-up pode motivá-lo a fazer uma compra. Seu widget também pode ajudar um usuário a calcular o custo de envio ao explorar suas opções de envio.
Escolha uma ação de destino
Cada modelo selecionado tem sua ação de destino que os usuários devem executar: clicar em um botão, assinar ou fornecer informações de contato.
Você pode ignorar essa configuração ou alterar sua ação de destino para remover ou adicionar campos e botões.
p>As configurações podem variar com base na ação de destino selecionada.
Selecione um ícone de rede social e insira o texto do botão.
Você também pode redirecionar os usuários para o seu chatbot do Telegram, WhatsApp, Instagram e Facebook Messenger, se tiver um.
| Ação | Descrição | Como configurar |
| Call to action | Incentiva os visitantes do site a realizar uma ação, por exemplo, fechar o pop-up ou ir para a landing page. | Adicione o texto do botão e selecione o que fazer quando os usuários clicarem nele: feche o pop-up ou abra o link. |
| Nenhuma ação |
Não adiciona nenhum elemento de interação do usuário. O widget é usado apenas para exibir informações. |
Não possui um botão ou campo de entrada para você personalizar. |
| Assinatura de rede social |
Redireciona o visitante do site para a rede social selecionada. Você pode adicionar até 10 links de rede social a um pop-up. Se você tiver um chatbot, os usuários podem assiná-lo e receber uma mensagem de boas-vindas. |
Selecione um ícone de rede social e insira o texto do botão. Você também pode redirecionar os usuários para o seu chatbot do Telegram, WhatsApp, Instagram e Facebook Messenger, se tiver um. |
| Assinatura da newsletter |
Solicita ao visitante do site que forneça seu endereço de e-mail. Você também pode salvar seus contatos nos serviços de e-mail e CRM. |
Adicione seu texto de dica ao campo onde os assinantes fornecerão suas informações de contato e insira o nome do botão. Para salvar seus contatos no serviço de e-mail, selecione "Salvar na lista de endereçamento" e escolha uma lista de endereçamento. Caso você não tenha uma lista de e-mails, o serviço a criará automaticamente com o nome do seu projeto. Para salvar seus contatos em seu sistema de CRM, selecione "Criar um negócio no CRM" e escolha um pipeline e um estágio. Quando você adiciona negócios no CRM, os contatos são criados automaticamente na seção "Contatos". |
| Telefone |
Solicita o número de telefone do visitante do site. Você também pode salvar seus contatos nos serviços de e-mail e CRM. |
|
| Formulário personalizado |
Solicita ao visitante do site que forneça os dados selecionados. Você pode adicionar campos adicionais ao formulário, como número de telefone, endereço de e-mail, nome, apelido, local e data de nascimento. Você também pode salvar seus contatos nos serviços de E-mail e CRM. |
Depois de configurar a aparência do pop-up e a ação de destino, clique em Avançar.
Configure seu cenário
Na próxima janela, vá para a guia "Segmentação". Você pode acompanhar o comportamento do visitante e exibir o widget somente quando os usuários executam uma determinada ação, como rolar para uma determinada parte da página ou passar mais de 40 segundos em seu site.
Tipos de condição
Selecione um evento e um operador de condição para acompanhar o comportamento dos visitantes do site e insira o valor que deseja acompanhar.
| Evento | Descrição | Como configurar |
| Exibir sempre |
Seu widget será exibido para os usuários que visitam seu site sem esperar que várias condições sejam atendidas. |
|
| UTM Médio |
Rastreia o parâmetro que determina o tipo de tráfego. O widget é exibido apenas para usuários com o |
Selecione a condição "igual a", "diferente de" ou "contém".
Insira um valor que seja igual ou que contenha os caracteres do Valores possíveis:
|
| Conteúdo UTM |
Rastreia o parâmetro que determina a parte da página de onde o usuário veio. O widget é exibido apenas para usuários com o |
Selecione a condição "igual a", "diferente de" ou "contém". Insira um valor igual ou contendo os caracteres do Valores possíveis:
|
| Termo UTM |
Rastreia o parâmetro que determina a palavra-chave ou frase de consulta que levou o usuário a seu site a partir de um mecanismo de pesquisa. O widget é exibido apenas para usuários com o |
Selecione a condição "igual a", "diferente de" ou "contém". Insira um valor igual ou contendo os caracteres do parâmetro |
| Campanha UTM |
Rastreia o parâmetro que determina o nome de sua campanha publicitária. O widget é exibido apenas para usuários com o |
Selecione a condição "igual a", "diferente de" ou "contém". Insira um valor que seja igual ou que contenha os caracteres do parâmetro |
| UTM de Origem |
Rastreia o parâmetro que determina a origem do tráfego de onde o usuário veio. O widget é exibido apenas para usuários com o parâmetro |
Valores possíveis:
|
| Tipo de tráfego |
Rastreia de onde veio o visitante. O widget é exibido apenas para visitantes das fontes de tráfego selecionadas. |
Selecione a condição "igual" ou "diferente". Escolha um destes possíveis tipos de tráfego:
|
| Tempo na página atual |
Rastreia o tempo que o usuário gastou na página atual. O widget será exibido para o visitante do site se ele passar o tempo especificado em sua página. |
Selecione a condição "maior que" ou "menor que". Insira um valor maior ou menor que a duração da visita à página inicial em segundos, minutos ou horas. |
| Tempo no site |
Rastreia o tempo gasto em todas as páginas do seu site. O widget será exibido para o visitante do site se ele passar o tempo especificado em seu site. |
Selecione a condição "maior que" ou "menor que". Insira um valor que será maior ou menor que a duração da visita ao site em segundos, minutos ou horas. |
| Número de sessões |
Rastreia o número de sessões do visitante. O widget será exibido para o usuário se o número especificado de sessões ocorrer em seu site. |
Selecione a condição "maior que" ou "menor que". Insira um valor que seja maior ou menor que o número alvo de sessões por usuário. |
| Rolar mais de 50% da página |
Rastreia até onde o usuário rola a página. O widget será exibido para o visitante do site quando ele rolar até a metade da página. |
Escolha “sim” ou “não”. |
| Cursor fora da tela |
Rastreia o movimento do cursor do mouse. O widget será exibido para o visitante do site se ele começar ou não a mover o cursor para mudar para outra guia ou fechar a atual. |
Escolha “sim” ou “não”. |
| Origem do tráfego |
Rastreia a página de origem do visitante. O widget será exibido para o visitante do site se o URL fornecido corresponder ao URL de referência. |
Selecione a condição "igual a", "diferente de" ou "contém". Insira o endereço da página de onde o usuário veio ao seu site. |
| URL da página atual |
Rastreia a página que o usuário está visualizando no momento. Você pode escolher esta configuração para mostrar (ou ocultar) o pop-up em determinadas páginas do seu site. O widget será exibido para o visitante do site depois que ele carregar a página com o URL fornecido. |
Selecione a condição igual a, diferente de ou contém. Insira um valor que contenha o link ou parte do link para a página atual. |
| URL da página visitada |
Rastreia a página de onde o usuário veio. O widget será exibido para o visitante do site depois que ele carregar a página com o URL fornecido. |
Selecione a condição igual a, diferente de ou contém. Insira um valor que contenha um link ou parte de um link para a landing pages. |
| Título da página |
Rastreia páginas por seus títulos. O widget será exibido ao usuário quando ele visitar sua página com o mesmo título. |
Selecione a condição "igual a", "diferente de" ou "contém". Insira um valor que seja igual ou que contenha os caracteres do título da landing page. |
| Navegador |
Rastreia o navegador e o dispositivo que o visitante do site está usando. O widget será exibido ao usuário quando ele visitar seu site a partir de um navegador específico ou de qualquer navegador no celular/desktop. |
Insira um valor que corresponda a um nome de navegador ou a todos os navegadores em dispositivos móveis ou computadores. |
| Período e data |
Rastreia a data em que o usuário visitou seu site. O widget será exibido apenas durante o tempo selecionado. |
Selecione o intervalo de tempo em que o widget será exibido em seu site. Um novo dia começa depois da meia-noite. Portanto, o horário noturno deve ser descrito de acordo com a seguinte fórmula: “antes das 23:59”, o operador “ou”, “depois das 00:01”. Quando você cria seu widget, o fuso horário do seu navegador é levado em consideração. No entanto, quando é usado, o fuso horário de seus clientes é levado em consideração. |
| Páginas visitadas |
Rastreia o número total de páginas visitadas pelo usuário. O widget será exibido quando o usuário visitar mais ou menos páginas do que você especificou. |
Selecione a condição "maior que" ou "menor que". Insira um valor que será maior ou menor que o número de páginas visitadas pelo usuário durante a sessão atual. |
| Páginas visitadas na sessão atual |
Rastreia o número de páginas visitadas pelo usuário durante a sessão atual. O widget será exibido quando o usuário visitar mais ou menos páginas durante uma sessão do que você especificou. |
Selecione a condição "maior que" ou "menor que". Insira um valor maior ou menor que o número de páginas visitadas durante a sessão atual. |
| Navegador |
Controla o idioma definido nas configurações do navegador do visitante. Você pode escolher esta configuração para mostrar (ou ocultar) o pop-up em versões de idiomas diferentes do seu site. |
Selecione a condição "igual a" ou "diferente de". Selecione o idioma do seu navegador na lista. |
Binding Operators
E / Ou
Se você quiser adicionar valores adicionais ao seu tipo de condição atual, clique no ícone + à direita.
Selecione o operador "e" ou "ou".
O operador "e" é usado para levar em consideração estritamente cada valor — tanto o primeiro quanto o segundo. Se uma das condições não for levada em consideração, o pop-up não será exibido em seu site.
O operador "ou" é usado para levar em consideração qualquer um dos valores - o primeiro ou o segundo.
Cada / Qualquer
Você pode usar diferentes tipos de condições e verificar as informações usando vários parâmetros ao mesmo tempo.
Se quiser adicionar outra condição, clique em Adicionar condição.
Selecione a ordem em que as condições devem ser atendidas:
O operador "cada" é usado para exibir o pop-up somente quando todas as condições especificadas forem atendidas.
O operador "qualquer" é usado para exibir o pop-up quando qualquer uma das condições especificadas for atendida.
Definir o nome do cenário
Por padrão, o nome do projeto é gerado usando a data e a hora em que é criado. Para alterar o nome do seu projeto, clique no ícone correspondente ao lado dele.
Publique o Pop-up
Depois de configurar todas as condições necessárias, clique em Salvar e publicar.
Para garantir que todas as alterações sejam exibidas em seu navegador, limpe o cache e os cookies do navegador depois de salvar seu pop-up.
Todos os seus pop-ups são exibidos na seção "Cenários no site" como guias separadas. Depois de criar seu pop-up, você pode visualizar sua aparência, rastrear estatísticas e editar qualquer configuração, exceto o tipo de pop-up.
Última Atualização: 10.01.2023
Inscreva-se com
Logue com o Facebook Logue com o Google