Skip to main content

Previewing your website on desktop, tablet and phone

How to use Preview and the desktop, tablet and phone buttons in the Stackably Website Builder to see your website the way visitors will, and what the Ready to publish checklist shows.

K
Written by Kelly Shirey

This article shows you how to preview your website in the Stackably Website Builder the way visitors will see it, on a computer, a tablet and a phone.

How do I preview my website as a visitor would see it?

  1. In Business Tools › Website Builder, tick the checkbox next to your website and click Edit.

  2. In the top bar, click Preview.

When it worked, the editing outlines and panels disappear and the page shows as a visitor would see it. The Preview button changes to Editing. Click Editing to go back to changing the page.

How do I see how my website looks on a phone or tablet?

The three device buttons in the middle of the top bar switch the page between screen sizes:

  • Desktop: the full-width computer view.

  • Tablet: a tablet-sized view.

  • Mobile: a phone-sized view, where menus and sections stack to fit a narrow screen.

Click a device button to switch. The selected button is highlighted in blue. The device buttons work both while you edit and in Preview.

What does the Ready to publish checklist show?

When you click the green Publish button, the Ready to publish? checklist opens first. It ticks off the things that make a website ready to go live:

  • Page titles.

  • A real phone or email: add a live phone or email so customers can reach you.

  • Your logo: upload it in Style.

  • Looks right on phones: tap Mobile in the top bar and scroll the page.

From the checklist you can click Preview to check the website first, Publish later…, or Publish anyway.

Did this answer your question?