3. Contact Form & Integrations

Learn how to use contact form elements on your webpage to collect leads, customize their appearance, manage form fields, and use advanced settings.


Having an accessible and efficient contact form is integral for any online business aiming to collect leads. Here's a comprehensive guide to leveraging contact form elements on your webpage.

Getting Started with Contact Form

Creating an area on your page for people to reach out is your first step. You can add a typical contact form by clicking 'add elements', holding the form element, and dragging it to your desired position. The default form comes with three fields - an email field, a selection field, and a text field where visitors can type in a message. However, these can be adjusted to suit your needs.

Customizing Your Form

Customizing your form is easy. You can select the field type, set it as required or optional, and adjust the spacing between the fields. You can even decide whether to show the label and placeholder. Your form's appearance is also flexible - you can set a small, medium, or large background, and customize the colors, borders, typography, and even add a shadow. You can change the placeholder text, the label, and adjust the size of the fields.

Managing Form Fields

You can add a new field to your form by duplicating an existing field and changing its type. If you decide that a field is not needed, simply delete it. Fields can be reordered easily by using the arrows to move them up or down.

Styling the Button

The form's send button styles out separately. You can choose different presets, customize the height, set a fill color, adjust the text, and decide on rounded corners. You also have control over the typography, color, and width of the button, and can align it to your liking.

The Button Action and Integration

The button allows for a success message after submission and an error message if something goes wrong. You can even redirect visitors to a 'Thank You' or information page after form submission.

After setup, you can access the lead information directly from your dashboard. However, if you want to receive email notifications for every lead generated, you can set up email notifications within the form's integrations. You can also integrate the form with a distribution list or mailer integration such as Mailchimp, MailerLite, or Zapier, and set up Recaptcha for enhanced security.

In conclusion, an effective contact form is crucial to gather leads, understand your visitors, and ultimately grow your business. By customizing the form to suit your brand and business needs, you can streamline the process and create a more user-friendly experience for your visitors.

👆 You’re all caught up