Skip to content

Preview, publish & measure

Preview desktop, tablet, and mobile

Review the full site before sharing it.

WEBTUMMY · VISUAL WALKTHROUGH
Actual Webtummy interface in the fictional Willow Studio customer workspace. Click to enlarge. Available fields vary by selected component.
Preview desktop, tablet, and mobile
Expanded Webtummy interface showing preview desktop, tablet, and mobile

Follow these steps

  1. Switch preview widths

    Use Desktop, Tablet, and Mobile in the editor top bar. Scroll through the full page at each width.

  2. Inspect the details

    Check long headings, image crops, buttons, menus, forms, and any objects you have repositioned.

  3. Save before opening Preview

    Save the draft, then choose Preview in the top bar. Preview opens the current page in a separate tab.

  4. Test navigation

    Follow menu links and calls to action and check other pages. Custom scripts require testing in published or exported output.

More screenshots for this guide

Desktop editor view

WEBTUMMY · VISUAL WALKTHROUGH
Actual Webtummy interface in the fictional Willow Studio customer workspace. Click to enlarge. Available fields vary by selected component.
Desktop editor view
Expanded Webtummy interface showing desktop editor view
What you should see

You have reviewed the draft at the main device sizes.

Need a hand with this step?

Tell us the website, page, and control you’re using. Include any error code so we can help you faster.

Contact support →