Before you share a form anywhere — your website, a public link, the Members portal, or an external embed — it helps to see exactly what visitors will see. Cornerspot's Live Preview renders your form in real time, right next to the builder, so you can catch issues before you publish. This guide shows how to use it.
Where the preview lives
Open any form to land on its detail page. The page is split in two: the Builder on the left, where you add and arrange fields, and the Live Preview on the right, which renders the form in a browser-chrome mockup — exactly as it will look to someone filling it out.
The preview updates as you work
The Live Preview is not a separate step you have to refresh — it tracks your changes as you make them. Add a field, change the layout, edit a label, or adjust a style, and the preview re-renders instantly.
1. Add a field and watch it appear
Click + Add Field in the Builder and choose a field — for example Phone. The moment it's added, the new field shows up in the Live Preview in its place.
2. Change the layout and see it rearrange
Click ⚙ Settings and, in the Layout section, switch between Stacked, Horizontal, or Floating. The preview rearranges your fields to match the layout you pick.
3. Change the wording and confirm it
In the Details section you can edit the Submit Button Text (and the success message). Click Save settings, and the preview shows your new button label.
What the preview reflects
Use the Live Preview to check the things that matter to whoever fills out your form:
- Field widths and order — how fields line up side by side and top to bottom.
- Required markers — which fields are marked as required.
- The submit button text — the exact label visitors will tap.
- The layout — stacked, horizontal, or floating labels.
- Styles — colors, borders, and spacing applied to the form.
When you're happy with it
Once the Live Preview looks exactly right, you can place the form on a website page, or open the Publish… wizard to share it as a link, in your Members portal, or as an external embed — confident it will look the same wherever it lands.