These tutorials will walk you through the different options for front-end design and page builders, as well as show you how to build and manage your pages.
This series will walk you through using the Divi Page Builder and Theme to design beautiful front-end pages.
Your initial steps with Divi and how to get started designing your pages.
A video series on the Divi page builder, how to use it and the available modules.
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.
Get help and support by joining us on Slack!
LattePress offers free WordPress support via our Slack channel. Join us today and chat with the community or ask questions to our WordPress experts both publicly or privately via direct message.
Our team will do our best to help support you, answer questions, offer guidance or suggestions based on your needs. We're looking forward to chatting with you!
Need help? Get a free consultation.
If you have any questions at all and aren't sure which direction to take, click the button below to schedule a free consultation. Learn if what you need can be done on your own with our tutorials or if it will require custom development.