Resumo da IA
O módulo de formulário de contacto integrado do Divi é suficiente para mensagens simples. Mas se já tentou adicionar o envio de ficheiros, receber pagamentos ou mesmo apenas guardar os formulários preenchidos no painel de controlo do WordPress, provavelmente já se deparou com as suas limitações.
O Divi 5 trouxe melhorias significativas ao módulo de formulários, incluindo lógica condicional e melhores opções de estilo. No entanto, o formulário integrado continua a carecer de funcionalidades essenciais de que a maioria dos sites empresariais necessita. Não existe armazenamento de registos, processamento de pagamentos e até as funcionalidades de proteção contra spam são limitadas.
O WPForms é um criador de formulários dedicado para WordPress que preenche todas essas lacunas e se integra diretamente ao Divi através de um módulo nativo. Dispõe de um verdadeiro criador de formulários do tipo «arrastar e largar» com funcionalidades de geração de formulários por IA, mais de 2.100 modelos, e todos os formulários que criar são inseridos diretamente no criador visual do Divi a partir de um simples menu suspenso.
Crie um formulário de contacto Divi com o WPForms! 🙂
Como criar um formulário de contacto Divi com WPForms
A seguir, abordarei as principais diferenças entre o módulo de formulários do Divi e o WPForms e, em seguida, explicarei todo o processo de configuração, desde a instalação do plugin até à publicação do seu formulário numa página do Divi.
Também vou mostrar-lhe como personalizar o aspeto do formulário utilizando os controlos de design do Divi e explorar alguns tipos de formulários avançados que poderá criar assim que tudo estiver ligado.
Por que utilizar o WPForms em vez do formulário de contacto integrado do Divi
O módulo de formulário de contacto do Divi cumpre bem as funções básicas. Dispõe de campos de texto, campos de e-mail, menus suspensos e lógica condicional, se estiver a utilizar o Divi 5. Mas assim que precisar de algo mais do que recolher um nome, um e-mail e uma mensagem, as limitações começam a acumular-se.
Não é possível aceitar o envio de ficheiros, não existe um sistema de processamento de pagamentos integrado e os envios de formulários são encaminhados diretamente para o e-mail, sem que seja possível visualizá-los ou geri-los dentro do WordPress. Aqui está uma comparação rápida lado a lado para mostrar em que as duas opções diferem.
| Caraterística | Formulário integrado do Divi | WPForms |
|---|---|---|
| Campos básicos de contacto | Sim | Sim |
| Lógica condicional inteligente | Apenas Divi 5 | Todos os planos pagos |
| Campo de carregamento de ficheiros | Não | Básico e superior |
| Processamento de pagamentos | Não | Stripe, PayPal Commerce, Square (Pro) |
| Painel de gestão de entradas | Não (as inscrições são enviadas apenas por e-mail) | Sim |
| Formulários de várias páginas | Não (requer um plugin de terceiros) | Sim |
| Proteção contra spam | reCAPTCHA básico | reCAPTCHA, hCaptcha, Turnstile, CAPTCHA personalizado, antispam integrado |
| Modelos pré-construídos | Construir do zero | Mais de 2.100 modelos de formulários |
| Construtor de formulários com IA | Não | Sim (gratuito, mesmo na versão Lite) |
| Entradas de formulário guardadas no WordPress | Não | Sim |
Se tudo o que precisa é de um formulário de contacto simples com «Nome, E-mail, Mensagem», o módulo do Divi dá conta do recado sozinho. Mas para qualquer coisa mais complexa, o WPForms preenche todas essas lacunas num único plugin, em vez de ter de instalar três ou quatro complementos.
Passo 1: Instalar o plugin WPForms
O WPForms é um criador de formulários do tipo «arrastar e largar» concebido especificamente para o WordPress. Inclui mais de 2.100 modelos de formulários que abrangem tudo, desde formulários de contacto e de pagamento até inquéritos, formulários de registo e formulários com calculadoras.
O que mais gosto no WPForms para sites Divi é a integração nativa dos módulos. Já configurei formulários tanto em sites Divi como em sites Elementor, e o módulo do Divi proporciona, sem dúvida, uma experiência muito mais fluida.
Para um formulário de contacto básico, o WPForms Lite (gratuito) é uma boa opção para começar. Se precisar de carregar ficheiros, lógica condicional ou armazenamento de entradas, opte pelo plano Pro.
Para começar, compre a licença Pro. Em seguida, instale o WPForms no seu site. Se precisar de ajuda, siga estas instruções sobre como adicionar um plugin ao WordPress.
Atualize para o WPForms Pro agora! 🙂
Passo 2: Criar o seu formulário de contacto Divi
Com o WPForms ativado, aceda a WPForms » Adicionar novo para criar o seu primeiro formulário. Tem duas formas de começar. A opção tradicional é a biblioteca de modelos, que apresenta centenas de formulários pré-criados, organizados por categoria.
Pesquise por «Formulário de contacto simples» e clique em «Utilizar modelo» para obter um ponto de partida simples, com os campos Nome, E-mail e Comentário/Mensagem já preenchidos.
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, por exemplo: «Preciso de um formulário de contacto com nome, e-mail, telefone, um menu suspenso para o departamento e um campo de mensagem», e o WPForms cria-o para si.
A IA também serve para preencher as opções dos campos. Se adicionar um menu suspenso com a pergunta «Como soube da nossa existência?» e não quiser ter de escrever todas as opções, o AI Choices irá gerar uma lista relevante que poderá editar.
Depois de definir os seus campos, o construtor de arrastar e largar permite-lhe reorganizar, renomear e configurar tudo visualmente. Pode definir campos como obrigatórios, adicionar texto de preenchimento, ajustar o tamanho dos campos e utilizar lógica condicional para mostrar ou ocultar campos consoante a seleção do visitante.
Quando os campos estiverem prontos, clique no separador «Definições» para configurar as notificações do formulário. Aqui pode definir qual o endereço de e-mail que receberá os envios e o formato do e-mail de notificação.
Reserve um minuto para verificar estas definições antes de publicar, pois, por predefinição, as notificações são enviadas para o e-mail de administrador do WordPress, o que pode não ser a caixa de entrada correta.
Uma coisa a ter em conta no envio de e-mails pelo WordPress. Por predefinição, o WordPress utiliza a função de e-mail integrada do PHP, e muitos fornecedores de alojamento bloqueiam-na ou limitam o seu tráfego.
Se já lhe aconteceu de os formulários enviados nunca terem aparecido na sua caixa de entrada, essa é quase certamente a causa. O plugin WP Mail SMTP resolve este problema encaminhando os seus e-mails através de um servidor SMTP autenticado.
Recomendo que configure isso antes de o formulário ficar ativo, porque resolver problemas relacionados com e-mails em falta depois de tudo estar publicado é frustrante. Clique em «Guardar» no canto superior direito quando tudo estiver em ordem.
Passo 3: Abrir o Divi Builder
Depois de criar sua nova página de contato (ou qualquer página em que você deseja seu formulário de contato), você deseja clicar no botão Editar com o Divi Builder para iniciar o Divi WordPress criador de páginas.
Se for uma página já existente, o aspeto poderá ser ligeiramente diferente. Nesse caso, basta clicar em «Usar o Divi Builder » para o abrir. Qualquer uma das opções leva-o ao mesmo editor visual.
Quando o construtor estiver aberto, ser-lhe-á perguntado o esquema da sua página.
Etapa 4: Escolha o layout da página do formulário de contato Divi
Assim que o construtor carregar, clique em «Começar a construir» para abrir uma tela em branco. O Divi irá pedir-lhe que escolha um layout de linha para a sua primeira secção. Eu optaria pela linha de coluna única neste caso.
Isso permite que o formulário de contacto ocupe toda a largura da página e mantém a atenção do visitante centrada no seu preenchimento, em vez de dividir o layout com outros conteúdos que disputam a atenção do visitante.
De seguida, aparece uma página em branco. Este é o seu espaço para criar! E é assim que você decidirá como deseja que sua página Divi seja exibida e onde deseja que seu formulário de contato WPForms esteja.
Irá aparecer uma janela pop-up a perguntar que tipo de layout (com linhas) pretende adicionar à sua página Divi. Para este artigo, vamos escolher a primeira opção.
Isto fará com que o formulário de contacto seja o único «elemento» nessa linha, pelo que chamará bastante a atenção e as pessoas irão preenchê-lo. Selecione a primeira opção (a linha única) para as suas linhas.
Agora, serás convidado a inserir um módulo. Vamos colocar o seu incrível formulário WPForms lá dentro.
Passo 5: Inserir o módulo WPForms Divi
Este passo é extremamente fácil, pois o WPForms tem a sua própria integração com o Divi e um módulo de formulário de contacto! Para o adicionar, procure por «WPForms» na caixa de pesquisa e, em seguida, selecione o módulo que aparecer.
No separador «Conteúdo », selecione o seu formulário de contacto no menu suspenso «Formulário ». Aqui são apresentados todos os formulários que criou no WPForms.
Também pode ativar ou desativar o título e a descrição do formulário, embora a maioria das pessoas os desative para que a página tenha um aspeto mais simples.
O formulário é apresentado na página imediatamente, pelo que pode ver exatamente como se adapta ao seu layout antes de publicar. Se tudo parecer correto, clique na marca de verificação 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 três pontos na parte inferior do construtor de páginas para aceder a algumas definições adicionais do Divi.
Em seguida, clique no botão «Publicar» para ver o formulário em funcionamento. O seu formulário de contacto Divi já está ativo. Os envios serão recebidos tanto no seu e-mail de notificação como no painel de controlo «WPForms » Entradas.
É aqui que pode visualizar, pesquisar, marcar com estrela, exportar e gerir todas as submissões a partir do WordPress. Só isso já constitui uma grande melhoria em relação ao formulário integrado do Divi, que envia as entradas por e-mail e depois estas desaparecem.
Mais do que um formulário de contacto
O módulo WPForms para o Divi funciona com qualquer tipo de formulário que criar, não apenas com formulários de contacto. Depois de instalar o plugin e de o módulo ficar disponível no Divi, eis alguns dos tipos de formulário mais populares que os utilizadores do Divi costumam configurar.
Formulários de pagamento e de encomenda
Pode aceitar pagamentos através do Stripe, do PayPal Commerce ou do Square diretamente a partir de qualquer formulário. Já vi freelancers a utilizarem esta funcionalidade para cobrar adiantamentos de projetos e pequenas empresas a utilizá-la em formulários de encomenda simples, com seletores de quantidade e códigos promocionais. Se gere um site Divi para uma empresa de serviços, esta é uma das melhorias mais práticas que pode implementar.
Formulários de carregamento de ficheiros
O WPForms inclui um campo de formulário de envio de ficheiros do tipo «arrastar e largar» que suporta vários tipos de ficheiros, captura em tempo real pela câmara, limites de tamanho configuráveis e sincronização automática com o armazenamento na nuvem, como o Google Drive ou o Dropbox.
O formulário integrado do Divi não permite, de todo, o envio de ficheiros, o que é uma das razões mais comuns pelas quais os utilizadores do Divi acabam por procurar um plugin de formulários separado.
Formulários de captura de leads em várias etapas
Os formulários longos com uma dúzia de campos numa única página tendem a ser abandonados. Com formulários em várias etapas, pode dividir esses campos por várias páginas, incluindo uma barra de progresso, para que os visitantes vejam uma secção mais fácil de gerir de cada vez.
Elaborei 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áginas condicional, caso queira aprofundar-se na configuração.
Formulários de inquérito e de feedback
O WPForms Pro inclui pontuação NPS, campos com escala de Likert e relatórios de inquéritos interativos que lhe oferecem uma análise visual de cada resposta.
Se estiver a recolher comentários dos clientes, a realizar inquéritos de satisfação ou a fazer estudos de mercado num site criado com o Divi, isto elimina completamente a necessidade de recorrer a uma ferramenta de inquéritos separada.
Perguntas frequentes sobre os formulários de contacto do Divi
O WPForms e o Divi são uma combinação muito utilizada para criar formulários no WordPress. Aqui estão as respostas às perguntas mais frequentes sobre a sua utilização em conjunto.
O WPForms é compatível com o Divi 5?
Sim. O WPForms possui um módulo nativo para o Divi que funciona tanto com o Divi 4 como com o Divi 5. Basta procurar pelo WPForms na biblioteca de módulos do Divi, selecionar o seu formulário a partir de um menu suspenso e este será incorporado diretamente no construtor visual. Não é necessário nada adicional para garantir a compatibilidade com o Divi 5.
O WPForms é gratuito para o Divi?
O WPForms Lite é totalmente gratuito e inclui o construtor de arrastar e largar, o gerador de formulários com IA, o AI Choices, pagamentos básicos via Stripe e integração total com o módulo Divi.
Pode criar e integrar um formulário de contacto funcional sem qualquer custo. Para funcionalidades avançadas, como envio de ficheiros, lógica condicional, gestão de entradas e formulários com várias páginas, os planos pagos começam nos 49,50 $/ano.
Por que é que o meu formulário de contacto do Divi não está a enviar e-mails?
Por predefinição, o WordPress utiliza a função de correio eletrónico integrada do PHP, e muitos fornecedores de alojamento bloqueiam-na, limitam-na ou encaminham-na através de servidores que acabam por ativar os filtros de spam no lado do destinatário.
A instalação de um plugin SMTP, como o WP Mail SMTP, resolve este problema ao enviar os e-mails dos seus formulários 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.
A seguir, leve os seus formulários Divi ainda mais longe
Agora que o seu formulário de contacto Divi já está ativo, talvez queira ajustar a sua aparência no seu site. Consulte o nosso guia sobre como personalizar formulários de contacto no WordPress para obter dicas sobre como harmonizar o design do seu formulário com as cores, os tipos de letra e o espaçamento do seu tema Divi.
Se preferir que o seu formulário de contacto apareça como uma sobreposição em vez de numa página dedicada, eis como criar um pop-up de formulário de contacto no WordPress. Isto mantém as suas páginas organizadas, 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 de um link.
Crie já o seu formulário de contacto Divi
Pronto para criar o seu formulário? Comece hoje mesmo com o plugin de criação de formulários mais fácil do WordPress. O WPForms Pro inclui muitos modelos gratuitos e oferece uma garantia de reembolso de 14 dias.
Se este artigo o ajudou, siga-nos no Facebook e no Twitter para mais tutoriais e guias gratuitos do WordPress.
A minha primeira 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. Vou tentar novamente amanhã, mas até agora não corresponde às minhas expectativas de controlo do design.
Olá, Ed! Peço desculpa por qualquer mal-entendido aqui. O Módulo Divi destina-se a garantir que os formulários WPForms possam ser incorporados em sites construídos com Divi sem problemas. Ele não tem a capacidade de conceder os recursos de estilo do Divi a serem aplicados 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 dúvida sobre este assunto, contacte-nos se tiver uma subscrição ativa. Se não tiver, não hesite em colocar-nos algumas questões nos nossos fóruns de apoio.
Olá, sou administrador de um sítio Web de uma instituição de solidariedade social e não o anfitrião, mas estou a ter problemas em receber diariamente, de forma repetida, mensagens de correio eletrónico vazias do tipo "Contacte-nos". Sei que o tema do WordPress é 'active DIVI' e o e-mail vazio recebido é apresentado como:Email enquiry from the Canal Trust Website:
Nome: %%Nome%%
Email: %%Email%%
Mensagem: %%Mensagem%%
Esta é a configuração do formulário.
O nosso sítio Web está a ser atacado por BOTS ou há alguma coisa que eu possa fazer para impedir estes e-mails incómodos?
A vossa ajuda e conselhos são muito apreciados.
Julie K
https://.nwdct.org/contact-us/
Olá Julie - Lamentamos o incómodo. Para garantir que respondemos à sua pergunta da forma mais completa possível e evitar qualquer confusão, pode contactar a nossa equipa?
Se você tem uma licença WPForms, você tem acesso ao nosso suporte por e-mail, então por favor envie um ticket de suporte. Caso contrário, oferecemos suporte gratuito limitado no fórum de suporte do WPForms Lite WordPress.org.
Obrigado.
Porque é que na minha Divi não aparece o wpForms? tenho-o instalado e não aparece.
debo pagar para adquirirlo ?
Olá Wac, - Lamentamos o incómodo. Para garantir que respondemos à sua pergunta da forma mais completa possível e evitar qualquer confusão, pode contactar a nossa equipa?
Se você tem uma licença WPForms, você tem acesso ao nosso suporte por e-mail, então por favor envie um ticket de suporte. Caso contrário, oferecemos suporte gratuito limitado no fórum de suporte do WPForms Lite WordPress.org.
Obrigado.
Olá, existe alguma forma de utilizar o WP Forms configurado num modelo de produto em temas em que as pessoas possam pedir mais informações sobre um produto e, em seguida, ser notificado sobre o produto em que estão a clicar? De momento, apenas envia a mesma mensagem a partir de qualquer produto?
Muito obrigado
Olá Vernon,
Não temos a funcionalidade exacta que procura. Mas, com base nas selecções do formulário, é possível definir as notificações condicionalmente. Temos um ótimo tutorial sobre como configurar isso aqui.
Espero que isto ajude!