Overview

First steps with Web Spotlight

Jan Cerman

4 minutes

Web Spotlight

0% complete

Time to set up your project for Web Spotlight! Get to know what Web Spotlight looks like, how to activate it, and how to create a page tree.

Content creators and marketers can manage their website content visually without leaving Kontent.ai. With Web Spotlight, you can quickly and easily add pages and edit the content displayed on your website. At the end of this learning path, you’ll have a simple web app that displays an interactive content preview in Web Spotlight. Just like you see in the image below.

Web Spotlight is an add-on to Kontent.ai. This means it only adds new functionality and doesn’t change any of your existing content or content model. Let’s start with activating Web Spotlight for your project.

Using the two drop-downs at the top, open the project environment you want to set up as a website.
Go to Environment settings > General > Web Spotlight.
Click Activate Web Spotlight.

Once Web Spotlight is activated, it brings a few new things to your project:

In the left menu, you’ll see

Web Spotlight

.

In Content model > Content types, you’ll get two new content types, Page

When editing content types, you’ll see the Subpages element.

You’ll explore each of these newcomers in more detail soon. Your next step is to specify the root of your website.

Your Kontent.ai projects can contain content for multiple websites and web applications. To differentiate between them, you need to create spaces. This way, you can have a different Web Spotlight page tree for each website.

In Environment settings, select Spaces.
Click Create new space.

and

Web spotlight root

.

In

General

>

Space name

, type

Website

.

In Web Spotlight > Root item, click Create new root item of the Web Spotlight root type.

Name the root item Website root.
Click Create.

Click Save.

That’s it! You now have the bare minimum required to use Web Spotlight in Kontent.ai.

Sign in

Kontent.ai Learn

Why Web Spotlight?

Activate Web Spotlight

Give your page tree a space to grow

Why Web Spotlight?

Activate Web Spotlight

Give your page tree a space to grow

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!

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

First steps with Web Spotlight | Kontent.ai Learn