### [Como 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 do WordPress ao seu site usando o Divi? Você pode usar facilmente o módulo WPForms no Divi para adicionar formulários a uma página e deixá-los com a aparência que deseja.

Este tutorial mostrará 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, você precisa primeiro se certificar de que o WPForms está [instalado e ativado](https://wpforms.com/docs/install-wpforms-plugin/) no seu site WordPress e que você [verificou sua licença](https://wpforms.com/docs/verify-wpforms-license/). Em seguida, você pode [criar um novo formulário](https://wpforms.com/docs/creating-first-form/) ou editar um já existente para acessar o construtor de formulários.

### Abrindo o Divi Builder

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

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

Ao abrir o construtor, você será solicitado a escolher entre criar uma página do zero, selecionar um layout pré-definido ou clonar uma página existente. Para o nosso exemplo, vamos criar nossa página do zero clicando no botão **Começar a construir**.

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

Isso abrirá uma página em branco para você começar a construir.

### Adicionando o módulo WPForms

Por padrão, deve aparecer um pop-up perguntando qual tipo de layout de linha você gostaria de adicionar à página. Para o nosso exemplo, escolheremos a primeira opção, que permitirá que 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, você será solicitado a inserir um módulo. Pesquise 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 que o módulo for adicionado, as configurações do módulo serão abertas. Aqui você pode adicionar um formulário à página usando o menu suspenso **Selecionar formulário**. Além disso, você também pode exibir o título e a descrição do formulário ativando essas opções nas configurações do módulo.

Quando estiver pronto, vá em frente e selecione seu formulário no menu suspenso.

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

Isso incorporará automaticamente seu formulário à página, e você pode salvar seu progresso clicando no botão verde com a marca de seleção.

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

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

**Observação:** Se quiser mais detalhes sobre como estilizar seu formulário usando o Divi, não deixe de conferir o guia sobre [configurações de design e avançadas do módulo](https://www.elegantthemes.com/documentation/divi/advanced-design-settings/) para obter mais informações.

### Publicando seu formulário

Depois de incorporar seu formulário e deixá-lo pronto para uso, você precisará salvar ou publicar sua página. Para fazer isso, clique nos três pontos na parte inferior do construtor de páginas para abrir configurações adicionais.

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

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

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

É isso! Agora você sabe como incorporar o WPForms ao Divi Builder.

Em seguida, recomendamos testar seu formulário para garantir que ele tenha a aparência e funcione exatamente como você deseja. Para ajudá-lo nesse processo, não deixe de conferir 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

---