> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://support.snapps.ai/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Contact Forms

Use the built-in Contact Form widget to add a form to your site. The widget supports a variety of input areas, including specific text, drop-down, radio buttons, check boxes, date, time, email, and phone numbers. You can use the form for email newsletter opt-ins, customer questions, or simply to gather feedback from your site visitors.

Note

On radio buttons and check boxes, you can add images to display for the options. The images will not appear in the email received from the form submissions, but the selected label appears (even if hidden on the site).

To add the widget:

1. In the left panel, click **Widgets**.
2. Click and drag the Contact Form widget into your site.

To learn more about adding widgets to your site, see Add Widgets.

**Content Editor**

To access the content editor, right-click the widget, and click **Edit Content**.

On the **Form Items** tab:

1. Decide what information you would like to collect from your visitors and then modify the existing fields by clicking the name of the field. To add new fields, click **Add Field.**
2. To let visitors attach a file, click **Add Field**, open **Field Type**, and select **File Attachment**. Save or publish the form, then verify the field on the live page by clicking it and selecting a file.
3. To display the same upload field on multiple pages, copy and paste the configured Contact Form widget onto each page, or configure the field separately in each form if the forms are independent.
4. Type the text you want to appear on the **Submit button.**
5. To add reCAPTCHA validation, click the **Add reCAPTCHA validation** toggle, and select a reCAPTCHA position. This protects your form from spammers and speeds up the form submission process for site visitors. Select to display the reCAPTCHA as an icon or text in the form. This capability is automatically enabled on new forms you build.
6. Type a **Form title**. To hide the form title, click the **eye** icon.

On the **Submission** tab:

  
5. To set the email address and subject for receiving form responses, click **Submission recipients.** Make sure to enter the email address in the Submission recipients step in order to have a copy of the information submitted.

Note

If the Submission recipient is empty, the account owner will be used as the default submission recipient.

  
6. To set the confirmation and error messages to display when visitors submit a form, click **Submission actions**. Use the Rich Text Editor to add color, emphasis (bold, italics and underline), and bullets to text in the message boxes. To have the form redirect to a page after submission, click the **Redirect to a page after submission** toggle, and select the page to which you want to redirect. Contact form submissions cannot redirect to a popup; the destination must be an actual site page (or a web address, if available).

  
7. To add tracking code to your form, click **Tracking**, and paste conversion code or AdWords in the field provided.

On the **Integration** tab, send successful submission data to a third-party service. For more information, see Contact Form Integrations.

**Configure a GDPR-Friendly Contact Form**

To obtain consent from your visitors upon contact form submission, add a new field to your contact form following the instructions above and select either **Opt-In** or**Free Text** as the Field Type.

**Add Opt-In Field**

To add a check box confirming your visitor's consent to share form responses, add an **Opt-In** field. This field will be required to submit the form response.

The default text is By checking, I agree to share my form responses.

**Add Free Text Field**

To add a different notification, add a **Free Text** field. The field appears as a notification below the fields of your contact form.

Note

There is no default GDPR or privacy-related placeholder text in the free text field, as this is a multi-purpose field, so you need to place your custom text.

**Manage and Delete Form Responses**

To view, manage, and delete responses received from a contact form:

1. Go to the site editor and open **Settings & SEO**, then select **Manage Form Submissions** (also available as **Manage Form Responses** under **Content** > **Site Content**). Alternatively, from the Dashboard, click the **hamburger** icon next to the site where the form appears and select **Form Responses**.
2. The Form Responses page opens and allows you to view or remove responses from any form on the site. You can search for relevant responses in the **Search responses** search box. Ensure you search for the exact name, phrase, or characters.
3. If the site has forms on multiple pages, select the relevant page or form tab to view submissions for that form. The table includes:

* the **date** of the form response submission.
* the **input** from each of the form fields.
* the option to **delete** the form response.

  
4. To export form responses in .csv format, right-click the form and click **Form responses.
  
**

Note

This option will not be available if there were no form responses on the live site.

**Design Editor**

To open the contact form design editor, right-click the Contact Form widget, and click **Edit Design**. In the design editor, you can change the button layout, items, frame, and spacing.

**Layout**

On the Layout tab:

* Click the **layout** icon to select a layout design for the contact form.
* To change the form alignment, click **Left** or **Right**.

**Item**

On the Item tab:

* To make edits to the field style and field text, click **Fields**.
* To edit the button style and button text, click **Button**. To revert back to the global style, click **Revert to global design**.

**Frame**

On the Frame tab:

* To make edits to the frame style, click **Frame Style**. You can change the background by adding a color or image.
* To change the text style of the title, click **Form Title.**
* To change the text style of the submission notification, click **Submission Message**

**Spacing**

To make edits to the padding and margins of the contact form, click the **Spacing** tab. For more information about spacing, see Outer and Inner Spacing.

If you are having issues with the contact form, see Contact Form Troubleshooting.