One important feature of any website is a contact form. If perspective clients or customers can’t get in contact with you your business won’t go far.

With that in mind, in this article and the next, we’re going to show you how you can create a new contact form and how to edit existing forms.

Step 1: Creating A New Form

Login into Your dashboard, in the left hand menu find ‘Forms & Leads’. HOVER over that and click ‘Add Form’.

adding a form

Step 2: Add a Title

You’re going to be prompted to add a title and description. The title can be whatever you like, however it’s best to add a title that is relevant to the forms use. (i.e. Contact Us, Sign up, Maintenance Request etc).

NOTE: The description is optional.

adding a title

Step 3: Adding Form Fields

Once you’ve clicked ‘Create Form’, you’ll be redirected to a new page. On this page it actually gives you the steps on how to add and edit form fields. READ THESE STEPS CAREFULLY.

adding form fields

Form Field Types

As you can see on the right side of the page there are dropdowns containing different field options. The form fields you will use most often are contained within the ‘Standard Fields’ and ‘Advanced Fields’ dropdowns.

standard field options

advanced field options

Previewing Your Form

So once you have your form layed out and formatted to your liking, you can preview it before you place it on your page. To do this make sure to click ‘Update’. Then at the top of the page click ‘Preview’.

Step 4: Add The Form To Your Website

There’s a new tool that has been added that allows you to easily add your new form to your website.

Hover over your site name click on Visit Site in the top menu. This will take you to the front-end of your website, once there go to the page you wish to add the form to and enable the Visual Builder.

Click to add a new Module and select Gravity Divi. You can find this by either scrolling down or typing the name in the search box.

Under Form Settings, click on the drop down and choose the form you wish to use. There aren’t any important settings you’ll need to change but feel free to explore the other settings. There is also some design options that allow you to change the appearance of the form.

Now all you have to do is simply exit the Visual Builder and click Save & Exit on the pop-up and you’re done.


Note: In Part 2 we’ll show you how you can edit existing forms.