Blocos de conteúdo de pop-up da web

Referência para cada bloco que você pode adicionar em um layout de conteúdo de pop-up da web a partir da guia Elementos.

Cada tipo de bloco serve a um propósito diferente no pop-up:

• Texto: texto no pop-up, com formatação em linha e estilos de texto
• Botão: uma chamada para ação que abre um link, fecha o pop-up, solicita web push ou vai para outra página
• Ícone: um pequeno pictograma ao lado do seu texto
• Contagem regressiva: um cronômetro de prazo ao vivo
• Seletor de tópicos: caixas de seleção ou chips que registram interesses em uma tag
• Avaliação: uma pontuação de NPS, estrelas ou polegares enviada como um evento
• Formulário de inscrição: inscrição por e-mail e outros campos de formulário

Como configurar blocos de conteúdo

1. Abra a guia Elementos à direita.

2. Arraste um bloco para o pop-up ou clique nele para adicioná-lo à página.
   • Um clique insere o bloco abaixo da seleção na tela.
   • Se nada estiver selecionado, o bloco vai para o final da primeira seção da página.
3. Selecione um bloco no pop-up para abrir a guia Configurações (ao lado de Elementos). Adicionar um bloco de Elementos abre Configurações imediatamente.

Para mover um bloco para qualquer lugar do pop-up, inclusive para outra seção, selecione-o e arraste a alça que aparece à esquerda dele até qualquer espaço livre.

Em Configurações, você pode:

• Configurar as opções próprias desse bloco
• Mover para cima ou para baixo dentro da seção com POSIÇÃO (setas para cima e para baixo)
• Excluí-lo com o ícone de exclusão

Nota

Quando uma seção do pop-up ainda não tem elementos, ela mostra seus próprios controles + Texto, + Botão e + Formulário no lugar. Para adicionar um Ícone, Contagem regressiva, Seletor de tópicos ou Avaliação lá:

1. Adicione um elemento usando o controle + Texto ou + Botão.
2. Selecione-o.
3. Adicione o bloco da guia Elementos. Ele será inserido na mesma seção, abaixo da sua seleção.

Texto

Clique em qualquer texto ou rótulo de botão no pop-up para editá-lo em linha. Uma barra de ferramentas aparece acima dele:

• Aplique formatação de negrito, itálico ou sublinhado.
• Adicione ou remova um link.
• Defina o alinhamento à esquerda, centralizado ou à direita.

Para alterar o estilo do texto, selecione-o e abra a guia Configurações à direita. Escolha Ícone (estilo de texto, não o bloco de Ícone), Eyebrow, Título 1–3, Corpo ou Legenda.

Botão

Clique em um botão para selecioná-lo e, em seguida, abra a guia Configurações à direita:

• Estilo do botão: Primário ou Secundário.
• Ação:
  • Abrir um link: insira a URL do link. Nova guia está ativada por padrão. Desmarque a caixa de seleção para abrir o link na mesma guia.
  • Fechar o pop-up.
  • Inscrever-se: solicitar permissão de web push e inscrever o visitante. Este não é o bloco de Formulário de inscrição por e-mail. Uma solicitação concedida fecha o pop-up. Uma negada desativa o botão, porque o navegador não solicitará duas vezes.
  • Ir para a página: escolha outra página do pop-up para a qual mudar. Esta opção aparece quando o pop-up tem mais de uma página. Consulte Trabalhar com várias páginas.

Use POSIÇÃO para mover o botão para cima ou para baixo, ou o ícone de exclusão para removê-lo.

Ícone

Adicione um bloco de Ícone para inserir um pequeno pictograma (por exemplo, um sinal de porcentagem para uma promoção ou um presente para um sorteio) ao lado do seu texto. Este é o bloco de Ícone, não o estilo de texto Ícone em Texto.

1. Abra a guia Elementos à direita.
2. Clique em Ícone.
3. Defina as opções na guia Configurações:

• Ícone: escolha de um conjunto fixo de 20 ícones (sino, presente, carrinho, gráfico, cadeado, calendário, verificação, estrela, relógio, etiqueta, e-mail, telefone, download, play, escudo, brilho, porcentagem, caminhão, bilhete, usuário). Uploads de ícones personalizados não são suportados.
• Tamanho: 24, 32 ou 48 px.
• Destaque: ativado por padrão, para que o ícone corresponda à cor de destaque do pop-up. Desative para escolher uma cor personalizada.

