Divi Forms Templates For "Divi Forms With Material Design" Plugin

Get a jump start on creating forms using pre-built Divi layout templates.

Use one of the ready-made Divi templates we’ve provided:

• Contact Us Form – Vertical Layout
• Subscription Form – Horizontal Layout

The Divi Form Builder With Material Design plugin helps you effortlessly build forms using Divi’s intuitive visual interface.

It offers:

• Modern, high-converting “Material Design” styling out-of-the-box.
• Mobile-ready forms that integrate seamlessly with Divi.
• A comprehensive suite of form fields, including text, file uploads, emails, and checkboxes.
• Automated email notifications to keep your team updated on new leads.
• Reliable spam protection powered by Google reCAPTCHA.
• Secure lead capture that saves submissions directly to your WordPress dashboard.

Pre-Requisites

• A WordPress Website
• Divi Theme
• Divi Form Builder With Material Design Plugin

Importing Divi Template To WordPress Website

1. A Divi template is a pre-built design that you can easily upload to your site. To import:

   • Ensure the layout file is saved on your computer.
     • These files use a standard .json format.
     • You can download the Contact Us Form - Vertical Layout if you don’t have one ready.
   • Go to the WordPress Admin > Divi > Divi Library page.
   • Click on the Import & Export button at the top of the screen.
   • In the Portability window, click on the Import tab.
   • Click on the CHOOSE FILE button and select your downloaded layout file.
   • Click on the Import Divi Builder Layouts button to finalize.

FREE DOWNLOAD

Start your FREE trial. No credit card required.

Start Risk-Free Trial

Add Section Layout From “Divi Library”

1. Add your newly imported Divi template to any page using the visual builder:

   • Edit the page where you want to place this form layout.
     • Click on Add New Section (the blue circle plus-icon).
     • Click on the Add From Library tab in the popup window.
     • Select the template you just imported (for example, Divi Form Template - Contact Us).
     • Click on the Use This Section button at the bottom.
     • Save the Divi page to apply your new layout.

FREE DOWNLOAD

Start your FREE trial. No credit card required.

Start Risk-Free Trial

“Contact Us Form” Divi Template (Vertical Layout)

1. To set up a standard vertical “Contact Us” form:

   • Download the pre-built layout file from Contact Us Form - Vertical Layout.
   • Import the template into your WordPress website:
     • Follow the exact steps outlined in the Importing Divi Template To WordPress Website section above.
     • Once complete, a new layout named Divi Forms Template - Contact Us will appear in your WordPress Admin > Divi > Divi Library.
   • To add this form to a page:
     • Follow the steps in the Add Section Layout From “Divi Library” section.
     • Select the Divi Forms Template - Contact Us option from your library.

FREE DOWNLOAD

Start your FREE trial. No credit card required.

Start Risk-Free Trial

“Subscription Form” Divi Template (Horizontal Layout)

1. To set up a streamlined horizontal “Subscription” form:

   • Download the pre-built layout file from Subscription Form - Horizontal Layout.
   • Import the template into your WordPress website:
     • Follow the exact steps outlined in the Importing Divi Template To WordPress Website section above.
     • Once complete, a new layout named Divi Forms Template - Subscription Form will appear in your WordPress Admin > Divi > Divi Library.
   • To add this form to a page:
     • Follow the steps in the Add Section Layout From “Divi Library” section.
     • Select the Divi Forms Template - Subscription Form option from your library.

FREE DOWNLOAD

Start your FREE trial. No credit card required.

Start Risk-Free Trial