Integrating Plugins with Divi

The tutorials below will show you how to use plugin functionality with the Divi Builder.

• Inserting and Styling Ninja Forms with Divi
• Inserting Gravity Forms into Divi
• Inserting Views & Cred Forms from Toolset into Divi

Inserting and Styling Ninja Forms with Divi

With Divi, inserting Ninja forms into Divi pages is just as easy as inserting a shortcode into the Divi “Text” module. For styling, Ninja Forms offers an amazing extension called “Styles and Layouts”. Watch the video below to see how to style and insert forms with Divi.

Inserting and Styling Gravity Forms with Divi

With Divi, inserting Gravity forms into Divi pages is just as easy as inserting a shortcode into the Divi “Text” module. For styling, we have two different options. A set it and forget it option, with Surbma Divi and Gravity Forms, and a more complex styling plugin, styles and layouts for gravity forms. Links to both plugins can be found below the video.

gravityform id=1 title=false description=false ajax=true

You can find more information at the documentation link below. Make sure to put the shortcodes in brackets [shortcode].

Inserting Views & Cred Forms from Toolset into Divi

There are two ways to insert views and CRED forms using Divi. Toolset has directly integrated with Divi’s Default builder, this is the standard builder you’ll see when first creating a page, as opposed to the visual builder where you’re working with a live version of the site. These two builders can be used interchangeably at any time. Inserting a text module into a column using the Divi default builder, you’ll see tabs to insert views and/or CRED forms or other toolset assets. In the picture below you’ll see the tab shown for Fields & Views. The CRED tab is shown when CRED is installed and setup.

For views, insert a text module where you’d like to place your view or, on the text module pop-up, you’ll see the Fields and Views button which you can use to insert a view.

[cred_form form='XXXXX' form_name='YYYY']

Replace XXXXX with your Cred form ID which you can find on the main cred page which lists your forms under the ID column. Replace YYYY with the name of the form.