Kontent.ai Learn

Activate live preview

Samina Minda Hossain
6 minutes
Preview
Download PDF
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.
Explore your path to mastery

Activate live preview

Live preview can be set up for individual environments.
Live preview can be activated by roles who have Manage environments permissions.
  1. Open the project environment you want to set up as a website.
  2. Go to  Environment settings > General.
  3. 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, you'll see the appear at the top of a content item.
Preview button in content item editing
You can also set up spaces to use with live preview.

Set up multiple websites using spaces

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 each space you want to manage as a website.
  1. In  Environment settings, go to Spaces.
  2. Click on the particular space you’re setting up as a website.
  3. Under Root item, create new or add an existing root item.
  4. Click Save.
Your setup is done for this space. Go to your root item to start creating content and building the website structure. To set up another space for your live preview, repeat steps 2–4 in the other space.

Implement inline editing with Smart Link SDK

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.

Permissions in live preview

  • 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.