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.
| Sobreposto | Um bloco que 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 seu site. |
| Flutuante | Uma janela flutuante posicionada à esquerda ou à direita da janela do navegador quando o usuário rola a página. Os usuários não precisam fechá-la para interagir com o conteúdo da página do seu site. |
| Horizontal | Uma janela horizontal que pode ser posicionada na parte superior ou inferior da página. Os usuários não precisam fechá-la para interagir com o conteúdo da página do seu site. |
| Vídeo | Uma janela que reproduz vídeos do YouTube. Se você selecionar um cenário automatizado, o vídeo 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 uma prévia do vídeo assim que a página for carregada, e o vídeo será reproduzido quando eles clicarem na pop-up. Em dispositivos móveis, os pop-ups de vídeo são sempre reproduzidos apenas quando os usuários clicam neles. |
| Janela modal | Um bloco localizado no centro da página. Todo o conteúdo da página do site fica 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 seu site. |
| Launcher |
Um pequeno ícone estático fixado no canto selecionado da página. Quando os usuários clicam nele, uma determinada ação é acionada, por exemplo, abertura de outra pop-up ou redirecionamento do usuário para a página especificada. Saiba mais: Como criar um pop-up launcher. |
Por ação pop-up
Selecione um modelo com base em sua ação de destino preferida.
| Solicitação de cookie | Solicita consentimento de cookies aos visitantes do site. Seus visitantes podem fechar a pop-up clicando no botão ou seguindo o link para ler sua política de cookies. |
| Chamada para ação | Incentiva os visitantes a realizar uma ação, por exemplo, fechar a pop-up ou ir para sua landing page. |
| Inscrição nas redes sociais | Redireciona os visitantes do seu site para a plataforma de redes sociais ou mensagens selecionada. Você pode adicionar qualquer número de botões de redes sociais a uma única pop-up. Se você tiver um chatbot, os usuários poderão se inscrever nele e receber uma mensagem de boas-vindas. |
| Interação por chat | Permite que os visitantes do seu site entrem em contato com você por meio de uma rede social ou formulário de feedback. |
| Inscrição na newsletter | Coleta os endereços de e-mail dos visitantes do seu site. |
| Solicitação de telefone | Coleta os números de telefone dos visitantes do seu site. |
| Formulário personalizado | Coleta dados adicionais dos assinantes. |
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.
Você também pode personalizar sua mensagem com variáveis personalizadas. Clique em {} e selecione a variável criada.
Por exemplo, você pode dirigir-se aos visitantes pelo nome, fornecer cupons de desconto únicos, compartilhar recomendações com base em pedidos ou visualizações anteriores dos usuários, enviar notificações de carrinho abandonado, ou compartilhar outros dados do seu sistema.
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.
As configurações podem variar com base na ação de destino selecionada.
| Ação | Descrição | Como configurar |
| Nenhuma ação | Não adiciona elementos de interação com os visitantes.
O widget é usado apenas para exibir informações informações. |
Não há botão ou campo de entrada para configurar. |
| Call to action | Incentiva os visitantes do seusite a realizar uma ação, por exemplo, fechar o pop-up ou ir para a landing page. | Adicione o texto do seu botão, e selecione o que fazer quando os usuários clicarem nele: fechar o pop-up ou redirecioná-los à outra página. |
| Inscreva-se no messenger | Redireciona o visitante do seu site para a plataforma de redes sociais selecionada.
Você pode adicionar até 10 links de redes sociais a uma única pop-up. Se você tiver um chatbot, os usuários podem se inscrever nele 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 no Telegram, WhatsApp, Instagram e Facebook Messenger, caso tenha um. |
| Inscrição na newsletter | Solicita que o visitante do seu site forneça seu endereço de e-mail.
Você também pode salvar seus contatos nos serviços de E-mail e CRM. |
Adicione o 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 e-mails" e escolha uma lista de e-mails. Se você não tiver uma lista de endereçamento, o serviço criará automaticamente uma com o nome do seu projeto. Para salvar seus contatos no sistema de CRM, selecione "Criar um negócio no CRM" e escolha um pipeline e estágio. Quando você adiciona negócios ao CRM, os contatos são criados automaticamente na seção "Contatos". |
| Solicitação de telefone | Solicita o número de telefone do visitante do seu site.
Você também pode salvar seus contatos nos serviços de e-mail e CRM. |
|
| Pagamento na EDU | Exibe um formulário de pagamento do curso.
Contatos que efetuaram pagamento são salvos em seu sistema CRM |
Escolha um curso para o qual os usuários podem pagar e selecione um método de pagamento.
Saiba mais: Como receber pagamentos no site do seu curso. |
| Formulário personalizado | Solicita os dados pessoais dos visitantes, como nome, número de telefone, data de nascimento, etc.
Você também pode salvar contatos com variáveis personalizadas no serviço de e-mail e em seu sistema CRM. |
No campo de entrada, selecione um tipo de dado e insira um espaço reservado (placeholder). Você também pode adicionar mais elementos e vincular campos com variáveis personalizadas.
Saiba mais: Como configurar um formulário pop-up personalizado e como transferir variáveis personalizadas. |
| Link | Redireciona os usuários para a página do site especificada quando eles clicam na pop-up.
Disponível apenas para o modelo "Launcher". |
No campo "Inserir link", adicione um link para a página para a qual os usuários serão direcionados quando clicarem no launcher.
Se você deseja que a página seja aberta em uma nova janela, selecione a opção "Abrir em nova janela". |
| Abrir pop-up | Abre outra pop-up na página quando clicado.
Disponível apenas para o modelo "Launcher”. |
No campo "Escolher uma pop-up", selecione uma pop-up pelo nome na lista suspensa — ela será aberta quando os visitantes clicarem no launcher. |
Você pode adicionar qualquer pop-up ao seu launcher — ela será aberta quando os usuários clicarem no launcher . Para fazer isso, nas configurações da sua pop-up, selecione um launcher na lista suspensa.
Depois que você tiver configurado a aparência do seu pop-up e da ação direcionada, 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: 01.09.2023
ou