Embed Gravity Form In Divi Theme

Pre-requisites

  1. A WordPress website.
  2. Divi Theme by Elegant Themes.
  3. Gravity Forms plugin.
  4. WP Tools Gravity Forms Divi Module plugin.

Tools

  1. Computer
  2. Internet Connection

Total Duration : 5 minutes

Step 1 - Install, Activate & Setup Pre-requisites

Install, Activate & Setup Pre-requisites
  1. Install & activate Divi Theme.
  2. Install & activate Gravity Forms plugin.
  3. Create a gravity form. If you need a sample gravityform, download from https://www.dropbox.com/s/i3zgbokgxd7hrcw/form-join-our-team.json?dl=0

Step 2 - Install WP Tools Gravity Forms Divi Module plugin

Install WP Tools Gravity Forms Divi Module plugin
  1. Login into your WordPress Admin.
  2. Goto Add Plugin via Plugins > Add Plugin
  3. Search for WP Tools Gravity Forms Divi Module in the search box. Install the plugin by WP Tools author.

Step 3 - Embedding Gravity Form In Visual Builder.

Embedding Gravity Form In Visual Builder.
  1. Open/Edit a page in Divi's Visual Builder.
  2. Create a divi section and add a divi module.
  3. A list of available divi modules will show up.
  4. Search and select Gravity Form divi module. The divi module is now added to your page.
  5. Within the divi module, select the gravity form and setup the shortcode options.