Kontent.ai
Copyright © 2023 Kontent.ai. All rights reserved.
  • Web
  • Privacy policy
  • Cookies policy
  • Consent settings
  • Security
  • GDPR
  • Documentation
  • API reference
  • Product updates
Kontent.ai Learn
  • Plan
  • Set up
  • Model
  • Develop
  • Create

Preview your content

Is this page helpful?
Complete and continue
  • Sign in
    • Jan Cerman
    6 minutes
    Web Spotlight / Preview
    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 Edit element 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.
    1. Find the content item in Content & assets. 
    2. Open the content item for editing
    3. Click the  Preview button at the top. 
    This opens a new browser tab with the preview of your item. 

    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.
    What's next?
    Speed up your work with quick actions
    Now you’re off to a good start! You’ve learned how to find content and how to use the tools inside content items, and you’ve created a valuable first piece of your content. But why stop there? In this lesson, we’ll give you some tips for efficient work with the rich text editor. 
    Preview tab in Web Spotlight
    Preview button in content item editing
    How the edit buttons look in the app.
    • Walkthrough for content creators
    • Oversee the content creation process
    • Content creation: First steps
    • Add structure to your content
    • Let's collab
    • Move content through the workflow
    Multiresolution toolbar in Web Spotlight
    • Create your first content
    • Start writing
    • Preview your content
    • Speed up your work with quick actions
    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.
  • Preview in Web Spotlight
  • Preview your latest changes outside Web Spotlight
  • Edit directly from the preview