Criar e inserir um formulário no seu site com Connectif

Neste artigo, você aprenderá a adicionar um formulário (de cadastro ou registro) aos seus conteúdos web para exibí-lo no seu eCommerce por meio de um workflow.

 

Tempo de implementação: 20 min.
Dificuldade: Baixa.
Quando utilizá-lo?: Quando precisar captar contatos no seu site.

PASSO 1: Criação do conteúdo e do formulário

(Nesta seção, é explicado como criar o Conteúdo Web, neste caso um popup, que conterá o formulário de cadastro).

1. Acesse sua conta no Connectif.

2. Vá para "Conteúdo > Conteúdo web" e clique em  Criar novo conteúdo.

3. Selecione o tipo de conteúdo no qual deseja inserir o formulário que melhor se adapte à sua estratégia.

  

Você pode inserir um formulário em qualquer um dos Conteúdos Web do Connectif disponíveis.

Inserir um formulário de cadastro no seu site - 1-min.png

  

No nosso exemplo, escolhemos um conteúdo web do tipo popup, mas este processo funcionaria para qualquer outro tipo de conteúdo.

4. Dentro do Editor de Conteúdo, clique na aba Componentes e vá para a seção Formulários e Pesquisas. Adicione os elementos de formulário que desejar e edite-os para atribuir o texto e o design que preferir; você também pode adicionar variáveis. Neste exemplo, foram adicionados:

  • Um campo do tipo email para coletar o endereço de email do contato.
  • Um campo do tipo texto para coletar o nome do contato. 
  • Um botão "submit" para enviar o formulário.

Inserir um formulário de cadastro no seu site - 2-min.png

5. Clique na aba Formulário e, na seção Tipo de Formulário, escolha o tipo "Evento" ou "Assinatura" no menu suspenso, conforme necessário.

 

No Connectif, é importante diferenciar entre formulários de cadastro e de registro, pois eles desempenham funções diferentes:

- Formulário de cadastro: Usado para inscrever novos contatos em uma lista específica, como uma newsletter. Não exige que o contato tenha uma conta prévia no seu site.
- Formulário de registro: Usado para criar uma conta de usuário no seu site. Geralmente inclui mais campos de informação e pode exigir validação por email.

Inserir um formulário de cadastro no seu site - 3-min.png

6. No menu suspenso Email identificador selecione o campo "Email" que você adicionou ao seu formulário.

7. (Opcional). Ative a caixa de seleção Inscrever o contato na newsletter ao enviar o formulário para adicionar os contatos que o preencham às suas listas de newsletter, se for o seu caso.

Inserir um formulário de cadastro no seu site - 4-min.png

8. Uma vez configurado seu conteúdo, clique em Salvar para manter as alterações.

 

PASSO 2: Configuração do workflow para exibir o conteúdo

(Nesta seção, é explicado como criar o workflow que exibirá o conteúdo web que contém o formulário no seu site).

9. Acesse a seção Workflows no menu lateral esquerdo, clique em  Criar novo workflow e selecione  Criar workflow em branco.

10. Clique em  (Editar configuração do nó) do nó “Início”.

11. Em Selecionar uma restrição, marque "Toda minha lista" e, no menu suspenso, escolha "Contatos sem email".

12. Em Selecionar a fonte de dados, marque "Todos os existentes e os novos".

13. Clique em  Aplicar.

Inserir um formulário de cadastro no seu site - 5-min.png

14. Adicione um nó de ação do tipo "Ao visitar página" para reagir quando um contato sem email visitar uma página do site. 

Inserir um formulário de cadastro no seu site - 6-min.png

15. Acesse a configuração do nó "Ao visitar página" e escolha em quais páginas deseja que o popup com o formulário de registro apareça. 

 

Se quiser colocar o formulário apenas em uma URL específica, deve marcar a opção Qualquer uma das seguintes páginas exatamente e indicar a URL da landing page onde o formulário deve aparecer, como mostrado no exemplo.

Inserir um formulário de cadastro no seu site - 7-min.png

16. Na aba Limitações do nó "Ao visitar página", clique na caixa "Desativar após disparar" para desmarcá-la. Clique em Aplicar para salvar as alterações de configuração.

Inserir um formulário de cadastro no seu site - 8-min.png

17. Adicione o nó de ação "Enviar conteúdo web", que será responsável por exibir o formulário que você acabou de criar no Passo 1.

Inserir um formulário de cadastro no seu site - 9-min.png

18. Acesse a configuração do nó "Enviar conteúdo web" e escolha o conteúdo que você acabou de criar. 

Inserir um formulário de cadastro no seu site - 10-min.png

19. Clique em Próximo para configurar como o conteúdo será exibido.

 

Se precisar de mais informações sobre como inserir um conteúdo web na sua página, confira este artigo.

Se precisar de mais informações sobre como inserir um inline na sua página, confira este artigo

20. (Opcional). Se o conteúdo incluir variáveis, aparecerá uma etapa seguinte para associá-las, como mostrado na imagem.

Inserir um formulário de cadastro no seu site - 11-min.png

 

Neste exemplo, o formulário não contém variáveis.

21. Clique em Aplicar para salvar a configuração do nó.

22. No Editor de Workflows, ative seu fluxo para que o formulário esteja disponível no seu site.

 

 

 Sucesso!
Seu formulário de cadastro está integrado ao seu site.


Continue aprendendo!

Para aproveitar todo o potencial da sua conta no Connectif, recomendamos continuar com os seguintes artigos: