WP Tools Gravity Forms Divi Module

Descripción

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

Gravityform Shortcode Parameters

  • Show Title – Toggle to display the form title. Defaults is on
  • Show Description – Toggle to display the form description. Defaults is on
  • Ajax – Toggle to use AJAX to submit the form. Defaults is off
  • Tab Index – Specify the starting tab index for the fields of this form
  • Field Values – Specify the default field values.
    • Example: field_values=’check=First Choice,Second Choice’. See also https://docs.gravityforms.com/using-dynamic-population/ for detailed information on dynamic population.

Premium Plugin

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.

Style Form Background, Spacing & Border

Set color, gradient, image or video backgrounds. Add border, margin & padding to form wrapper.

Style Gravity Form Title

Style the title typography and spacing using the divi module

Style Gravity Form Description

To render gravityform description, toggle the Show Description to on in Gravityform Shortcode Parameters.

Style the description typography and spacing using the divi module

Style Gravity Form Section Break Field

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.

Style Input Fields, Input Wrapper & Input Placeholder

  • Input fields are text, textarea, checkbox and radio fields.
  • Input Wrapper wraps an input field. Manage input wrappers margin and padding.
  • Add background, border and rounded corners for text, textarea and dropdown fields.
  • Manage typography for input fields in the Input General section.
    • Manage checkbox and radio typography settings in Checkbox/Radio section.
  • Manage margin and padding for text fields.
  • Manage typography for input placeholder text.

Style Label, Sub-Label & Input Field Description

Style gravityform’s label, sub-label and description for the inputs.

Set typography and spacing for them.

Style Field Wrapper

A field wrapper wraps the input field, label, sub-label and description.

Manage the field wrappers padding and margin in divi.

Style Form & Field Validation Errors

  • Form Validation Error is a general validation error text for the whole form.
    • Manage typography, border color, margin and padding.
  • Field Validation Error shows the validation per field.
    • Manage typography, border color, background color, margin & padding.

Style Forms Submission Confirmation Message

Form submission displays a message. Style typography & background of the confirmation message.

Style Gravityform Button

Set button alignment, typography, border, rounded corner and background color with hover styles.

Style Consent Field & Description

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

Style Gravityform Footer

Footer wraps the form buttons. Manage margin and padding for this element.

Style Progress Bar

A multi-step gravityform has a progressbar at the top.
Style the progressbar title’s typography, progressbar’s background and font color.

Custom CSS Setting

A fine-grained control over writing custom css for large number of form elements

Capturas

  • Selecting gravityform and setting shortcode params in the divi module.
  • Premium module features.

Instalación

How to install the WP Tools Gravity Forms Divi Module plugin and get it working.

  1. Upload plugin-name.php to the /wp-content/plugins/ directory
  2. Activate the plugin through the ‘Plugins’ menu in WordPress

FAQ

What are the dependencies for this plugin?

Plugin depends on
* Divi Theme
* Gravity Form

Reseñas

Leer todas las 3 reseñas

Colaboradores y desarrolladores

«WP Tools Gravity Forms Divi Module» es un software de código abierto. Las siguientes personas han colaborado con este plugin.

Colaboradores

Registro de cambios

6.0.1

  • Fixed custom height style for text and select inputs.

6.0.0

  • Added support for gravity forms 2.5 (beta). This version onwards, gravity forms has revamped its internal structure that affects the styling of this plugin.

5.2.2

  • Upgraded freemius sdk to 2.4.0.1.

5.2.1

  • Added missing support for field_values gravityform shortcode param.

5.2.0

  • Tested with WordPress 5.4.2
  • Added compatibility for Divi 4.5.1+

5.1.0

  • Freemius SDK upgraded to 2.3.2
  • Fixed divi module advanced field settings for FREE version of the plugin.
  • Tested with WordPress 5.4

5.0.1

  • Moved freemius menu pages under Divi in admin.
  • Added plugin documentation in admin menu landing page.

5.0.0

  • Free version for wordpress.org