Resumo de IA
Está à procura de uma forma simples e direta de criar um formulário de contacto Divi para o seu website WordPress?
Terá o prazer de saber que pode facilmente criar um formulário de contacto através de uma integração WPForms e do Módulo de Formulário de Contacto Divi.
Neste guia, vamos guiá-lo através dos passos para ambos os métodos, para que possa escolher a opção que melhor lhe convém.
Como Criar um Formulário de Contacto Divi
Pode criar um formulário de contacto Divi com WPForms ou o Módulo de Formulário de Contacto Divi. Siga os passos abaixo para ambos os métodos:
Neste Artigo
Criar um Formulário de Contacto com o Divi Builder
Com o Módulo de Formulário de Contacto Divi, pode facilmente criar campos de entrada como e-mail, texto, caixas de seleção, botões de rádio e listas suspensas.
Passo 1: Instalar o Tema Divi no WordPress
A primeira coisa que precisa de fazer é inscrever-se numa conta Divi. Como o Divi é um tema premium, terá de comprar uma subscrição, que custa 89 $ anualmente.
Depois disso, navegue para a Área de Membros da sua Conta Elegant Themes e clique no botão Descarregar o Tema Divi.
Assim que tiver o ficheiro zip do Tema Divi, vá ao seu painel WordPress. A partir daí, navegue para Aparência » Temas e clique no botão Adicionar Novo.
Tudo o que precisa de fazer agora é clicar no botão Adicionar Novo Tema, carregar o seu ficheiro Divi.zip e, em seguida, clicar no botão Instalar Tema.
Assim que o Tema Divi estiver instalado no seu website, clique no botão Ativar, e deverá estar pronto para usar o Divi Builder.
Passo 2: Adicionar uma Página e Carregar o Divi Builder
Crie uma nova página ou publicação e aguarde que o Editor de Publicações WordPress abra. Para carregar o Divi Builder, clique no botão roxo Usar Divi Builder.
Isto irá recarregar a página com o construtor Divi e apresentar três opções: construir uma página do zero, escolher um layout pré-fabricado ou clonar uma página existente.
Como estamos a guiá-lo pelos passos de criação de uma página de contacto no Divi a partir do zero, clique no botão Começar a Construir.
Excelente! Agora, tudo o que precisa de fazer para criar o seu formulário de contacto é carregar o Módulo de Formulário de Contacto Divi. Vamos a isso.
Passo 3: Adicionar o Módulo de Formulário de Contacto Divi
No Divi Builder, clique no botão + (Mais) e, a partir da lista de opções, escolha um modelo de Nova Linha que corresponda às suas necessidades.
Assim que adicionar uma linha, uma biblioteca de módulos será aberta. Na separador Novo Módulo, percorra para baixo e clique no módulo Formulário de Contacto.
Assim que adicionar o módulo Formulário de Contacto, notará três campos de formulário: Nome, E-mail e Mensagem. O seu formulário de contacto está agora pronto!
Passo 4: Configurar o Seu Formulário de Contacto Divi
Para começar, clique no Formulário de Contacto no Divi Builder para abrir as suas opções de personalização. Pode clicar no botão Adicionar Novo Campo para adicionar outros campos de formulário.
Se percorrer um pouco para baixo, também encontrará opções adicionais no menu Texto para editar o título, a mensagem de confirmação ou alterar o texto do botão de envio.
Encontrará também ferramentas úteis como definições de fundo, proteção contra spam, links de redirecionamento e muito mais. Sinta-se à vontade para as alterar conforme necessário.
Criar um Formulário de Contacto Divi com WPForms
WPForms é o melhor construtor de formulários de arrastar e soltar para WordPress, que pode usar para criar formulários de contacto, formulários de cálculo, formulários de encomenda e muito mais!
Passo 1: Instalar o Plugin WPForms
Como o melhor plugin construtor de formulários para WordPress, o WPForms integra-se com sucesso com o Divi para tornar o processo de criação de formulários numa tarefa fácil.
Mesmo a versão Lite do plugin vem com uma tonelada de funcionalidades que podem ser mais úteis em comparação com o Módulo de Formulário de Contacto do Divi.
No entanto, se atualizar para Pro, poderá tirar partido de funcionalidades adicionais como campos de formulário avançados, gestão de entradas, carregamento de ficheiros e muito mais!
Assim que decidir qual o nível de licença que melhor se adequa às suas necessidades, prossiga e instale o plugin WPForms. Consulte este guia sobre como instalar um plugin WordPress para obter os passos.
Passo 2: Criar o Seu Formulário de Contacto
Agora, para criar um novo formulário. Vá a WPForms no seu painel WordPress e clique na opção Adicionar Novo.
Depois disso, dê um nome ao seu formulário e escolha um modelo. Para este guia, escolheremos o Formulário de Contacto Simples para acelerar a criação do formulário.
Dentro do construtor de formulários, é assim que o seu formulário ficará. Sinta-se à vontade para adicionar, alterar ou reorganizar campos como desejar.
É tudo! Criou com sucesso um formulário de contacto usando o WPForms. Agora, vamos personalizar as suas notificações e confirmações.
Passo 3: Personalizar Notificações e Confirmações
A configuração de notificações garante que está sempre a par de novas entradas de formulário. Está no construtor de formulários. Vá a Definições e depois a Notificações.
A partir daqui, pode fazer alterações às definiçõ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 Definições, escolha Confirmações na lista de opções para configurar as respostas quando um formulário é submetido com sucesso.
Em seguida, escolha que tipo de confirmação é mais apropriado para o seu website, seja uma mensagem, a exibição de uma página ou um redirecionamento.
Para manter o seu formulário e as suas definições atualizadas, não se esqueça de guardar as suas alterações. O formulário está agora pronto para ser publicado através do Divi.
Passo 4: Publicar o Seu Formulário de Contacto Divi
Para adicionar este formulário de contacto, vá ao Construtor Divi e escolha um estilo de linha, como fizemos para o módulo de formulário de contacto Divi.
O Divi vem com uma integração para o WPForms, por isso, para adicionar o formulário, procure por WPForms na caixa de pesquisa e selecione o módulo que aparece.
Após o módulo WPForms ter sido adicionado no Divi, aparecerão definições adicionais. Por exemplo, aqui pode:
- Escolher qual formulário deseja adicionar.
- Ativar definições que mostram o título do formulário.
- Ativar definições que mostram a descrição do formulário.
Quando estiver pronto, prossiga para selecionar o seu formulário no menu suspenso que se encontra em Formulário.
O seu formulário selecionado será agora adicionado automaticamente à página Divi. Certifique-se de que clica no botão verde com o Sinal de V para guardar as suas definições.
Excelente trabalho! O seu formulário de contacto Divi com WPForms está pronto! Se quiser personalizá-lo ainda mais, consulte estas definições de design adicionais.
FAQs sobre a Criação de um Formulário de Contacto Divi
Utilizar o tema Divi e as suas muitas funcionalidades, como formulários de contacto, é um tópico popular entre os nossos leitores. Aqui ficam respostas a algumas perguntas sobre o assunto.
O Divi tem um formulário de contacto?
Sim, o Divi vem com um módulo de formulário de contacto. Esta ferramenta permite-lhe adicionar facilmente um formulário de contacto às suas páginas, sem necessidade de plugins adicionais. No entanto, as funcionalidades podem ser limitadas em comparação com um construtor de formulários dedicado como o WPForms.
Como edito um formulário de contacto Divi?
Para editar um formulário de contacto Divi, vá à página onde o formulário se encontra no seu Divi Builder. Clique no módulo que diz "Contact Form". Aqui, pode alterar campos, ajustar estilos e personalizar as definições de notificação e confirmação do formulário diretamente.
O WordPress tem um formulário de contacto incorporado?
O próprio WordPress não vem com uma funcionalidade de formulário de contacto incorporada. No entanto, os utilizadores do WordPress podem facilmente adicionar formulários de contacto aos seus websites utilizando plugins. O Divi, quando instalado no WordPress, fornece um módulo de formulário de contacto integrado, eliminando a necessidade de plugins adicionais.
Como crio um formulário de contacto pop-up no Divi?
Criar um formulário de contacto pop-up no Divi envolve a utilização do Divi Builder e um pouco de criatividade. Primeiro, desenhe o seu formulário de contacto numa secção normal. Em seguida, utilize as opções de visibilidade do Divi Builder para ocultar esta secção na página.
Por último, acione a secção para que apareça como um pop-up, ligando-a a um botão ou link na sua página. Este método pode exigir CSS personalizado ou um plugin de pop-up Divi para uma operação suave. Um método mais simples, no entanto, seria usar o OptinMonster!
Em seguida, Saiba Como Criar uma Calculadora de Preços no WordPress
Procura uma solução fácil sobre como criar uma calculadora de preços para o seu website para começar a vender artigos online? Consulte este guia para o processo passo a passo de configuração de um formulário de encomenda simples com uma calculadora de preços automatizada para o seu website.
Se está a perguntar como incentivar os utilizadores a preencher um formulário que requer o seu email para descarregar um ficheiro, isso também é possível. Consulte este guia sobre Como Exigir um Endereço de Email para Descarregar um Ficheiro.
Corrija os Seus Emails do WordPress Agora
Pronto para corrigir os seus emails? Comece hoje mesmo com o melhor plugin SMTP para WordPress. Se não tem tempo para corrigir os seus emails, pode obter assistência completa de Configuração White Glove como compra adicional, e existe uma garantia de reembolso de 14 dias para todos os planos pagos.
Se este artigo o ajudou, por favor siga-nos no Facebook e Twitter para mais dicas e tutoriais do WordPress.
