How can I test a form on my Webflow site before it goes live on a custom domain?

Published on
September 22, 2023

To test a form on your Webflow site before it goes live on a custom domain, you can follow these steps:

  1. Publish your Webflow site: Before you can test the form, make sure your site is published. This will generate a temporary URL that you can use for testing purposes.

  2. Go to the Form Submission tab: In the Webflow Designer, navigate to the page where your form is located. Select the form element and go to the Settings panel. Click on the "Form Submission" tab.

  3. Enable the "Enable Form Notifications" option: In the Form Submission tab, you'll find an option called "Enable Form Notifications." Toggle this on to receive notifications when the form is submitted.

  4. Add a test email address: In the same tab, you'll see a field called "Email Notifications." Enter your test email address here to receive form submission notifications during the testing phase.

  5. Test the form: Save your changes and go to the published version of your site. Fill out the form with test data and submit it. Check your test email address for the form submission notification. This will allow you to verify that the form is functioning correctly.

  6. Review form submissions in the Webflow dashboard: In addition to receiving email notifications, you can view form submissions directly in the Webflow dashboard. Go to the "Forms" tab and select the form you want to review. Here, you can see all the submissions and their details.

By following these steps, you can test a form on your Webflow site before it goes live on a custom domain, ensuring that it functions properly and captures the necessary data.

Additional Questions:

  1. How do I set up a form on my Webflow site?
  2. Can I customize the form submission confirmation message in Webflow?
  3. How can I integrate third-party tools with my Webflow form?