Criar e incorporar um formulário de inscrição

O Pushwoosh oferece a flexibilidade de criar formulários de inscrição para diferentes cenários de cadastro, personalizar os campos que você coleta e exibir o formulário como um modal ou widget inline em seu site.

Como construir um formulário

Para criar um novo formulário de inscrição:

1. Vá para Público → Formulários de inscrição.
2. Clique em Criar formulário.

3. Configure o formulário. Uma pré-visualização ao vivo aparece à direita e é atualizada conforme você altera as configurações.

Configurar definições gerais

Configure os seguintes campos.

Todos os campos nesta seção são obrigatórios.

• Nome interno do formulário: usado apenas dentro do Pushwoosh, não é exibido para os assinantes. Exemplo: “Inscrição na newsletter”.
• Tipo de exibição: escolha como o formulário aparece no seu site:
  • Pop-up modal: uma sobreposição pop-up que aparece sobre a página quando o Gatilho que você definiu é acionado, por exemplo, Imediatamente ou após alguns segundos (consulte Definir o tempo de exibição do pop-up modal). Bom para inscrições em newsletters ou ofertas promocionais que você deseja que os visitantes notem.
  • Incorporado inline: o formulário fica dentro do conteúdo da sua página (por exemplo, em uma barra lateral ou no final de um artigo). Os visitantes o veem como parte do layout da página, não como um pop-up separado.
• URL da política de privacidade: o formulário exibe uma caixa de seleção de consentimento (“Concordo com a Política de Privacidade”) que leva a este URL. Exemplo: https://example.com/policy.

Definir o tempo de exibição do pop-up modal

Apenas para Pop-up modal:

1. Defina quando o pop-up aparece na página. No menu suspenso Gatilho, selecione:

• Imediatamente (padrão)
• Após 3 segundos
• Após 5 segundos
• Após 10 segundos

2. No menu suspenso Frequência, selecione com que frequência cada visitante vê o pop-up:

• Uma vez por visitante (padrão): uma vez por dispositivo
• Uma vez por sessão: uma vez por sessão do navegador
• Sempre: toda vez que visitam a página

Configurar campos do formulário

Cada formulário inclui um campo de E-mail por padrão (não pode ser removido). Você pode adicionar até mais quatro campos, para um total de cinco.

Clique em + Nome, + Sobrenome, + Número de telefone ou + Campo personalizado para adicioná-los.

Nota

Os valores desses campos integrados são salvos em tags padrão: first_name, last_name e phone. Campos personalizados salvam seus valores nas tags que você seleciona na configuração Tag vinculada.

Para cada campo, marque Obrigatório se o visitante precisar preenchê-lo (campos obrigatórios exibem um asterisco *). Use o ícone da lixeira para remover um campo.

Criar um campo personalizado

1. Clique em + Campo personalizado na lista de campos.
2. Em Tag vinculada, escolha a tag do Pushwoosh que armazenará o valor enviado deste campo (por exemplo, birthday). Você precisa criar a tag com antecedência.
3. Defina o Rótulo do campo: o texto que os visitantes veem ao lado da entrada (por exemplo, Data de nascimento).
4. Opcionalmente, defina o Placeholder (opcional): texto de dica dentro do campo vazio (por exemplo, DD/MM/AAAA).
5. Ative ou desative Obrigatório.

Pré-visualizar e salvar o formulário

Uma pré-visualização ao vivo aparece no lado direito da interface de Criação de Formulário de Inscrição e é atualizada conforme você altera as configurações. Use Redefinir pré-visualização abaixo da pré-visualização para restaurar o estado padrão da pré-visualização.

Nota

Envios de teste da Pré-visualização não criam assinantes em seu projeto.

Quando terminar de configurar o formulário, clique em Criar no canto superior direito.

Copiar o código de incorporação e adicioná-lo ao seu site

Uma caixa de diálogo é aberta com o código de incorporação para o seu formulário. Clique em Copiar código para copiar o trecho para a área de transferência.

Onde colar o código de incorporação no seu site

Adicione o script ao HTML da página onde ele deve ser executado.

• Para Pop-up modal, a abordagem usual é colocar o script antes da tag de fechamento </body>.

• Para Incorporado inline, coloque o trecho no local exato em sua marcação onde você deseja que o bloco do formulário apareça.

Personalize o widget com CSS

Você pode substituir o estilo padrão (cores, tipografia, espaçamento e o modal) em seu site definindo propriedades personalizadas de CSS no elemento pushwoosh-subscribe-widget. Saiba mais.

Como os diferentes tipos de exibição aparecem no seu site

Estes exemplos mostram como cada tipo de formulário pode aparecer em uma página ativa. Os rótulos dos campos e os marcadores de obrigatoriedade correspondem ao que você configura no construtor de formulários.

Pop-up modal

Incorporado inline

Próximos passos

• Ativar a confirmação dupla (double opt-in) para exigir confirmação por e-mail antes que os assinantes sejam adicionados
• Personalizar o widget do formulário de inscrição para combinar o formulário com o seu site
• Analisar o desempenho do formulário e exportar assinantes para acompanhar os resultados e baixar os dados dos assinantes