How to Add a Contact Form to Your Website

In this tutorial, you’ll learn how to add a custom contact form to your website using the Flipsite website builder — no coding required. We’ll walk you through every step, from inserting the form to customizing fields and setting up email delivery.

1. Go to the page you want to add a form to

Navigate to the page from the left side menu inside the flipsite editor.

2. Add a New Section

Click “Add Section” and select a pre-made form from the Contact section library. You can also create these forms by hand from components, but when there are pre-made sections, it's easiest to use them.

3. Customize the Form

Once added, you can tweak the form layout to match your needs:

• Remove unnecessary elements (like headers)
• Duplicate, remove or edit existing fields if you need an extra input

4. Add a New Field: e.g. “Preferred Time to Contact”

• Duplicate the phone number field container
• Change the label to “Preferred time to contact”
• Change the input type to date
• Update the input's ID and name
• Since native date inputs don’t support placeholders, remove the placeholder text

5. Configure Form Submission

Scroll to the form component on the left to configure the submission behavior:

• If you want to use Flipsite’s built-in form handler, just leave the custom action fields empty
• Otherwise add your own GET/POST request endpoint
• Go over to Settings > Form and tweak how to handle form submissions by defaultEnter the email address where you'd like submissions to be sentSet up the thank-you page message or redirect

6. Enable Spam Protection (Optional but recommended)

Add Botpoison to protect your form from spam without annoying captchas. Read more about botpoison here.

• Make sure your API keys are added in the Integrations section of your Flipsite dashboard
• Flipsite will automatically include Botpoison in your form once integrated

7. Test the Form

Fill in the form and submit it to ensure everything works. Flipsite’s default handler will send the submission to your email and store it in the built-in mini CRM.

8. Manage Submissions

Go to the Submissions panel in your Flipsite Settings > Form dashboard:

• View all incoming form entries
• Update the status of submissions by right clicking on them
• Use it as a lightweight CRM or ticketing system