A versatile divi module to integrate gravity forms with divi theme builder. Create custom-designed forms for your website using wide-range of style cu …
Embed gravity forms in Divi visual builder. Add styles for gravity forms border, background, title, description, inputs, labels, placeholder, errors, submit button & more. Premium version has 7-day FREE trial. No upfront payments needed.
It has dependencies on the following,
With the FREE plugin you can,
* Add a gravityform on a divi page using the visual builder.
* Configure the gravityform shortcode params
on
on
off
Premium plugin is available at https://wptools.app/wordpress-plugin/gravity-forms-divi-module/
We offer a 7-day FREE trial on the premium plugin.
Set color, gradient, image or video backgrounds. Add border, margin & padding to form wrapper.
Style the title typography and spacing using the divi module
To render gravityform description, toggle the Show Description to on
in Gravityform Shortcode Parameters.
Style the description typography and spacing using the divi module
Section break field adds a content separator to your gravity form – https://docs.gravityforms.com/section-break/
Style the content’s title, description, spacing and border color using the divi module.
Input Wrapper
wraps an input field. Manage input wrappers margin and padding.Input General
section. Checkbox/Radio
section.Style gravityform’s label, sub-label and description for the inputs.
Set typography and spacing for them.
A field wrapper
wraps the input field, label, sub-label and description.
Manage the field wrappers padding and margin in divi.
Form submission displays a message. Style typography & background of the confirmation message.
Set button alignment, typography, border, rounded corner and background color with hover styles.
A gravityform consent field is a checkbox accompanied by description.
It’s a compulsory field.
Style the checkbox’s and description’s typography, margin & padding
Footer wraps the form buttons. Manage margin and padding for this element.
A multi-step gravityform has a progressbar at the top.
Style the progressbar title’s typography, progressbar’s background and font color.
A fine-grained control over writing custom css for large number of form elements
How to install the WP Tools Gravity Forms Divi Module
plugin and get it working.
plugin-name.php
to the /wp-content/plugins/
directoryPlugin depends on
* Divi Theme
* Gravity Form
wpt_divi_gravity_form_id
that helps to programmatically change the gravity form ID for the divi module https://gist.github.com/wpt00ls/b969f097a9e5a40d4fc83f35a47b624c.field_values
gravityform shortcode param.