👀Preview on desktop, tablet and mobile
Preview your Dapta Form exactly as respondents will see it, in real mobile, tablet and desktop frames, without publishing or submitting anything. Walk through the screens, restart, and check unsaved e
The Preview opens your form in a real device frame: a same-origin copy of the public form at a true phone, tablet or desktop width. It always shows the draft you are editing right now, including edits that were not published yet, and nothing you do inside it is ever submitted.
Step 1: In the editor, click the Preview icon (the eye) at the right end of the toolbar. It is available on the Build, Logic and Connect tabs.
Step 2: The preview modal opens on Mobile by default. Use the Device preview switch to change the frame: Mobile (390 × 844), Tablet (768 × 1024) or Desktop (1280 × 800). The frame is scaled down when it does not fit the window (the readout next to it says, for example, 1280 × 800 · 45%) but the layout inside is rendered at the real width, so what you see is what a phone or a laptop shows.
Step 3: Walk through the form. Answer the questions inside the frame as a respondent would, or use the Previous screen and Next screen arrows. The counter reads Step 1 of 4, Cover or the current screen. Logic, scoring and reveal screens behave exactly as they will live.
Step 4: Click Restart preview (the circular arrow) to return to the cover or first question, and Close (or press Esc) to go back to the editor.
What the preview shows and does not do
Which version
The draft in the editor, live. You do not need to wait for Saved or click Publish.
Submitting
Nothing is sent. The shield icon in the toolbar reads Preview only. Nothing here is submitted. If you press Submit on the last question, the frame stays on its Submitting… screen and no submission, webhook, HubSpot contact or email is created. Click Restart preview to go back to the start.
Partial submit point
Does not fire in the preview, for the same reason.
Bookings
A Scheduler step shows the real calendar embed. Do not book from the preview: the booking itself happens on the calendar side and would be real.
Design panel
The Design panel has the same device frame on its right side, so you can watch colors and typography change while you edit them.
Embeds
The frame shows the standalone form. To check how it looks inside your own page, paste the Embed snippet into a test page.
💡 Tip: To test the real thing end to end (submissions, webhooks, HubSpot), publish the form and open the public link in a private window. Delete the test rows afterwards from Submissions.
What's next
Autosave, drafts & publishing: make the draft live.
What respondents see: the full respondent journey.
Design & Branding: style the form with the live preview next to the controls.
Last updated