Adicionar WPForms a uma Página Divi

Gostaria de adicionar um formulário WordPress ao seu site usando o Divi? Pode facilmente usar o módulo WPForms no Divi para adicionar formulários a uma página e fazê-los parecer como deseja.

Este tutorial mostrar-lhe-á como adicionar o WPForms a uma página com o construtor de páginas Divi.

Integração WPForms Divi


Antes de começar, você precisará garantir que o WPForms esteja instalado e ativado no seu site WordPress e que você tenha verificado sua licença. Em seguida, você pode criar um novo formulário ou editar um existente para aceder ao construtor de formulários.

Abrir o Construtor Divi

Depois de ter criado o seu formulário, abra a página onde gostaria de incorporar o seu formulário. Se for uma nova página, verá uma opção Usar Construtor Divi. Clique nessa opção para ser redirecionado para o construtor do Divi.

Usar Construtor Divi

Ao abrir o construtor, ser-lhe-á pedido para escolher entre construir uma página do zero, escolher a partir de um layout pré-feito ou clonar uma página existente. Para o nosso exemplo, construiremos a nossa página do zero clicando no botão Começar a Construir.

Começar a construir Divi

Isto abrirá uma página em branco para começar a construir.

Adicionar o Módulo WPForms

Por defeito, deverá aparecer uma janela pop-up a perguntar que tipo de layout de linha gostaria de adicionar à página. Para o nosso exemplo, escolheremos a primeira opção, que permitirá que o nosso módulo seja o único objeto na linha.

Inserir Linha Única Divi

Assim que a linha for criada, ser-lhe-á pedido para inserir um módulo. Procure por WPForms na caixa de pesquisa e selecione o módulo que aparece.

Adicionar bloco WPForms a uma página Divi

Assim que o módulo for adicionado, isto abrirá as definições do módulo. Aqui pode adicionar um formulário à página com o menu suspenso Selecionar Formulário. Adicionalmente, pode também mostrar o título e a descrição do formulário alternando essas opções dentro das definições do módulo.

Quando estiver pronto, selecione o seu formulário no menu suspenso.

Definições WPForms Divi

Isto incorporará automaticamente o seu formulário na página, e pode guardar o seu progresso clicando no botão de marca de verificação verde.

Guardar Formulário no Divi

Se desejar, também pode editar a aparência do formulário usando os separadores Design ou Avançado do módulo.

Nota: Se desejar mais detalhes sobre como estilizar o seu formulário usando o Divi, certifique-se de consultar o guia deles sobre definições de design e módulos avançados para mais informações.

Publicar o Seu Formulário

Depois de ter o seu formulário incorporado e pronto, terá de se certificar de que guarda ou publica a sua página. Para fazer isto, clique nos três pontos na parte inferior do construtor de páginas para abrir definições adicionais.

Clique no ícone de 3 pontos para abrir opções adicionais

Em seguida, pode escolher guardar um rascunho do seu trabalho ou publicá-lo no front-end do seu site. Escolha a opção que faz mais sentido para si.

Guardar e publicar as suas alterações

É tudo! Agora sabe como incorporar o WPForms com o Construtor Divi.

Em seguida, recomendamos testar o seu formulário para garantir que parece e funciona exatamente como gostaria. Para o ajudar a guiar através deste processo, por favor, certifique-se de consultar a nossa lista de verificação de testes de formulários.

O Melhor Plugin Construtor de Formulários Drag and Drop para WordPress

Fácil, Rápido e Seguro. Junte-se a mais de 6 milhões de proprietários de sites que confiam no WPForms.