How to preview your form in CornerSpot

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 Build view. 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 with the same widget your visitors use — exactly as it will look to someone filling it out.

The Forms list in Cornerspot, filtered to the form to preview
The Forms list — open the form you want to preview.
The form Build view in Cornerspot with the Builder and Live Preview panels
The Build view, with the Builder on the left and the Live Preview on the right.

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.

The Add Field button in the Cornerspot form builder
The + Add Field button in the Builder.
Picking a standard field from the Add Field drawer in Cornerspot
Picking a standard field, such as Phone, from the Add Field drawer.
The Cornerspot Live Preview updated to include a newly added field
The Live Preview instantly includes the newly added Phone field.

2. Preview the confirmation message

Every submission ends with a confirmation — the message someone sees right after they submit. The preview header has a Form / Confirmation toggle: click Confirmation to preview that success state, so you can check the exact wording your visitors will read.

The Form and Confirmation toggle in the Cornerspot Live Preview header
The Form / Confirmation toggle in the Live Preview header.
The Cornerspot Live Preview showing the confirmation success message
The Confirmation view — the success message visitors see after submitting.

3. Switch back to the form view

Click Form to switch the preview back to the form itself. You can flip between the two as often as you like while you fine-tune your form.

Switching the Cornerspot Live Preview back to the Form view
Click Form to return the preview to the form view.
The finished form Live Preview in Cornerspot, ready to publish
The finished preview — the new field reflected, ready to publish.

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 confirmation message — what visitors see right after they submit.
  • The layout and styles — stacked, horizontal, or floating labels, plus colors, borders, and spacing.

When you're happy with it

Once the Live Preview looks exactly right, you can place the form on a website page, or open Publish & Share to share it as a link, in your Members portal, or as an external embed — confident it will look the same wherever it lands. (Each publishing channel also has its own preview, so you can fine-tune the styling per channel.)

Was this article helpful?