### [Adicionar o WPForms a uma página Divi](https://wpforms.com/docs/how-to-add-wpforms-to-a-divi-page/)

**Publicado:** 26 de novembro de 2023
**Autor:** David Ozokoye

**Resumo:** Aprenda a adicionar o WPForms a uma página com o construtor de páginas Divi.

**Conteúdo:**

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

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

![Integração do WPForms com o Divi](https://wpforms.com/wp-content/uploads/2023/06/wpforms-divi-integration.gif "Integração do WPForms com o Divi")

---

Antes de começar, terá primeiro de se certificar de que o WPForms está [instalado e ativado](https://wpforms.com/docs/install-wpforms-plugin/) no seu site WordPress e que [verificou a sua licença](https://wpforms.com/docs/verify-wpforms-license/). Depois, pode [criar um novo formulário](https://wpforms.com/docs/creating-first-form/) ou editar um já existente para aceder ao construtor de formulários.

### Abrir o Divi Builder

Depois de criar o seu formulário, abra a página onde pretende incorporá-lo. Se for uma página nova, verá a opção **Usar Divi Builder**. Clique nessa opção para ser redirecionado para o construtor do Divi.

![Usar o Divi Builder](https://wpforms.com/wp-content/uploads/2020/10/Use-Divi-Builder-1.png)

Depois de abrir o construtor, ser-lhe-á pedido que escolha entre criar uma página do zero, escolher um layout pré-definido ou clonar uma página existente. Para o nosso exemplo, vamos criar a nossa página do zero clicando no botão **Começar a criar**.

![Começar a criar no Divi](https://wpforms.com/wp-content/uploads/2021/12/start-building-divi.png)

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

### Adicionar o Módulo WPForms

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

![Inserir Divi de Linha Única](https://wpforms.com/wp-content/uploads/2020/10/Insert-Single-Row-Divi.png)

Assim que a linha for criada, ser-lhe-á solicitado que insira um módulo. Procure por **WPForms** na caixa de pesquisa e selecione o módulo que aparecer.

![Adicionar bloco WPForms a uma página Divi](https://wpforms.com/wp-content/uploads/2020/10/Select-WPForms-Module.png "Adicionar bloco WPForms a uma página Divi")

Depois de adicionar o módulo, as definições do módulo serão abertas. Aqui pode adicionar um formulário à página através do menu suspenso **Selecionar formulário**. Além disso, também pode mostrar o título e a descrição do formulário ativando essas opções nas definições do módulo.

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

![Definições do WPForms no Divi](https://wpforms.com/wp-content/uploads/2021/12/wpforms-settings-divi.png)

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

![Guardar formulário no Divi](https://wpforms.com/wp-content/uploads/2020/10/Save-form-in-Divi.png)

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

**Nota:** Se desejar mais detalhes sobre como personalizar o seu formulário usando o Divi, certifique-se de consultar o guia sobre [design e configurações avançadas do módulo](https://www.elegantthemes.com/documentation/divi/advanced-design-settings/) para obter mais informações.

### Publicar o seu formulário

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

![Clique no ícone dos 3 pontos para abrir opções adicionais](https://wpforms.com/wp-content/uploads/2020/10/Save-Options-in-Divi.png "Clique nos ícones dos 3 pontos para abrir opções adicionais")

Em seguida, pode optar por guardar um rascunho do seu trabalho ou publicá-lo na parte frontal do seu site. Vá em frente e escolha a opção que fizer mais sentido para si.

![Guarde e publique as suas alterações](https://wpforms.com/wp-content/uploads/2020/10/Save-or-Publish-Divi-Form.png "Guarde e publique as suas alterações")

É isso! Agora já sabe como incorporar o WPForms com o Divi Builder.

A seguir, recomendamos que teste o seu formulário para se certificar de que tem o aspeto e funciona exatamente como deseja. Para o ajudar neste processo, não deixe de consultar a nossa [lista de verificação para testes de formulários](https://wpforms.com/docs/how-to-properly-test-your-wordpress-forms-before-launching-checklist/).

**Categorias:** Extensão, Extensão de funcionalidades

---