Procurando uma maneira fácil de criar um formulário de contato Divi para o seu site WordPress?
Divi é um dos temas WordPress mais populares do mercado. Ele vem com um construtor fácil de usar que permite personalizar seu site pela interface frontal. Você pode adicionar módulos de página como o botão de chamada para ação, formulário de contato e muito mais.
Com o módulo Formulário de Contato Divi, você pode criar e inserir um formulário de contato sem nenhum serviço de terceiros. Isso é ótimo se você quiser uma maneira fácil de adicionar um formulário de contato básico em seu site.
No entanto, você precisará de um plugin de formulário poderoso como o WPForms para recursos avançados, como envios de usuários, marketing por e-mail e muito mais.
É por isso que o Divi Builder também vem com um módulo WPForms para que você possa adicionar facilmente formulários de contato profissionais em poucos cliques.
Neste post, mostraremos esses dois métodos de criação de um formulário de contato Divi no WordPress:
Criando um Formulário de Contato com o Divi Builder
Se você ainda não tem o Divi, primeiro, você precisará criar uma conta no Divi. Em seguida, você poderá acessar o painel e baixar seu arquivo de tema.
Depois de instalar e ativar o Tema Divi no seu painel do WordPress, abra qualquer página ou post onde você deseja adicionar seu formulário de contato Divi.
No editor de posts, você verá o botão Usar Divi Builder. Clique no botão para iniciar o construtor na interface frontal do seu site.
Na próxima tela, você verá as opções para construir uma página do zero, escolher um layout pré-fabricado ou clonar uma página existente.
Para este tutorial, começaremos com uma página nova e adicionaremos o formulário de contato.
Em seguida, você verá o construtor Divi, onde pode escolher um modelo de linha que atenda às suas necessidades.
Após adicionar a linha, você pode ver o painel Inserir Módulo que permite adicionar diferentes tipos de módulos de conteúdo.
Se você rolar para baixo, encontrará o módulo Formulário de Contato. Basta clicar nele para inserir o formulário de contato Divi em seu site.
Por padrão, o formulário de contato consiste em três campos: Nome, E-mail e Mensagem. Você pode clicar no botão Adicionar Novo Campo para adicionar outros campos conforme suas necessidades.
Além disso, você encontrará opções para editar o título, a mensagem de sucesso do envio e o texto do botão de envio nas configurações de Texto.
O Divi também permite enviar mensagens de e-mail para que você possa ser notificado sobre novos envios de formulários.
Além disso, você encontrará outras opções úteis, como links de redirecionamento, proteção contra spam, configurações de plano de fundo e muito mais.
Com o módulo de formulário de contato Divi, você pode facilmente adicionar um formulário de contato simples ao seu site WordPress. Existem muitas opções de personalização para que você possa combinar o estilo da sua marca.
Se você quiser adicionar recursos mais avançados ao seu formulário de contato Divi, precisará usar um bom plugin construtor de formulários.
E é exatamente isso que faremos no próximo método. Mostraremos como criar um contato Divi usando o construtor de formulários mais poderoso do WordPress, o WPForms.
Crie um Formulário de Contato Divi com WPForms
WPForms é o melhor plugin construtor de formulários de arrastar e soltar para WordPress. Ele permite que você crie qualquer tipo de formulário, como formulários de contato, formulários de registro, formulários de download e muito mais, em apenas alguns cliques.
O WPForms vem com mais de 1.200 modelos de formulário pré-construídos para que você não precise criar um formulário de contato do zero. Você pode adicionar ou remover quaisquer campos de formulário e personalizá-los como desejar. E você nem precisa de nenhum conhecimento de codificação para isso.
Todos os formulários de contato que você criar com o WPForms serão 100% responsivos, para que sejam exibidos lindamente em qualquer tamanho de tela. Há até uma opção de proteção contra spam integrada para que você possa evitar envios de spam e fraudes em seu site.
Com mais de 6 milhões de instalações ativas, o WPForms é amado por todos os tipos de empresas em todo o mundo. Se você é um usuário do Divi e deseja adicionar formulários de contato incríveis ao seu site, então você também pode usar o WPForms.
Aqui estão algumas das razões pelas quais você deve criar seu formulário de contato Divi com WPForms:
- Fácil de usar e configurar
- Notificações e confirmações avançadas de formulário
- Funcionalidade de upload de arquivos e envio de conteúdo
- Sistema de gerenciamento de envio de formulários integrado
- Integração de marketing por e-mail para aumentar sua lista de e-mails
- Opção de abandono de formulário para capturar entradas parciais de formulário
- Campos de formulário para opções de eCommerce e pagamento
E a ótima notícia é que existe um módulo WPForms no Divi Builder. Assim, você pode adicionar facilmente o formulário de contato que você cria com WPForms em seu site.
Além disso, você pode usar o WPForms em qualquer site WordPress, com ou sem Divi. Se você decidir parar de pagar pelo Divi, os formulários que você criar com WPForms permanecerão intactos em seu site.
Dito isso, vamos aprender como criar um formulário de contato com WPForms + Divi.
Passo 1: Instalar e Ativar o Plugin WPForms
Primeiro, você precisará criar uma conta no WPForms.
O WPForms oferece planos de preços flexíveis que são projetados para atender aos requisitos de todos os tipos de negócios. Você pode escolher um plano que seja adequado para o seu negócio. E há uma versão lite que está disponível gratuitamente.
Após se inscrever, você poderá acessar seu painel WPForms. Você encontrará o arquivo do plugin junto com sua chave de licença na aba Downloads.
Você precisa instalar este arquivo de plugin no seu site WordPress. Para mais detalhes sobre isso, você pode conferir nosso guia sobre como instalar um plugin do WordPress.
Depois de instalar e ativar o WPForms em seu site, navegue até a aba WPForms » Configurações em seu painel de administração.
Aqui, você precisará inserir a chave de licença e clicar no botão Verificar Chave.
Em seguida, você verá a mensagem de verificação bem-sucedida. Agora você pode começar a criar seu formulário de contato usando WPForms.
Passo 2: Crie um Formulário de Contato
Para criar um novo formulário, vá para a aba Adicionar Novo no seu painel do WordPress. Isso abrirá a biblioteca de modelos, onde você pode pesquisar um modelo de formulário de contato adequado para o seu site.
Para este tutorial, vamos começar com o modelo Formulário de Contato Simples. Este modelo inclui todos os campos básicos necessários para um formulário de contato, como nome, e-mail e mensagem. Você também pode visualizar qualquer outro modelo para ver qual é o melhor para você.
Digite um nome para o seu formulário de contato e clique no botão Usar Modelo no modelo de formulário de sua escolha.
Na próxima tela, você verá o construtor de formulários de arrastar e soltar do WPForms. Todos os campos do formulário estão no lado esquerdo e a prévia do formulário está no lado direito da página.
Você encontrará uma ampla variedade de campos úteis, como números, lista suspensa, múltipla escolha, upload de arquivo, classificação, texto rico e muito mais.
Para inserir um campo de formulário, você só precisa arrastá-lo do lado esquerdo e colocá-lo na prévia do formulário.
Se você quiser personalizar algum desses campos do formulário, pode clicar neles e verá as opções do campo. Existem opções para alterar o rótulo do formulário, descrição, obrigatório e outras opções adicionais, dependendo do campo do formulário.
Depois de adicionar todos os campos necessários ao seu formulário de contato Divi, clique no botão Salvar na parte superior do construtor de formulários.
Em seguida, você precisará configurar as configurações do formulário, notificações e confirmações.
Passo 3: Configure as Definições do Formulário
Para alterar as configurações do formulário, abra a aba Configurações » Geral no painel do menu esquerdo no construtor de formulários. Aqui, você pode alterar o nome do formulário, a descrição do formulário, o texto do botão de envio e muito mais.
Na próxima aba chamada Proteção contra Spam e Segurança, há a opção de ativar a proteção anti-spam no seu site. Isso também o ajudará a configurar o Google reCAPTCHA para o seu formulário de contato.
Em seguida, para criar notificações de e-mail automatizadas, vá para a aba Configurações » Notificações para configurar as notificações de e-mail para o seu formulário de contato Divi. Você verá que há uma notificação padrão que é enviada para o endereço de e-mail do administrador.
Você pode adicionar vários endereços de e-mail ou clicar no botão Adicionar Nova Notificação para enviar mais de uma notificação de formulário.
Com isso, você pode notificar você e os membros da sua equipe sobre novas submissões de formulário, enviar aos clientes os detalhes de suas submissões e muito mais.
Se você quiser mais informações sobre isso, pode conferir nosso guia sobre Como Configurar as Notificações e Confirmações Corretas do Formulário.
Da mesma forma, o WPForms permite que você decida o que acontece depois que um usuário envia suas informações de contato em seu site. Vá para a aba Configurações » Confirmações e você verá a opção de escolher a ação de confirmação.
Assim, você pode exibir uma mensagem personalizada de 'obrigado' no frontend depois que o usuário clicar no botão de envio. Ou, escolha as opções de redirecionamento para enviar os usuários para uma página diferente em seu site ou para um URL externo.
Quando terminar com as configurações do formulário, certifique-se de clicar no botão Salvar.
Agora que seu formulário de contato está pronto, você pode inseri-lo em seu site usando o Divi Builder.
Passo 4: Adicionar Módulo WPForms no Divi
Para adicionar este formulário de contato em qualquer página ou post, abra o Divi Builder e escolha um layout de linha como fizemos para o módulo de formulário de contato do Divi.
A única diferença aqui é que você precisará procurar o módulo WPForms.
Após inserir o bloco WPForms, você verá as configurações para escolher o formulário de contato que acabou de criar. Existem opções para mostrar o título e a descrição do seu formulário de contato também.
Você pode até mesmo alterar o design e a estilização do seu formulário de contato com o Divi Builder. Quando estiver satisfeito com a aparência do seu formulário de contato do Divi, clique no botão de marca de seleção à direita.
Passo 5: Publique seu Formulário de Contato Divi
O último passo é publicar seu formulário de contato. Para isso, clique no botão de 3 pontos na parte inferior do Divi Builder.
Em seguida, você verá as diferentes opções, como zoom, visualização responsiva e muito mais. No lado direito, há dois botões: Salvar Rascunho e Publicar.
Clique no botão Publicar para publicar sua página e formulário de contato em seu site WordPress.
Você criou com sucesso um formulário de contato usando Divi e WPForms. Embora o Divi ofereça um módulo de formulário de contato, ele carece de alguns recursos como upload de arquivos, gerenciamento de entradas e integração com lista de e-mails.
Com o WPForms, você pode facilmente resolver esses problemas. Ele é repleto de recursos e funcionalidades que o ajudam a criar todos os tipos de formulários de contato, de básicos a profissionais.
O WPForms também permite que você crie formulários WordPress para qualquer finalidade, dependendo de suas necessidades. Você pode criar formulários de pedido, formulários de registro de eventos, formulários de inscrição e muito mais.
E é isso por hoje! Esperamos que este tutorial tenha ajudado você a aprender como criar um formulário de contato Divi no WordPress com facilidade.
Se você quiser mais ajuda com formulários WordPress, pode conferir estes recursos:
- Como Criar um Formulário de Inscrição de Eventos no WordPress
- 8 Melhores Ferramentas de Captura de E-mail e Construtores de Formulários para WordPress
- Como Reduzir Facilmente o Abandono de Formulários
Estes posts ajudarão você a registrar usuários em seus formulários do WordPress e a aumentar suas listas de e-mail. O último ajudará você a reduzir as taxas de abandono em seu formulário e a melhorar suas conversões.
Comentários Deixe uma resposta