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.
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.
Use the “Submission recipient” section to define the email address where form submissions will be sent and the corresponding subject line.
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.
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.