Embed Gravity Form In Divi
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
Section titled “Pre-Requisites”- A WordPress Website
- Divi Theme
- Gravity Forms Plugin
- Divi Gravity Forms Plugin
Embed Gravity Form In Divi Visual Builder
Section titled “Embed Gravity Form In Divi Visual Builder”
-
Open/Edit a page in Divi’s Visual Builder.
-
Create a divi section and add a divi module.
-
A list of available divi modules will show up.
-
Search and select Gravity Form divi module. The divi module is now added to your page.
-
Within the divi module, select the gravity form and setup the shortcode options.
FREE DOWNLOAD
Start your FREE trial. No credit card required.
Gravity Forms 2.5 Theme
Section titled “Gravity Forms 2.5 Theme”-
Gravity Forms introduced “Orbital,” a new native design framework built primarily for the standard WordPress editor.
-
Because the Orbital framework is structurally different, we strongly recommend isolating your forms from it by using the “Gravity Forms 2.5 Theme” instead. The 2.5 Theme provides a minimal, clean layout that ensures seamless compatibility and easy visual customization within our Divi builder plugin.
-
To easily switch your setup to the “Gravity Forms 2.5 Theme,” please follow the quick video guide above.
FREE DOWNLOAD
Start your FREE trial. No credit card required.