Embed Gravity Form In Divi Theme

Learn how-to embed gravityform on a Divi theme visual builder page.

Using a custom divi module, we can style gravityform elements from within the divi builder.

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

FREE DOWNLOAD

Start your FREE trial. No credit cards required.

Step 1 - 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

FREE DOWNLOAD

Start your FREE trial. No credit cards required.

Step 2 - 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.

FREE DOWNLOAD

Start your FREE trial. No credit cards required.

Step 3 - 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.

FREE DOWNLOAD

Start your FREE trial. No credit cards required.

Step 4 - Set default theme to "Gravity Forms 2.5 Theme"

1. Gravity Forms has introduced a new default theme, "Orbital," designed for WordPress block builders.
2. However, for optimal compatibility with our Divi Themes-based Gravity Forms plugin, we strongly recommend using the "Gravity Forms 2.5 Theme."
3. To switch to the "Gravity Forms 2.5 Theme," please follow the video above

FREE DOWNLOAD

Start your FREE trial. No credit cards required.