Crie e incorpore 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 Audience → Subscription forms.
2. Clique em Create form.

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

Configure as configuraçõ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 é mostrado aos inscritos. Exemplo: “Inscrição na newsletter”.
• Tipo de exibição: escolha como o formulário aparece em seu site:
  • Popup modal: uma sobreposição de popup 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 do popup 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 popup 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 do popup modal

Apenas para Popup modal:

1. Defina quando o popup 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 popup:

• 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

Configure os 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 mostram um asterisco *). Use o ícone da lixeira para remover um campo.

Crie 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é-visualize e salve 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 inscritos em seu projeto.

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

Copie o código de incorporação e adicione-o ao seu site

Necessária a ajuda de um desenvolvedor

Você precisará da ajuda de sua equipe de desenvolvimento para adicionar o código de incorporação 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 em seu site

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

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

• 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 em 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.

Popup modal

Incorporado inline

Próximos passos

• Ativar o double opt-in para exigir confirmação por e-mail antes que os inscritos 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 inscritos para acompanhar os resultados e baixar os dados dos inscritos