Resumo de IA
O módulo de formulário de contacto integrado do Divi cumpre a sua função para mensagens simples. Mas se já tentou adicionar carregamentos de ficheiros, recolher pagamentos ou mesmo apenas armazenar submissões no seu painel WordPress, provavelmente já se deparou com as suas limitações.
O Divi 5 trouxe melhorias reais ao módulo de formulário, incluindo lógica condicional e melhores opções de estilo. Dito isto, o formulário integrado ainda carece de funcionalidades essenciais de que a maioria dos sites empresariais necessita. Não há armazenamento de entradas, processamento de pagamentos e mesmo as funcionalidades de proteção contra spam são limitadas.
O WPForms é um construtor de formulários WordPress dedicado que preenche todas essas lacunas e integra-se diretamente no Divi através de um módulo nativo. Obtém um construtor de arrastar e soltar real com funcionalidades de geração de formulários por IA, mais de 2.100 modelos e todos os formulários que cria são inseridos diretamente no construtor visual do Divi a partir de um menu suspenso simples.
Crie um Formulário de Contacto Divi com WPForms! 🙂
Como Criar um Formulário de Contacto Divi com WPForms
Abaixo, abordarei as principais diferenças entre o módulo de formulário do Divi e o WPForms, e depois mostrarei a configuração completa, desde a instalação do plugin até a publicação do seu formulário numa página Divi.
Também mostrarei como personalizar a aparência do formulário usando os controlos de design do Divi e explorarei alguns tipos de formulário avançados que pode criar assim que tudo estiver ligado.
Porquê Usar WPForms em Vez do Formulário de Contacto Integrado do Divi
O módulo de formulário de contacto do Divi lida com o básico suficientemente bem. Obtém campos de texto, campos de e-mail, listas suspensas e lógica condicional se estiver no Divi 5. Mas no momento em que precisar de algo mais do que recolher um nome, e-mail e mensagem, as limitações começam a acumular-se.
Não há forma de aceitar uploads de ficheiros, sem processamento de pagamentos integrado e os envios de formulário vão diretamente para o e-mail sem forma de os ver ou gerir dentro do WordPress. Aqui está uma comparação rápida lado a lado para mostrar onde as duas opções diferem.
| Funcionalidade | Formulário Integrado Divi | WPForms |
|---|---|---|
| Campos de contacto básicos | Sim | Sim |
| Lógica condicional inteligente | Apenas Divi 5 | Todos os planos pagos |
| Campo de carregamento de ficheiro | N oun | Básico e superior |
| Processamento de pagamentos | N oun | Stripe, PayPal Commerce, Square (Pro) |
| Painel de gestão de entradas | Não (as entradas vão apenas para o e-mail) | Sim |
| Formulários de várias páginas | Não (requer plugin de terceiros) | Sim |
| Proteção contra spam | reCAPTCHA básico | reCAPTCHA, hCaptcha, Turnstile, CAPTCHA personalizado, anti-spam integrado |
| Modelos pré-construídos | Criar a partir do zero | 2.100+ modelos de formulários |
| Construtor de Formulários IA | N oun | Sim (gratuito, mesmo no Lite) |
| Entradas de formulário guardadas no WordPress | N oun | Sim |
Se um formulário de contacto simples de “Nome, E-mail, Mensagem” é tudo o que precisa, o módulo do Divi lida com isso sozinho. Mas para qualquer coisa mais complexa, o WPForms cobre todas essas lacunas num único plugin em vez de exigir que adicione três ou quatro extras.
Passo 1: Instalar o Plugin WPForms
O WPForms é um construtor de formulários de arrastar e soltar feito especificamente para o WordPress. Vem com mais de 2.100 modelos de formulários que cobrem tudo, desde formulários de contacto e formulários de pagamento a inquéritos, formulários de registo e formulários de cálculo.
O que mais gosto no WPForms para sites Divi é a integração nativa de módulos. Configurei formulários em sites Divi e Elementor, e o módulo Divi é genuinamente a experiência mais fluida.
Para um formulário de contacto básico, o WPForms Lite (gratuito) dá-lhe o pontapé de saída. Se precisar de uploads de ficheiros, lógica condicional ou armazenamento de entradas, opte pelo plano Pro.
Para começar, compre a licença Pro. Depois, instale o WPForms no seu website. Se precisar de ajuda, siga estas instruções sobre como adicionar um plugin ao WordPress.
Atualize para o WPForms Pro Agora! :)
Passo 2: Crie o seu Formulário de Contacto Divi
Com o WPForms ativo, aceda a WPForms » Adicionar Novo para criar o seu primeiro formulário. Tem duas formas de começar aqui. A rota tradicional é a biblioteca de modelos, que carrega com centenas de formulários pré-construídos organizados por categoria.
Procure por “Formulário de Contacto Simples” e clique em Usar Modelo para obter um ponto de partida limpo com os campos Nome, Email e Comentário/Mensagem já no lugar.
A opção mais rápida é o gerador de formulários com IA, que lhe permite descrever o que o seu formulário deve fazer, como “Preciso de um formulário de contacto com nome, email, telefone, um menu suspenso para departamento e um campo de mensagem” e o WPForms constrói-o para si.
A IA também funciona para preencher escolhas de campos. Se adicionar um menu suspenso para "Como nos conheceu?" e não quiser digitar todas as opções, as Escolhas de IA gerarão uma lista relevante que pode editar.
Assim que tiver os seus campos no lugar, o construtor de arrastar e soltar permite-lhe reorganizar, renomear e configurar tudo visualmente. Pode definir campos como obrigatórios, adicionar texto de placeholder, ajustar tamanhos de campo e usar lógica condicional para mostrar ou ocultar campos com base no que o visitante seleciona.
Quando os seus campos estiverem prontos, clique no separador Definições para configurar as suas notificações de formulário. Isto controla qual o endereço de email que recebe submissões e como é o email de notificação.
Dedique um minuto a verificar estas definições antes de publicar, porque o padrão envia notificações para o seu email de administrador do WordPress, que pode não ser a caixa de entrada correta.
Uma coisa a ter em mente com a entrega de emails do WordPress. O WordPress usa a função de email integrada do PHP por padrão, e muitos fornecedores de alojamento bloqueiam-na ou limitam-na.
Se teve submissões de formulários que nunca apareceram na sua caixa de entrada, essa é quase certamente a causa. O plugin WP Mail SMTP corrige isto encaminhando os seus emails através de um servidor SMTP autenticado.
Recomendo que o configure antes de o seu formulário ser publicado, porque a resolução de problemas de emails em falta depois do facto é frustrante. Clique em Guardar no canto superior direito quando tudo parecer bem.
Passo 3: Abra o Construtor Divi
Depois de criar a sua nova Página de Contacto (ou qualquer página onde queira o seu formulário de contacto), vai querer clicar no botão Editar Com O Divi Builder para lançar o criador de páginas Divi WordPress.
Se for uma página existente, pode parecer um pouco diferente. Se for o caso, basta clicar em Usar Divi Builder para o lançar. Qualquer um deles leva-o para o mesmo editor visual.
Assim que o construtor for aberto, ser-lhe-á perguntado sobre o layout da sua página.
Passo 4: Escolha o Layout da sua Página de Formulário de Contacto Divi
Assim que o construtor carregar, clique em Começar a Construir para abrir uma tela em branco. O Divi irá sugerir que escolha um layout de linha para a sua primeira secção. Eu escolheria a linha de coluna única aqui.
Isto dá ao formulário de contacto largura total e mantém a atenção do visitante focada em preenchê-lo, em vez de dividir o layout com outro conteúdo que compete pela atenção.
Em seguida, verá uma página em branco aparecer. Este é o seu espaço para criar! E, é assim que decidirá como quer que a sua página Divi se pareça e onde quer que o seu formulário de contacto WPForms esteja.
Verá um pop-up que pergunta que tipo de layout (usando linhas) gostaria de adicionar à sua página Divi. Para esta publicação, vamos escolher a 1ª opção.
Isto fará com que o formulário de contacto seja o único 'objeto' a entrar nessa linha, pelo que recebe muita atenção e as pessoas preenchem-no. Vá em frente e selecione a primeira opção (a linha única) para as suas linhas.
Agora, ser-lhe-á pedido para inserir um módulo. Vamos colocar o seu incrível formulário WPForms lá em seguida.
Passo 5: Insira o Módulo Divi WPForms
Este passo é extra fácil porque o WPForms tem a sua própria integração Divi e um módulo de formulário de contacto! Para o adicionar, procure por WPForms na caixa de pesquisa e selecione o módulo que aparece.
No separador Conteúdo, escolha o seu formulário de contacto no menu suspenso Formulário. Isto lista todos os formulários que construiu no WPForms.
Também pode ativar ou desativar o título e a descrição do formulário, embora a maioria das pessoas desative essas opções para um aspeto mais limpo na página.
O formulário é renderizado na página imediatamente, para que possa ver exatamente como se encaixa no seu layout antes de publicar. Se tudo parecer correto, clique no visto verde para guardar o módulo.
Bom trabalho, o seu formulário de contacto está incorporado e pronto. Agora, pode publicá-lo da mesma forma que publica qualquer página no Divi. Clique nos 3 pontos na parte inferior do construtor de páginas para exibir configurações adicionais do Divi.
Em seguida, selecione o botão Publicar para o ver ao vivo. O seu formulário de contacto Divi está ao vivo. As submissões fluirão tanto para o seu e-mail de notificação como para o painel WPForms » Entradas.
É aqui que pode ver, pesquisar, marcar, exportar e gerir todas as submissões a partir do WordPress. Só isso já é uma grande melhoria em relação ao formulário integrado do Divi, que envia as entradas por e-mail e depois desaparecem.
Para Além de um Formulário de Contacto
O módulo WPForms Divi funciona para qualquer tipo de formulário que construa, não apenas para formulários de contacto. Assim que o plugin for instalado e o módulo estiver disponível no Divi, aqui estão alguns dos tipos de formulário mais populares que os utilizadores do Divi tendem a configurar.
Formulários de pagamento e de encomenda
Pode aceitar pagamentos com Stripe, PayPal Commerce ou Square diretamente de qualquer formulário. Já vi freelancers a usá-lo para recolha de depósitos de projetos e pequenas empresas a usá-lo para formulários de encomenda simples com seletores de quantidade e códigos de cupão. Se estiver a gerir um site Divi para uma empresa de serviços, esta é uma das atualizações mais práticas que pode fazer.
Formulários de Upload de Ficheiros
O WPForms inclui um campo de formulário de upload de ficheiros com arrastar e largar que suporta múltiplos tipos de ficheiros, captura de câmara em tempo real, limites de tamanho configuráveis e sincronização automática de armazenamento na nuvem com o Google Drive ou Dropbox.
O formulário integrado do Divi não tem qualquer capacidade de carregamento de ficheiros, o que é uma das razões mais comuns pelas quais os utilizadores do Divi acabam por procurar um plugin de formulário separado em primeiro lugar.
Formulários de Captação de Leads em Várias Etapas
Formulários longos com uma dúzia de campos numa página tendem a ser abandonados. Com formulários em várias etapas, pode dividir esses campos por várias páginas com uma barra de progresso para que os visitantes vejam uma secção gerível de cada vez.
Preparei um guia completo sobre como criar um formulário em várias etapas com quebras de página, indicadores de progresso e lógica de página condicional, se quiser aprofundar a configuração.
Formulários de Inquérito e Feedback
O WPForms Pro inclui pontuação NPS, campos de escala Likert e relatórios interativos de inquéritos que lhe fornecem análises visuais de cada resposta.
Se estiver a recolher feedback de clientes, a realizar inquéritos de satisfação ou a fazer investigação de mercado num site com tecnologia Divi, isto substitui totalmente a necessidade de uma ferramenta de inquéritos separada.
FAQs Sobre Formulários de Contacto Divi
WPForms e Divi são uma combinação popular para a criação de formulários WordPress. Aqui estão as respostas às perguntas que surgem com mais frequência sobre a sua utilização em conjunto.
O WPForms funciona com o Divi 5?
Sim. O WPForms tem um módulo Divi nativo que funciona tanto com o Divi 4 como com o Divi 5. Procure por WPForms na biblioteca de módulos Divi, selecione o seu formulário num menu suspenso e ele é incorporado diretamente no construtor visual. Nada extra é necessário para a compatibilidade com o Divi 5.
O WPForms é gratuito para o Divi?
O WPForms Lite é completamente gratuito e inclui o construtor de arrastar e largar, o gerador de formulários com IA, Escolhas de IA, pagamentos Stripe básicos e integração completa com o módulo Divi.
Pode criar e incorporar um formulário de contacto funcional sem gastar nada. Para funcionalidades avançadas como uploads de ficheiros, lógica condicional, gestão de entradas e formulários de várias páginas, os planos pagos começam em 49,50 €/ano.
Porque é que o meu formulário de contacto Divi não envia e-mails?
O WordPress depende da função de e-mail integrada do PHP por defeito, e muitos fornecedores de alojamento bloqueiam-na, limitam-na ou encaminham-na através de servidores que acabam por acionar filtros de spam na extremidade recetora.
Instalar um plugin SMTP como o WP Mail SMTP resolve isto enviando os seus e-mails de formulário através de um servidor de e-mail autenticado. Isso resolve o problema tanto para o formulário integrado do Divi como para o WPForms.
Em seguida, Leve os seus Formulários Divi Mais Longe
Agora que o seu formulário de contacto Divi está ativo, pode querer ajustar a sua aparência no seu site. Consulte o nosso guia sobre como estilizar formulários de contacto no WordPress para obter dicas sobre como combinar o design do seu formulário com as cores, fontes e espaçamento do seu tema Divi.
Se preferir que o seu formulário de contacto apareça como uma sobreposição em vez de estar numa página dedicada, veja como criar um popup de formulário de contacto no WordPress. Mantém as suas páginas limpas, ao mesmo tempo que torna o formulário acessível a partir de qualquer página do seu site através de um botão ou link de gatilho.
Crie o Seu Formulário de Contacto Divi Agora
Pronto para construir o seu formulário? Comece hoje com o plugin construtor de formulários WordPress mais fácil. O WPForms Pro inclui muitos modelos gratuitos e oferece uma garantia de devolução do dinheiro em 14 dias.
Se este artigo o ajudou, por favor siga-nos no Facebook e Twitter para mais tutoriais e guias gratuitos do WordPress.
A minha 1ª experiência a combinar WPForms com Divi é dececionante. Não consigo estilizar o tamanho ou a cor do texto, não consigo fazer com que os campos tenham cantos arredondados, nem controlar a cor dos campos. Tentarei novamente amanhã, mas até agora não corresponde às minhas expectativas de controlo de design.
Olá Ed! Peço desculpa por qualquer mal-entendido. O Módulo Divi destina-se a garantir que os formulários WPForms possam ser incorporados em sites criados com Divi sem problemas. Não tem a capacidade de conceder as funcionalidades de estilo do Divi para serem aplicadas aos formulários incorporados.
Para estilizar os seus formulários, consulte o nosso guia aqui: https://wpforms.com/docs/how-to-style-wpforms-with-custom-css-beginners-guide/
Espero que isto ajude! Se tiver mais alguma questão sobre isto, por favor contacte-nos se tiver uma subscrição ativa. Se não tiver, não hesite em colocar algumas questões nos nossos fóruns de suporte.
Olá, sou administradora de um site de caridade e não a anfitriã, mas estou a ter problemas em receber e-mails vazios de Contacto repetidamente todos os dias. Sei que o tema WordPress é ‘DIVI ativo’ e o e-mail vazio recebido exibe-se como: E-mail de consulta do site Canal Trust:
Nome: %%Name%%
Email: %%Email%%
Mensagem: %%Message%%
Isto parece as definições de configuração do formulário.
O nosso site está apenas a ser ATACADO por BOTS ou há algo que eu possa fazer para parar estes e-mails de incómodo, por favor?
A sua ajuda e conselho são muito apreciados.
Julie K
https://.nwdct.org/contact-us/
Olá Julie — Lamentamos qualquer transtorno. Para garantir que respondemos à sua pergunta da forma mais completa possível e evitar qualquer confusão, poderia contactar a nossa equipa?
Se tiver uma licença WPForms, terá acesso ao nosso suporte por e-mail, por isso, por favor, envie um pedido de suporte. Caso contrário, fornecemos suporte complementar limitado no fórum de suporte WPForms Lite WordPress.org.
Obrigado.
Porque é que no meu Divi não aparece o wpForms? Tenho-o instalado e não aparece.
Devo pagar para o adquirir?
Olá Wac, — Lamentamos qualquer transtorno. Para garantir que respondemos à sua pergunta da forma mais completa possível e evitar qualquer confusão, poderia contactar a nossa equipa?
Se tiver uma licença WPForms, terá acesso ao nosso suporte por e-mail, por isso, por favor, envie um pedido de suporte. Caso contrário, fornecemos suporte complementar limitado no fórum de suporte WPForms Lite WordPress.org.
Obrigado.
Olá, existe alguma forma de usar o WP Forms configurado num modelo de produto em temas onde as pessoas possam pedir mais informações sobre um produto e depois ser notificado sobre qual produto estão atualmente a clicar? Neste momento, envia apenas a mesma mensagem de qualquer produto de onde a enviam?
Muito obrigado
Olá Vernon,
Não temos uma funcionalidade exata que procura. Mas com base nas seleções no formulário, pode absolutamente definir as notificações condicionalmente. Temos um ótimo tutorial sobre como configurar isto aqui.
Espero que ajude!