Criar campanhas de pop-up da Web

Uma campanha web coloca o conteúdo web que você criou no seu site e controla quando ele aparece e quem o vê. Uma campanha exibe seu conteúdo de uma de duas formas: como Popup ou como bloco Inline.

Iniciar uma nova campanha

1. Vá para Campanhas → Campanhas web.

2. Clique em Criar campanha e escolha o tipo:

   • Popup: uma sobreposição em cima da página.
   • Inline: um bloco dentro de um elemento da sua página, por exemplo, em uma barra lateral ou abaixo de um artigo.

   Não é possível alterar o tipo depois.

   

Versão do Web SDK para campanhas Inline

Peça ao seu desenvolvedor para verificar a versão do Web SDK no seu site. Campanhas Inline precisam da versão 3.97.0 ou posterior, ou 3.98.0 ou posterior se o site usar o pacote npm. Com um SDK mais antigo, uma campanha Inline aparece como um pop-up sobre a página em vez de dentro do bloco.

Selecionar conteúdo web

Escolha o conteúdo que esta campanha mostra aos visitantes. Você pode escolher um conteúdo existente ou criar um novo sem sair do assistente.

• Conteúdo existente: em Conteúdo web, selecione um item da lista. Abaixo de cada nome, a lista mostra o tipo: Conteúdo web para conteúdo comum ou Formulário web para um formulário web.
• Novo conteúdo: clique em Criar novo e escolha Conteúdo web ou Formulário web. O editor desse tipo de conteúdo é aberto.

Para alterar a ordem do conteúdo no menu suspenso, use o botão de ordenação acima dele e escolha Última atualização, A-Z ou Z-A. O menu suspenso é ordenado por A-Z até que você escolha outra ordem. O Pushwoosh lembra a sua escolha e a usa em todos os menus suspensos de conteúdo de pop-up da Web, tanto em mensagens únicas quanto em jornadas.

Coletar e-mails e respostas

Selecione um formulário web para inscrever os visitantes no e-mail e salvar as respostas deles em tags. O mesmo formulário funciona em campanhas Popup e Inline. Saiba como criar um.

Clique em Avançar quando o conteúdo correto for selecionado.

Definir público

Selecione quem deve ver a campanha.

• Todos os usuários: mostrar a campanha para todos sem filtros.

• Público-alvo: mostrar a campanha apenas para usuários que correspondem a um segmento ou condições personalizadas. Duas subopções aparecem:
  • Usar segmento existente: escolha um segmento salvo na lista. Para criar um sem sair do assistente, clique em Criar segmento.
  • Usar condições personalizadas: crie o público em linha adicionando filtros por Tag, Evento, Segmento ou ID do Usuário.

Quando terminar, clique em Avançar.

Configurar definições de exibição

Configure quando, com que frequência e onde mostrar esta campanha.

Seletor CSS

Este campo aparece apenas para campanhas Inline. Uma campanha Inline aparece dentro de um bloco da sua página, e o seletor CSS informa ao Pushwoosh qual é o bloco.

1. Em Seletor CSS, insira o seletor do elemento da página no qual a campanha é colocada, por exemplo, #newsletter-signup. Use um único seletor simples: uma tag, um #id, uma .class ou um [attribute], sem aninhamento.

2. Abaixo do campo, o Pushwoosh mostra o elemento a adicionar à sua página, por exemplo, <div id="newsletter-signup"></div>. Peça ao seu desenvolvedor para adicioná-lo onde a campanha deve aparecer.

   

A campanha aparece dentro do primeiro elemento da página que corresponde ao seletor. Se a página não tiver nenhum elemento correspondente, a campanha não é exibida nela.

Com Automaticamente ao carregar a página, uma campanha Inline aparece sempre que uma página com o elemento correspondente é carregada.

Mostrar popup ou Mostrar campanha

Escolha como a campanha é exibida. O campo se chama Mostrar popup em uma campanha Popup e Mostrar campanha em uma campanha Inline.

• Automaticamente ao carregar a página: a campanha aparece sozinha nas páginas que correspondem às suas configurações.
• Somente via chamada do WebSDK: a campanha não aparece sozinha. O seu site a exibe chamando o Web SDK. O assistente mostra a chamada com o código da campanha, por exemplo, Pushwoosh.moduleRegistry.webPopups.show('CAMPAIGN_CODE'). Requer o Web SDK 3.63.0 ou posterior.