Contagem regressiva

Adicione um bloco de Contagem regressiva para criar urgência com um prazo que diminui ao vivo no pop-up.

1. Abra a guia Elementos à direita.
2. Clique em Contagem regressiva.
3. Defina as opções na guia Configurações:

• Prazo: a data e a hora em que a contagem regressiva chega a zero.
• Fuso horário: o fuso em que o prazo é lido, não o fuso horário do visitante. O padrão é o fuso horário do seu navegador; escolha UTC na lista para ler o prazo literalmente.
• Idioma: o idioma dos rótulos das unidades (dias, horas, etc.). Deixe em Inglês (padrão) ou escolha entre 14 outros idiomas.
• Rótulos: ative para mostrar os rótulos das unidades ao lado dos números.
• Quando o prazo passar:
  • Mostrar zeros: a contagem regressiva continua mostrando 00:00:00.
  • Não mostrar o pop-up: todo o pop-up é ignorado quando o prazo já passou. O Pushwoosh verifica o prazo logo antes de o pop-up aparecer. Um pop-up ignorado desta forma não conta para a frequência de Uma vez por visitante.
  • Ir para a página: pule para outra página do pop-up quando o prazo passar. Oferecido apenas quando o pop-up tem mais de uma página. Escolha a página de destino no menu suspenso que aparece. Consulte Trabalhar com várias páginas.

Seletor de tópicos

Adicione um bloco de Seletor de tópicos para permitir que os visitantes selecionem seus interesses como caixas de seleção ou chips. Suas escolhas são registradas em uma tag em seu dispositivo.

1. Abra a guia Elementos à direita.
2. Clique em Seletor de tópicos. O bloco aparece com duas opções de espaço reservado. Suas configurações abrem na guia Configurações.

3. Em Tag de lista em que a escolha é registrada, escolha uma tag do tipo Lista existente ou escolha Criar uma tag de lista para criar uma sem sair do editor. Até que você escolha uma tag, o bloco não registra nada.
4. Defina o Controle como Caixas de seleção ou Chips.
5. Defina Mínimo de escolhas e Máximo de escolhas. 0 em qualquer extremidade significa que não há limite nesse lado (0 = qualquer nos rótulos do campo). Pelo menos uma escolha é sempre necessária para enviar, mesmo quando o Mínimo é 0. Escolher além do máximo, ou tentar enviar abaixo do mínimo, mostra uma mensagem em linha ao lado do bloco em vez de enviar qualquer coisa.
6. Em Opções e texto, edite o rótulo de cada opção (o que o visitante lê) e o Valor da tag (o que é registrado na tag). Se você deixar o Valor da tag vazio, o Pushwoosh registrará o ID interno da opção (option-1, option-2, etc.). Use + Opção para adicionar outra linha, até um total de 12 opções.
7. Defina o Rótulo do botão (padrão Salvar) e a Mensagem após o envio (padrão Obrigado! Sua escolha foi salva.).

As escolhas apenas adicionam, nunca removem

As escolhas de um visitante são anexadas à tag. Enviar o bloco novamente adiciona mais valores. Nunca limpa os anteriores. Um pop-up não pode permitir que um visitante desmarque um tópico que escolheu antes. Isso requer uma superfície diferente, como uma página de preferências vinculada à mesma tag.

Avaliação

Adicione um bloco de Avaliação para coletar uma pontuação rápida (NPS, estrelas ou polegares) como um evento personalizado.

1. Abra a guia Elementos à direita.
2. Clique em Avaliação. O bloco aparece sem nenhum evento definido. Suas configurações abrem na guia Configurações.

