Estimated reading: 2 minutes 368 views

Bit Form Preview – See Your Forms Before Publishing

With Bit Form Preview, you can easily test and review your form before publishing. Check the design, fill in sample data, and verify if all fields and integrations are working properly—ensuring everything functions smoothly before embedding it on your site.

Bit Form Preview

To use Bit Form Preview, you need to have a form—either create a new one from scratch or use a ready-made template. Once your form is ready, click the “Preview” button located at the top center of the form to view and test your form before publishing it.

On the Bit Form Preview page, you’ll find important details like the Form ID, JS size, and CSS size displayed at the top-left corner. This information is valuable for tracking, optimizing performance, and managing your forms efficiently.

Fill Dummy Data

On the Bit Form Preview page, you’ll see a “Fill Dummy Data” button at the top-left corner. By clicking this button, the form will be automatically filled with sample data. This helps you quickly test field validations, conditional logic, and any connected integrations to ensure everything is functioning correctly before publishing.

Bit Form comes with predefined sample data for the Fill Dummy Data feature. However, if you prefer, you can set your own custom sample data.
To view the default sample data, open your browser’s developer console and type bf_dummy_data. This will display the preset dummy data used for form previews.

f you’d like to set your own custom sample data for the Fill Dummy Data feature, follow these steps:

Go to your form in the Bit Form Builder.
Click on Builder Settings and then select Custom Code.
In the JavaScript section, click the three-dot menu in the top-right corner.
Search for “Dummy Data” and click on it.
Here, you can add your custom dummy data.

For example, to set custom sample values for the Country field, use the following:

country: ["Bangladesh", "USA", "UK"]

You can add more fields in the same format.
👉 For a step-by-step visual guide, check out the video below.