In this article, you will learn about:

Add a Contact Form

There are several ways to add contact forms to your website. You can insert:

A contact form element
A contact form section

To add a contact form element, expand the Add Elements panel on the left. Find the Contact form element and drag and drop it anywhere on your page:

To add a contact form section, click Add section – you'll see this button on the horizontal border of any section:

From the menu on the left, choose Contact form. Select the preferred section template on the right and click on it:

Edit the Contact Form

Click on the contact form element to see more options (edit, duplicate, delete):

Click Edit form to open its settings; there are four tabs of them:

General	Rename the form – if you have multiple forms on your website, their submissions are listed separately for each form Specify an email address for receiving notifications about newly submitted forms View form submissions
Fields	Add, edit, or remove contact form fields Supported field types: short answer paragraph single choice multiple choice Specify required fields
Button	Rename the “Submit” button Change the button position Specify what happens once the form is submitted: show a thank-you message or redirect the user to a particular page within your website
Style	Customize the style of the following: Submit button Form fields Background

View Contact Form Submissions

Within the website editor, you can view all the forms that people have been submitting through your contact form.

Expand the Website settings panel on the left and go to Form submissions:

Next to the preferred form, click View list:

Here, you'll find all submissions of a particular form. You can easily export selected forms to a .CSV file and delete the unnecessary ones:

Embedding a third-party contact form

If you've tried our contact form element, but need more features for it, Elfsight is one of many platforms that offer various embeddable widgets, as well as the Contact Form widget ✨

On Elfsight.com, you will find a variety of contact form templates. Once you select a template, customize it to your liking:

Once you're finished creating your widget, save it:

Then, click Add to website and copy the integration code:

Paste the code into your website using the embed code element and resize it if necessary. Once you're done, update your website, and voilà!

NOTES:

If you decide to use an Elfsight widget, you may be asked to select an Elfsight plan; feel free to choose the free one
Using a third-party integration, you won't be able to view form submissions within the website builder