Contact Form Element

Add a Contact Form element to your website to collect visitor messages, leads, and email sign-ups. After you add the form in the Site Editor, click the element to open its editing toolbar, then configure fields, submission email addresses, and optional Contact CRM integration.

Table of Contents

• Adding the Contact Form
• Option 1
• Option 2
• Moving and Resizing a Contact Form
• Customizing a Contact Form
• Editing the Contact Form
• Settings
• Deleting the Contact Form
• Common Questions

Adding the Contact Form

To add a Contact Form element to your website:

Option 1

• In the Site Editor, hover over the desired section and click the Add Element button at the top of the section:

• In the Add an Element panel that opens on the left, select the Contact Form element from the Design section:

• After selecting the element from the list, drag it to your desired section and drop it using the grid.

Option 2

• Hover over the left sidebar of the Site Editor and click the Build (+) button:

• In the Add an Element panel that opens on the left, select the Contact Form element from the Design section:

• After selecting the element from the list, drag it to the desired section and drop it using the grid.

Moving and Resizing a Contact Form

For detailed instructions on moving and duplicating elements, please refer to the Elements Management (Drag and Drop Grid) article.

Customizing a Contact Form

To edit, duplicate, layer or delete the Contact Form element, click on it and switch between the buttons that appear in its toolbar:

Adding Form Field

You can customize the form layout by adding or removing fields, rearranging them via drag & drop, and editing their contents.

• Click Add the Form Field in the toolbar to insert a new field:

• In the Add form field modal window, select the field type from the following options: Text, Text Area, Dropdown, Radio, Checkbox, Full Name, Subject, Address, Email, Phone, Facebook, Twitter, Link, Date, Number, Currency, File Upload:

• The selected field will appear on your Contact Form immediately. 

Form Fields

• Click Form Fields in the toolbar to manage existing fields:

• In the Form field modal window, select the form field you want to modify, hover over it, and click Edit:

• You can change the Title, Placeholder, Description, and Validation Message of the field:

Visitors will see a validation message if they enter disallowed symbols in a field. If no custom message is set, the default message will display: "Please enter a real (field name)."

• For the Сheckbox field, you can change the Title, Layout, quantity, and names of the checkbox options:

• If the Contact CRM integration is available for your plan, you can enable the Contact CRM Field toggle to designate this checkbox as the opt-in for email communication. Ensure the checkbox label clearly informs visitors that they consent to be contacted via email. You can monitor Opt-In status in Contact Details within your Customers App. Contacts who check the opt-in box will have their Email Status marked as Subscribed allowing you to include them in email marketing lists:

Please refer to the How to Use Form Checkbox for Email Marketing Consent tutorial for more details.

Settings 

In the Settings tab of the toolbar, you can change the form type and name and specify your email address to receive submitted data.

• Edit the Form Name. The Form Name will reflect in the confirmation emails you receive after form submissions.
• Modify the Form Type. You can switch between the Contact form and Subscribe form type (available only for subscriptions with Contact CRM functionality).
• Show Placeholder Text. Enable this option to display example text inside form fields, guiding visitors on what information to enter.
• Send Form To. Add up to five email addresses to receive form submissions; press Enter after each address is added.

You can toggle between Subscribe and Contact form types. Based on the choice, submitted data will be saved in the related Contact CRM list:

Messages submitted through the Contact Form are available in the Form Inbox section of the Customers App.

Please be aware of how Contact Form fields map to Form Inbox fields:

• The Contact Form Subject field corresponds to the message Subject in the Form Inbox.
• The Contact Form Text Area field corresponds to the Message field in the Form Inbox.

Form Behavior

In the Form Behavior tab, you can create a Thank-You message shown after form submission, add a promo code, and customize the Contact Form's appearance.

• In the Settings tab, click the Form Behavior button:

Here, you can modify the On-Submit Thank-You message details:

• Title: Click inside the field to edit the message's title that visitors will see after submitting the form.
• Description: Click to edit the message displayed after submission.
• Promo Code: Add a promo code for website visitors after they submit the form.

An example of the Thank-You message for website visitors that will appear after submitting the form:

Deleting the Contact Form

To delete a Contact Form from the website:

• Click the Remove button [Bin] in the toolbar:

• The element will be removed immediately.

More Menu

• Click the More icon (⋮) in the toolbar to access the available options:

• Cut. Click Cut or Ctrl+X to cut your element.
• Copy. Click Copy or Ctrl+C to copy your element.
• Duplicate. Click Duplicate or Ctrl+D to duplicate your element. The duplicate will appear immediately.
• Delete. Click Delete to remove the element. The element will be deleted immediately.
• Move Forward. Click Move Forward or Ctrl+⇑ to move your element up a layer.
• Move Backward. Click Move Backward or Ctrl+⇓ to move your element down a layer.

Common Questions

Where do I find the Contact Form element?

Open the Add an Element panel by clicking the Build (+) button in the left sidebar or the Add Element button when hovering over a section. Contact Form element is located in the Design section of the Add an Element panel and can be dragged and dropped to the desired section of the website.

Where do form submissions go?

Form submissions from the live site can go to two places:

• Email address: In the Settings tab of the Contact Form, go to Send form to, and add up to five email addresses to receive form submissions.
• Contact CRM (Website, Website+Marketing or eCommerce plans): Submissions are also saved in the Customers section → Contact Form Inbox and as contacts in Contact CRM. See Settings for field mapping requirements.

What is the difference between Contact form and Subscribe form?

In form Settings → Form Type, you can select from two form types available:

• Contact form: Saves submissions as contacts in your Customers section. Use for general inquiries and lead capture.
• Subscribe form: Saves submissions as contacts in your Customers section. All submitters automatically receive Opt-In email status ("I have permission to send email"). Available only with Contact CRM functionality.

Do I need to publish after adding or editing a form?

Yes. Changes in the Site Editor are not visible on your live site until you publish:

• First-time publish: click Publish Website in the top-right of the Site Editor.
• Site already live: click Update Website in the top-right of the Site Editor.