Com Somente via chamada do WebSDK, o assistente oculta Atraso de exibição e Mostrar em páginas, porque uma chamada do seu site os ignora.

Atraso de exibição

Esta configuração é para campanhas Popup exibidas Automaticamente ao carregar a página. Escolha quando o pop-up da Web pode aparecer pela primeira vez após o carregamento da página.

• Imediatamente
• Após 3 segundos
• Após 5 segundos
• Após 10 segundos

Como o atraso é medido

• O atraso é medido a partir do momento em que o SDK da Pushwoosh é inicializado na página, não a partir de quando a página começa a carregar.
• O tempo real antes do pop-up da Web aparecer pode ser um pouco maior do que o valor que você definiu. Por exemplo, se o SDK levar 2 segundos para carregar e você definir um atraso de 5 segundos, o pop-up da Web aparecerá 7 segundos após o início do carregamento da página.

Frequência

Esta configuração é apenas para campanhas Popup. Em FREQUÊNCIA, escolha com que frequência um visitante pode ver este pop-up da Web:

• Uma vez por visitante: o visitante vê o pop-up no máximo uma vez nesse navegador, mesmo em uma nova guia.

Nota

A Pushwoosh só consegue reconhecer o mesmo visitante enquanto o navegador mantiver os dados do Web SDK. Se o visitante limpar os dados do navegador, usar outro navegador ou abrir o site em outro dispositivo, a Pushwoosh o tratará como um novo dispositivo, e o pop-up da Web poderá aparecer novamente.

• Uma vez por sessão: o visitante vê o pop-up uma vez por sessão de navegação. Se ele fechar uma guia e retornar antes do término da sessão, o pop-up não aparecerá novamente.
• A cada visita: o pop-up aparece cada vez que o visitante carrega uma página correspondente.

Dispositivo

Em Dispositivo, escolha os dispositivos em que a campanha aparece: Todos os dispositivos, Desktop ou Móvel.

Permissão de push

Em Permissão de push, escolha quais visitantes veem a campanha, dependendo de terem permitido notificações web push neste navegador:

• Todos os visitantes: todos, independentemente da permissão de push. Esta é a opção padrão.
• Ainda não perguntado: visitantes a quem o navegador ainda não pediu permissão de push. Use para um aviso que os convide a se inscrever.
• Inscrito: visitantes que permitiram notificações push.
• Bloqueado: visitantes que bloquearam notificações push, por exemplo, para explicar como permiti-las novamente no navegador.
• Push não suportado: visitantes cujo navegador não pode receber notificações web push. Use para oferecer outro canal, como um formulário de e-mail.

A etapa de Revisão mostra a opção escolhida ao lado do dispositivo, como Permissão de push: e o nome da opção.

O navegador do visitante verifica a permissão quando a campanha está prestes a ser exibida. Se o visitante permitir ou bloquear notificações na página, as campanhas que deixam de corresponder são removidas, e uma campanha que passa a corresponder é exibida após o próximo carregamento da página.

Versão do Web SDK para permissão de push

Esta configuração requer o Pushwoosh WebSDK 3.103.0 ou posterior. Se o seu site carrega campanhas web com um núcleo de WebSDK mais antigo, apenas as campanhas definidas como Todos os visitantes são exibidas nele.

Mostrar em páginas

Escolha as páginas em que a campanha pode aparecer. Esta configuração fica oculta com Somente via chamada do WebSDK.

Versão do Web SDK para regras de páginas

A exclusão de páginas e o tipo de correspondência Começa com só têm efeito em sites que executam um Pushwoosh WebSDK atualizado. O WebSDK 3.104.1 e versões posteriores diferenciam maiúsculas de minúsculas nos caminhos, enquanto as versões 3.102.0 a 3.104.0 ignoram essa diferença. Em versões do WebSDK anteriores à 3.102.0, os caminhos que você inserir também não correspondem a páginas cujo endereço contém espaços ou letras fora do alfabeto inglês, como é ou ñ.

