Está procurando uma maneira simples e direta de criar um formulário de contato Divi para o seu site WordPress?
Você ficará satisfeito em saber que pode criar facilmente um formulário de contato por meio de uma integração do WPForms e do Divi Contact Form Module.
Neste guia, vamos orientá-lo nas etapas de ambos os métodos para que você possa escolher a opção que mais lhe convém.
Como criar um formulário de contato Divi
Você pode criar um formulário de contato Divi com o WPForms ou o Divi Contact Form Module. Siga as etapas abaixo para ambos os métodos:
Neste artigo
Criar um formulário de contato com o Divi Builder
Com o Divi Contact Form Module, você pode criar facilmente campos de entrada como e-mail, texto, caixas de seleção, botões de rádio e listas suspensas.
Etapa 1: Instale o tema Divi no WordPress
A primeira coisa que você precisa fazer é se inscrever em uma conta Divi. Como o Divi é um tema premium, você terá que comprar uma assinatura, que custa US$ 89 por ano.
Depois disso, navegue até a área de membros em sua conta do Elegant Themes e clique no botão Download The Divi Theme .
Depois de obter o arquivo zip do tema Divi, vá para o painel do WordPress. A partir daí, navegue até Appearance " Themes (Aparência " Temas ) e clique no botão Add New (Adicionar novo ).
Tudo o que você precisa fazer agora é clicar no botão Add New Theme (Adicionar novo tema ), carregar o arquivo Divi.zip e, em seguida, clicar no botão Install Theme (Instalar tema ).
Quando o tema Divi estiver instalado em seu site, clique no botão Activate (Ativar ) e você estará pronto para usar o Divi Builder.
Etapa 2: adicionar uma página e carregar o Divi Builder
Crie uma nova página ou postagem e aguarde a abertura do WordPress Post Editor. Para carregar o Divi Builder, clique no botão roxo Use Divi Builder.
Isso recarregará a página com o Divi Builder e exibirá três opções: criar uma página do zero, escolher um layout predefinido ou clonar uma página existente.
Como estamos orientando você nas etapas de criação de uma página de contato na Divi a partir do zero, clique no botão Start Building.
Fantástico! Agora, tudo o que você precisa fazer para criar seu formulário de contato é carregar o Divi Contact Form Module. Vamos a isso.
Etapa 3: adicionar o módulo de formulário de contato da Divi
No Divi Builder, clique no botão + (Mais) e , na lista de opções, escolha um modelo de Nova linha que atenda às suas necessidades.
Quando você adicionar uma linha, uma biblioteca de módulos será aberta. Na guia New Module (Novo módulo ), role para baixo e clique no módulo Contact Form (Formulário de contato ).
Depois de adicionar o módulo Contact Form, você verá três campos de formulário: Nome, E-mail e Mensagem. Seu formulário de contato está pronto!
Etapa 4: Configure seu formulário de contato Divi
Para começar, clique no Formulário de contato no Divi Builder para abrir suas opções de personalização. Você pode clicar no botão Add New Field (Adicionar novo campo ) para adicionar outros campos de formulário.
Se você rolar a tela um pouco para baixo, também encontrará opções adicionais no menu Text (Texto ) para editar o título, a mensagem de confirmação ou alterar o texto do botão Enviar.
Você também encontrará ferramentas úteis, como configurações de plano de fundo, proteção contra spam, links de redirecionamento e muito mais. Sinta-se à vontade para alterá-las conforme necessário.
Criar um formulário de contato Divi com WPForms
O WPForms é o melhor construtor de formulários de arrastar e soltar para WordPress, que pode ser usado para criar formulários de contato, formulários de cálculo, formulários de pedido e muito mais!
Etapa 1: instalar o plug-in WPForms
Como o melhor plugin de criação de formulários para WordPress, o WPForms se integra com sucesso ao Divi para facilitar o processo de criação de formulários.
Até mesmo a versão Lite do plug-in vem com uma tonelada de recursos que podem ser mais úteis em comparação com o Divi Contact Form Module.
No entanto, se você fizer upgrade para o Pro, poderá aproveitar os recursos adicionais, como campos de formulário avançados, gerenciamento de entradas, uploads de arquivos e muito mais!
Depois de decidir qual nível de licença atende às suas necessidades, vá em frente e instale o plug-in WPForms. Confira este guia sobre a instalação de um plug-in do WordPress para conhecer as etapas.
Etapa 2: Crie seu formulário de contato
Agora, para criar um novo formulário. Vá para WPForms no painel do WordPress e clique na opção Add New (Adicionar novo ).
Depois disso, dê um nome ao seu formulário e escolha um modelo. Para este guia, escolheremos o Simple Contact Form para acelerar a criação do formulário.
Dentro do construtor de formulários, é assim que seu formulário será exibido. Sinta-se à vontade para adicionar, alterar ou reorganizar os campos conforme desejar.
É isso aí! Você criou com sucesso um formulário de contato usando o WPForms. Agora, vamos personalizar suas notificações e confirmações.
Etapa 3: Personalizar notificações e confirmações
A configuração de notificações garante que você sempre saiba sobre novas entradas de formulários. Isso está no construtor de formulários. Vá para Settings (Configurações ) e, em seguida, Notifications (Notificações).
Aqui, você pode fazer alterações nas configurações de notificação padrão, como a linha de assunto, ou alterar os e-mails que são enviados aos destinatários.
Agora, no menu Settings (Configurações ), escolha Confirmations (Confirmações ) na lista de opções para configurar respostas para quando um formulário for enviado com êxito.
Em seguida, escolha o tipo de confirmação mais adequado para seu site, seja uma mensagem, uma exibição de página ou um redirecionamento.
Para manter seu formulário e suas configurações atualizadas, não se esqueça de salvar as alterações. O formulário agora está pronto para ser publicado no Divi.
Etapa 4: publique seu formulário de contato Divi
Para adicionar esse formulário de contato, acesse o Divi Builder e escolha um estilo de linha, como fizemos para o módulo de formulário de contato da Divi.
A Divi vem com uma integração para WPForms, portanto, para adicionar o formulário, pesquise WPForms na caixa de pesquisa e selecione o módulo que aparece.
Depois que o módulo WPForms for adicionado ao Divi, serão exibidas configurações adicionais. Por exemplo, aqui você pode:
- Escolha o formulário que você deseja adicionar.
- Habilite as configurações que mostram o título do formulário.
- Habilite as configurações que mostram a descrição do formulário.
Quando estiver pronto, selecione seu formulário no menu suspenso localizado em Form (Formulário).
O formulário selecionado será adicionado automaticamente à página da Divi. Certifique-se de pressionar o botão verde de marca de seleção para salvar suas configurações.
Excelente trabalho! Seu formulário de contato Divi com WPForms já está pronto! Se você quiser personalizá-lo ainda mais, confira essas configurações de design adicionais.
Perguntas frequentes sobre a criação de um formulário de contato Divi
Usar o tema Divi e seus vários recursos, como formulários de contato, é um tópico popular entre nossos leitores. Aqui estão as respostas para algumas perguntas sobre isso.
O Divi tem um formulário de contato?
Sim, a Divi vem com um módulo de formulário de contato. Essa ferramenta permite adicionar facilmente um formulário de contato às suas páginas, sem a necessidade de plug-ins adicionais. No entanto, os recursos podem ser limitados em comparação com um construtor de formulários dedicado, como o WPForms.
Como faço para editar um formulário de contato da Divi?
Para editar um formulário de contato da Divi, vá para a página em que o formulário está localizado no Divi Builder. Clique no módulo que diz "Formulário de contato". Aqui, você pode alterar campos, ajustar estilos e personalizar as configurações de notificação e confirmação de formulário diretamente.
O WordPress tem um formulário de contato integrado?
O próprio WordPress não vem com um recurso de formulário de contato incorporado. No entanto, os usuários do WordPress podem adicionar facilmente formulários de contato aos seus sites usando plug-ins. O Divi, quando instalado no WordPress, fornece um módulo de formulário de contato integrado, eliminando a necessidade de plug-ins adicionais.
Como faço para criar um formulário de contato pop-up no Divi?
A criação de um formulário de contato pop-up na Divi envolve o uso do Divi Builder e um pouco de criatividade. Primeiro, crie seu formulário de contato em uma seção padrão. Em seguida, use as opções de visibilidade do Divi Builder para ocultar essa seção na página.
Por fim, acione a seção para ser exibida como um pop-up vinculando-a a um botão ou link na sua página. Esse método pode exigir CSS personalizado ou um plug-in de pop-up Divi para uma operação tranquila. Um método mais simples, no entanto, seria usar o OptinMonster!
A seguir, saiba como criar uma calculadora de preços no WordPress
Procurando uma solução fácil para criar uma calculadora de preços em seu site e começar a vender itens on-line? Confira este guia para obter o processo passo a passo de configuração de um formulário de pedido simples com uma calculadora de preços automatizada para seu site.
Se estiver se perguntando como incentivar os usuários a preencher um formulário que exige o e-mail deles para fazer download de um arquivo, isso também é possível. Confira este guia sobre Como exigir um endereço de e-mail para fazer download de um arquivo.
Corrija seus e-mails do WordPress agora
Pronto para corrigir seus e-mails? Comece hoje mesmo a usar o melhor plugin SMTP para WordPress. Se você não tiver tempo para corrigir seus e-mails, poderá obter assistência completa da White Glove Setup como uma compra extra, e há uma garantia de reembolso de 14 dias para todos os planos pagos.
Se este artigo o ajudou, siga-nos no Facebook e no Twitter para obter mais dicas e tutoriais sobre o WordPress.