Step 1: Build Out Your Сontact Form

Use the Contact Form widget to make it simple for your visitors to get in touch. Gather questions, feedback, and requests directly from your website!

Setting up your Contact Form widget is simple and takes just a few steps. You’re currently on:

In this article

The Contact Form widget lets you create single-page forms only. For multistep forms, please use the Form Builder widget. See our detailed guide for instructions.

Add Fields To Your Form

Add the fields you need by clicking Add Field in the Build Form tab. Choose from a variety of field types, such as text, email, phone, dropdown, and more. To make a field mandatory before submission, toggle the Required Field option:

You can also Duplicate form fields, Rearrange them using drag & drop, and Delete fields in the Build Form tab:

For a complete guide to every field type and how to use them, check out Types of Elements Available with Contact Form.

Customize Form Elements

After you add your form fields, you can edit other components of your form to match your site’s style. Here are the available elements:

Header

The Header section allows you to add a title and caption to your form, helping visitors understand its purpose. You can also upload a cover image and logo to create a branded, engaging look.

To enable the Header, go to the Build Form tab → Header → toggle it on:

  1. Title – The main heading at the top of your form.
  2. Caption – A short description or instruction under the title.
  3. Cover Image – Add an image above your form (upload from your device or URL).
  4. Logo – Upload your logo to reinforce your brand (upload from your device or URL).
  5. Alignment – Choose how text and images are aligned (left, center, right).

Submit Button

Customize the text and alignment of your form’s Submit Button:

Add extra information or links (privacy policy, contact info, etc.) to the form’s Footer. Enable or disable it as needed:

Success Message

Use the Success Message to thank users, confirm submission, or guide them on the next steps:

Customize your message in the Build Form tab → Success Message:

  1. Title – Add an optional heading to your success message.
  2. Text – The main message displayed after submission.
  3. Close Button – Allow users to close the success message manually.
  4. Button Text – Customize the label for the close button (e.g., “OK”).
  5. Alignment – Control how the success message content is aligned.
If you don't want to show a Success Message after submission, you can disable it in the Settings tab. For more information, see Post-Submit Action.

That’s it! 🎉 You’ve just built the base of your form. Next, you’ll learn how to connect your form to email and integrate it with your favorite tools.

Next step: Set Up Email Notifications & Integrations
Did this article answer your question? Share your feedback: Thanks for sharing your feedback. It helps us grow! There was a problem submitting your feedback. Please try again later.

Still looking for assistance? Contact Us Contact Us