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

Get a jump start on creating forms using divi layout templates

Use one of the divi templates, we’ve provided

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

Divi Form Builder With Material Design plugin helps create form using divi builder.

It offers

  • “Material Design” styling.
  • Build responsive forms on divi visual builder.
  • Custom form field modules like text, file upload, email, checkbox etc.
  • Send notification on form submission.
  • Spam protection using reCAPTCHA.
  • Form submission saved to database.

Pre-requisites

  1. A WordPress website
  2. Divi Theme by Elegant Themes
  3. Divi Form Builder With Material Design plugin

Tools

  1. Computer

Total Duration : 4 minutes

FREE DOWNLOAD

Start your FREE trial. No credit cards required.

Step 1 - Importing Divi Template To WordPress Website

  1. A divi template is a pre-defined layout saved to a file. To import

    • Ensure the layout file is available on your computer.
    • Go to WordPress Admin / Divi / Divi Library page
    • Click on Import & Export button at the top.
    • In the Portability modal, click on the Import tab.
    • Click on CHOOSE FILE button & select the layout file.
    • Click on Import Divi Builder Layouts button
FREE DOWNLOAD

Start your FREE trial. No credit cards required.

Step 2 - Add Section Layout From "Divi Library"

  1. Add the imported divi template to page using divi visual builder

    • Edit the page where you want to add this layout.
      • Click on the Add New Section, a blue circle plus-icon
      • Click on the Add From Library tab in the modal
      • Select the template to import. For example, Divi Form Template - Contact Us
      • Click on the Use This Section button at the bottom.
      • Save the divi page to apply the changes.
FREE DOWNLOAD

Start your FREE trial. No credit cards required.

Step 3 - "Contact Us Form" Divi Template (Vertical Layout)

  1. A vertical layout "Contact Us" form

    • Download the divi template layout from Contact Us Form - Vertical Layout
    • Import the template into your WordPress website
      • Follow the process in the Importing Divi Template To WordPress Website section
      • On WordPress Admin / Divi / Divi Library page, a new section layout Divi Forms Template - Contact Us appears
    • To add this section layout
      • Follow the process in the Importing Divi Template To WordPress Website section
      • Use the Divi Forms Template - Contact Us divi library template
FREE DOWNLOAD

Start your FREE trial. No credit cards required.

Step 4 - "Subscription Form" Divi Template (Horizontal Layout)

  1. A horizontal layout "Subscription" form

    • Download the divi template layout from Subscription Form - Horizontal Layout
    • Import the template into your WordPress website
      • Follow the process in the Importing Divi Template To WordPress Website section
      • On WordPress Admin / Divi / Divi Library page, a new section layout Divi Forms Template - Subscription Form appears
    • To add this section layout
      • Follow the process in the Importing Divi Template To WordPress Website section
      • Use the Divi Forms Template - Subscription Form divi library template
FREE DOWNLOAD

Start your FREE trial. No credit cards required.