Contact Forms

Use the Contact Form widget to add a complete web form to your site. The Contact Form widget allows you to provide visitors with a variety of input areas; 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. Type the text you want to appear on the Submit button.
  3. 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.
  4. Type a Form title. To hide the form title, click the eye () icon.

On the Submission tab:

  1. 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.
  2. Note

    If the Submission recipient is empty, the primary email in the content library will be used. If no such email exists, the contact form will only send responses to the form responses page.

  3. 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.
  4. To add tracking code to your form, click Tracking, and paste conversion code or AdWords in the area provided.

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

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.