Criação de modelos de formulários em conteúdos do Connectif

No Connectif, você pode criar modelos de formulários em seus Conteúdos Web para padronizar e reutilizar formulários.

Neste artigo, você aprenderá como criar um formulário com o Editor de Conteúdo Web e como salvá-lo como modelo para utilizá-lo em outros conteúdos.

  

Tempo de implementação: 15 min.
Dificuldade: Média.
Quando utilizá-lo?: Quando precisar de formulários personalizados e reutilizáveis para seu eCommerce.

PASSO 1: Criação do formulário

1. Acesse sua conta no Connectif.
2. Vá para "Conteúdo > Conteúdo web" e clique em  Criar novo conteúdo. Escolha o tipo de conteúdo para acessar o editor.

3. Dentro do Editor de Conteúdo, clique na aba Componentes e vá para a seção Formulários e Pesquisas.

Criação de modelos de formulários - 1-min.png

4. Adicione os elementos do formulário que desejar e edite-os para aplicar o texto e o design que desejar. Seguindo os passos deste exemplo:

  • Adicione um campo de texto para coletar o nome do contato.
  • Adicione um campo de e-mail para coletar o endereço de e-mail do contato.
  • Adicione um botão "enviar" para enviar o formulário.

Criação de modelos de formulários - 2-min.png

 

PASSO 2: Configuração do formulário

5. Clique na aba Formulário e, na seção Tipo de Formulário, procure o menu suspenso e escolha o tipo de formulário que seu modelo deve conter.

Criação de modelos de formulários - 3-min.png

6. (Opcional). Na seção URL de redirecionamento ao enviar o formulário, configure a URL para a qual os contatos serão redirecionados após o envio do formulário.

Criação de modelos de formulários - 4-min.png

7. Marque ou desmarque a caixa Fechar conteúdo ao enviar o formulário, dependendo se deseja que essa ação seja realizada ao enviar o formulário preenchido.

8. Configure as demais ações de envio, que variarão de acordo com o tipo de formulário escolhido.

 

PASSO 3: Salvar o modelo

9. Depois de projetar e configurar seu formulário, vá para a aba Componentes e, na seção Componentes Personalizados, clique em  Criar novo.

Criação de modelos de formulários - 5-min.png

10. Marque as caixas de seleção (Selecionar) dos blocos que contêm seu formulário.

Criação de modelos de formulários - 6-min.png

11. Clique em Salvar.

Criação de modelos de formulários - 7-min.png

12. Na janela pop-up, atribua um nome ao seu formulário e, opcionalmente, adicione etiquetas. Quando estiver pronto, clique em Salvar.

Dessa forma, o formulário que você acabou de salvar estará disponível para ser utilizado como modelo nos novos conteúdos web e e-mail que você criar na sua Loja.

Criação de modelos de formulários - 8-min.png

13. Salve o conteúdo normalmente.

 

PASSO 4: Usar o modelo em outro conteúdo

Após concluir os passos anteriores, você poderá usar seu novo modelo arrastando ou clicando duas vezes no componente personalizado que acabou de criar.

14. Clique no conteúdo onde deseja adicionar o modelo de formulário.

Criação de modelos de formulários - 9-min.png

15. Na aba Componentes, vá para Componentes personalizados e localize o modelo que você acabou de criar.

Criação de modelos de formulários - 10-min.png

16. Para adicioná-lo ao seu conteúdo, basta clicar no formulário e arrastá-lo para o editor de conteúdo, no local onde deseja colocá-lo, como qualquer outro bloco.

Criação de modelos de formulários - 11-min.png

17. Salve o conteúdo normalmente depois de adicionar seu modelo e, se desejar, fazer algumas alterações.

 

 

Sucesso!
Você criou e publicou seu formulário no Connectif.


Continue aprendendo!

Para aproveitar todo o potencial da sua conta no Connectif, recomendamos que você continue com os seguintes artigos: