Preview your content

Jan Cerman

6 minutes

Web Spotlight / Preview

Download PDF

0% complete

We’re all visual creatures, and it helps very much to see our work in its final shape. Preview in Kontent.ai does just that for you, and it can help reassure you in many ways.For instance, an introduction paragraph may seem totally fine length-wise in Kontent.ai. But when you see it in its actual placement on the website, you may find it looks too long.

Preview in Web Spotlight

If you use Web Spotlight, you can see the content preview directly in Kontent.ai. In a content item opened in Web Spotlight, select the Preview tab to see it. To go back to the content item editing, click the

button on the element you want to edit or switch back to the Editor tab.

You can adjust the preview resolution in Web Spotlight to see how your page works on devices of various sizes.

Preview your latest changes outside Web Spotlight

Previewing your content outside Web Spotlight can be useful when you want to see the content exactly the way your customers will see it in their browsers, for example.

Find the content item in Content & assets.
Open the content item for editing
Click the Preview button at the top.

This opens a new browser tab with the preview of your item.

To use preview, your developers first need to set up preview for your app and project. Once this is done, you can preview your work using Web Spotlight or the preview button in Kontent.ai.

Edit directly from the preview

If you spot a mistake when previewing your content, you can go to the item editing in Kontent.ai by clicking an edit button in the preview. This is also something that your developers need to implement first.

Sign in with your Kontent.ai credentials or sign up for free to unlock the full lesson, track your progress, and access exclusive expert insights and tips!