3. Defina a Escala como NPS 0–10, Estrelas (1 a 5) ou Polegares (para cima ou para baixo). Em todos os três, uma pontuação mais alta significa uma avaliação mais positiva. Polegares envia 1 para um polegar para cima e 0 para um polegar para baixo.
4. Defina Quando a pontuação é enviada como Ao tocar (envia quando o visitante escolhe um valor) ou Com um botão (espera por um clique de envio).
5. Em Evento em que a pontuação é enviada, escolha um evento do seu projeto ou escolha Criar um evento para definir um novo sem sair do pop-up. A pontuação é armazenada como esse evento (atributos score, scale e slotKey). Use-o em segmentos ou Customer Journeys como qualquer outro evento. Até que você escolha um evento, o bloco não envia nada.
6. Opcionalmente, preencha o Rótulo esquerdo e o Rótulo direito nas duas extremidades da escala.
7. Se Quando a pontuação é enviada for Com um botão, defina o Rótulo do botão (padrão Enviar avaliação).

A criação de um evento aqui é permanente

• Um evento que você cria a partir deste menu é um evento real em seu projeto, não um rascunho. Excluí-lo mais tarde significa ir para a lista de eventos do seu projeto, não apenas alterar o pop-up.
• Se um evento vinculado ao bloco for posteriormente renomeado ou excluído em outro lugar, ou foi digitado neste campo antes de se tornar um seletor, o seletor mostra Faltando: <nome do evento>. Ele não descarta ou troca o evento silenciosamente. Escolha um evento diferente para corrigir a vinculação.

Formulário de inscrição

Adicione um bloco de Formulário de inscrição para coletar inscrições por e-mail e outros campos no pop-up. Use isso para e-mail e campos de formulário. Para permissão de web push, use um botão com a ação Inscrever-se. Saiba mais sobre formulários de inscrição.

Nota

Um pop-up pode ter apenas um Formulário de inscrição. Uma vez que qualquer página já tenha um, esse bloco fica indisponível em Elementos.

Adicionar o bloco

1. Abra a guia Elementos à direita.
2. Clique em Formulário de inscrição.
3. O bloco aparece com um campo padrão de E-mail e um botão Inscrever-se. Suas configurações abrem na guia Configurações.

Escolher uma origem de formulário

Com o bloco selecionado, a guia Configurações mostra um menu suspenso de Formulário de inscrição que vincula o bloco a um formulário de inscrição em seu projeto. Você pode criar um novo formulário ou escolher um que já existe:

Opção	Quando usar
Novo formulário — criado ao salvar (padrão)	Início mais rápido: o Pushwoosh cria o formulário para você quando você salva o pop-up, nomeado “nome do pop-up — pop-up da web”.
+ Criar novo formulário…	Você deseja nomear o formulário e configurá-lo antes de salvar o pop-up. Abre uma caixa de diálogo Novo formulário de inscrição. Insira um Nome, defina Campos, texto de Envio e Privacidade, depois clique em Criar.
Um formulário existente no menu suspenso	Reutilize um formulário que já tenha assinantes ou dupla confirmação configurada.

Importante

Se você escolher um formulário existente no menu suspenso, salvar este pop-up atualiza esse formulário de inscrição para todo o projeto. Os campos, o texto do botão de envio e as mensagens de sucesso que você define neste bloco substituem o que esse formulário tinha antes. Isso inclui o formulário incorporado em seu site e o formulário em Público → Formulários de inscrição.

Outros pop-ups da web que usam o mesmo formulário não são atualizados. Cada pop-up mantém sua própria cópia dos campos e textos do bloco até que você reabra esse pop-up e o salve novamente.

Definir campos e comportamento de envio

Ainda na guia Configurações:

1. Defina o Estilo do botão de envio:
   • Primário: botão preenchido na cor de Destaque do pop-up. Melhor quando Inscrever-se é a ação principal na página.
   • Secundário: botão contornado com uma borda e rótulo na cor de destaque. Melhor quando o pop-up já tem um botão primário ou você deseja uma aparência mais leve.
2. Ative a Privacidade para adicionar uma linha de consentimento de privacidade sob o formulário e, em seguida, insira a URL da sua política de privacidade no campo que aparece.

3. Em Campos, mantenha E-mail (sempre obrigatório) e adicione Nome, Sobrenome, Telefone ou Personalizado.
   • Para um campo Personalizado, escolha a tag para a qual seu valor é enviado no menu suspenso Escolha uma tag… ou escolha Criar uma tag para criar uma nova tag de string sem sair do editor.
   • Defina os textos de Sucesso e Confirmar e-mail mostrados após o envio de um visitante.