Todas as páginas

Mostrar a campanha em todas as páginas do site. Para mantê-la fora de algumas páginas, adicione até 10 exclusões:

1. Clique em + Adicionar exclusão.
2. Insira o caminho da página.
3. Escolha como o caminho deve corresponder: Correspondência exata ou Começa com.

Páginas especificadas

Mostrar a campanha apenas nas páginas que você listar. Você pode adicionar até 10 páginas:

1. Clique em + Adicionar página. Para remover uma linha, clique em ×.
2. Insira o caminho da página.
3. Escolha como o caminho deve corresponder: Correspondência exata ou Começa com.

Clique em Avançar para continuar.

Inserir um caminho de página

O caminho informa ao Pushwoosh quais páginas uma regra abrange. As mesmas regras se aplicam às exclusões e às páginas especificadas.

O que inserir

• Insira o caminho como ele aparece após o seu domínio, por exemplo, /pricing ou /blog/intro.
• O caminho pode conter letras de qualquer alfabeto, dígitos, espaços e os caracteres - _ . ~ ! $ & ' ( ) * + , ; = : @ /.
• Os caminhos diferenciam maiúsculas de minúsculas, então /Pricing e /pricing são páginas diferentes.

Caminhos salvos de 27 de outubro a 2 de novembro de 2026

O Pushwoosh salvou em letras minúsculas os caminhos inseridos nesse período. No WebSDK 3.104.1 e versões posteriores, essa regra não abrange mais páginas cujo caminho tem letras maiúsculas, tanto com Correspondência exata quanto com Começa com. Abra a campanha e insira o caminho novamente com as maiúsculas e minúsculas do seu site.

Colar um endereço completo

Você também pode colar o endereço completo da barra de endereços do navegador ou um caminho codificado. O Pushwoosh remove o domínio, a query string e o fragmento e, em seguida, salva o caminho decodificado, mantendo as maiúsculas e minúsculas. Por exemplo:

Você insere	O Pushwoosh salva
https://example.com/Catalog/?sort=price	/Catalog/
/caf%C3%A9	/café

Tipos de correspondência

O tipo de correspondência define quais páginas o caminho abrange:

Tipo de correspondência	Páginas que abrange
Correspondência exata	Apenas a página cujo caminho é igual ao que você inserir. /pricing não abrange /pricing/ nem /Pricing.
Começa com	Todas as páginas cujo caminho começa com o que você inserir, com as mesmas maiúsculas e minúsculas. /blog abrange /blog/intro e também /blog-news, então insira /blog/ para abranger apenas a seção do blog.

Revisar a campanha

A tela de Revisão resume:

• Conteúdo: o conteúdo web anexado. Consulte Selecionar conteúdo web. Uma campanha ainda vinculada a um formulário de inscrição legado em vez de conteúdo web mostra aqui o nome desse formulário.
• Público: Todos os usuários, ou Público-alvo com o nome do segmento selecionado ou condições personalizadas.
• Definições de exibição: dispositivo, as páginas em que a campanha é exibida (incluindo tipo de correspondência e quaisquer exclusões), atraso e frequência.

Use ALTERAR OPÇÕES em qualquer bloco para voltar e editar essa parte.

A área de Pré-visualização mostra como o conteúdo aparece em uma viewport de amostra. Use EDITAR CONTEÚDO se precisar ajustar o ativo de conteúdo subjacente.

Quando tudo parecer correto, clique em Concluir configuração.

Em seguida, escolha uma opção no menu:

• Lançar campanha… ativa a campanha depois que você insere um nome de campanha e confirma. Para uma campanha Inline, uma caixa de diálogo Código de incorporação mostra em seguida o elemento a adicionar à sua página. Você pode abri-la novamente depois com Obter código de incorporação… no menu da linha da campanha.

  

• Salvar como rascunho… salva a campanha sem ativá-la. Para colocá-la no ar depois, vá para Campanhas → Campanhas web, abra o menu de três pontos na linha do rascunho e escolha Ativar campanha…. Para alterar as configurações antes, escolha Editar campanha… no mesmo menu.

Para pesquisar, filtrar e gerenciar campanhas da lista, consulte Visualizar e gerenciar campanhas.