Previewing page versions

commercetools Frontend provides you with a preview of your pages to see your changes before you make them live to your customers.

Accessing page version preview

When you're in the page builder, you can click the Preview button at any time to get a link to preview your page. You can either click on it to see it on your computer, or you can type it into any browser on your mobile or tablet. You can also scan the QR code to open it immediately on your phone. Preview access.png

Seeing changes on the preview

As you make changes, they're reflected instantly on your preview link. So if you change an image, you can see exactly how it will look on another device: Live preview.gif

As you click on each Frontend component, the preview will highlight which component you're looking at with a pink dotted line, so you easily see which one you're updating: Preview example image.png