Docs
Collections
Custom apps
Custom elements
Environments
Keyboard shortcuts
Mission Control
Projects
Task management
Terminology

Activate live preview

Samina Minda Hossain

7 minutes

Preview

The live preview provides an in-context visual of your content across your channels while editing in real time without switching tabs. Your editors can easily produce and update content based on the context of your channel.

Live preview can be set up for individual environments.

Open the project environment you want to set up as a website.
Go to Environment settings > General.
In the

Live preview

card, click

Activate live preview

Live preview is now active in your environment. Start configuring your preview and ensure you meet the security requirements. Once all that is done, go to

Content & assets > Content and open a content item. You’ll see

appear at the top of a content item.

You can also set up spaces to use with live preview.

With spaces, you can run multiple websites in one project.

To set up multiple websites using live preview and spaces, you need to select or create a root item

In Environment settings, go to Spaces.
Click on the particular space you’re setting up as a website.
Under Root item, create new or add an existing root item.
Click Save.

Your setup is done for this space. Go to your root item to start creating content and building the hierarchy. To set up another space for your live preview, repeat steps 2–4 in the other space.

Configure the preview and the Smart Link SDK to implement

Add buttons and edit links on preview. This enables your content creators to make live content changes directly from Kontent.ai.

Live preview uses the existing permission model. If a user is allowed to change content items of a given content type, they can do that in live preview as well. Content that the user doesn’t have permission for is greyed out and displayed as unavailable.
Environments have live preview deactivated upon their creation.
Cloned projects will have the same live preview settings in the new project.

in each space you want to manage as a website.

Kontent.ai Learn

Activate live preview

Live preview activation card in Environment settings

Set up multiple websites using spaces

Implement inline editing with Smart Link SDK

Permissions and settings in live preview

Activate live preview

Implement inline editing with Smart Link SDK

Permissions and settings in live preview

Cheat sheets
Documentation
API reference
Product updates
Sign in

Try Kontent.ai
Plan
Set up
Model
Develop
Create

Web
Privacy policy
Cookies policy
Consent settings
Security
GDPR

Live preview activation card in Environment settings > General.

A space with collection and root item selected.

Activate live preview | Kontent.ai Learn

Explore your path to mastery

Discover how to best set up your multi-channel project to cover all your use cases, including website support.

Live preview can be activated by roles who have Manage environments permissions.If you already have Web Spotlight enabled and configured, you can activate live preview to have the same experience, and no further configuration is required.

Grow your navigation tree from the rootSet up a navigation tree in your space by including a subpages element in your root item’s content type. Content creators can then manage the hierarchy by adding, reordering, or removing linked items from the root, while editing in live preview without needing to code.