Contact Form

  1. Home
  2. Knowledge Base
  3. Widget Docs
  4. Contact Form

Use the Contact Form widget to create a comprehensive form with a variety of fields.

To add this form, open the Widgets tab and search for the Contact Form widget.

 

Drag this widget into the desired location of your editor and it will open the content and design options.

 

Form Items

Use this section to add and manage the form items. To add a new field in your form click “+Add field” and enter the field label, field type, placeholder text, and define other options.

You can re-arrange fields by clicking and dragging, and you can delete by selecting the “x.”

Some field types allow images to be added: Checkboxes and radio buttons. By using images with checkboxes or radio buttons, users will see an image next to each option. This provides users a clearer choice.

Scroll down to edit the text on the submit button and the title, as well as add reCaptcha validation.

Submission

Use the “Submission recipient” section to define the email address where form submissions will be sent. Leaving the field empty will allow all form submissions to go to the primary email address in the Business Info section of your site’s Content Library. This is the ideal method, as it allows all the forms on your site stay synced to one email, and allows the submission email to be updated on all forms at the same time by simply changing it in the Business Info area.

If individual forms require specific submission recipients, you may enter them into the individual forms.

 

Use the “Submissions actions” section to define the thank you and error messages that users will see, as well select the redirect after submission.

 

Use the “Tracking” section to add a tracking code, such as AdWords.

 

Integration

Use this section to send data to a third-party service.

 

To integrate your form with one of these services, click the relevant tab and follow the instructions to sign in to the service. If you don’t have an account, you can first create one by visiting the third party site (Google, MailChimp, Constant Contact)

 

The Webhooks option can be used to integrate another third party company. Individual companies set up the webhook on their end so to see if your desired service can be used, visit their website and search for integrations.  Copy this and paste it in the “Webhooks URL” field.

Using the design tab you can change the layout, customize the field, button, and frame of the form, as well as the font and the widget spacing.

Related Articles

Join Now