Previewing your display
Stuart Arsenault avatar
Written by Stuart Arsenault
Updated over a week ago

Want to preview how Junip will display before turning it live?

Just head to On-site & Preview will be the second section. If you click Preview Junip you'll be taken to a new tab with Junip sample data loaded.

Note: you can use the dropdown arrow if you want to select a specific theme to preview (ie. you want to preview a draft theme and not your live theme).

Highlighting the "Preview" section of the "On-site settings" page in Junip's admin where you can click the button to preview Junip on your site.

What's actually happening when you click that link?

We're appending your url with the string ?junip-preview-mode=true&junip-break-cache=true .

You can manually trigger preview mode yourself, on any page of your website, by adding that string to the end of whatever url you're on.

Browsing in Preview Mode

You'll then see your site in preview mode, it'll be clear because of the green bar at the bottom of the screen and all of your products will have 3 sample reviews.

An example of what it looks like to be on a site with preview mode enabled so that it shows sample review data

Exiting Preview Mode

How to exit this view will depend on where you're browsing it from:


When browsing on a site

To exit preview mode, you can click "Learn more" on the green bar and then Exit preview mode on the modal that pops up.

The preview mode bar that shows when preview mode is enabled on a site
Junip's "Preview mode" modal that explains preview mode and gives an option to exit

In the theme customizer

If you're in editing your 2.0 theme using the theme customizer, preview mode will automatically show there. If you want to hide this, then you can go to your App Embed menu, click on the dropdown arrow beside Junip and de-select the Show Preview Data checkbox.

App Embed menu on the Theme Customizer where you can disable the option to "Show preview data"

Sample data being used

It's important to note, the sample data is not dynamic. Meaning that whether or not you have certain parts of the display enabled (like product traits, for instance), there will always be a sample trait in your sample data. Previewing is just meant to give you a general overview for positioning on the page & general branding.

Sample data on a reviews display

Preview away! πŸ‘€

Did this answer your question?