Set up Web Spotlight for your project
Web Spotlight lets you create web pages and see them right in your web app, providing immediate visual feedback. Your web editors can produce and update content in the context of your website. Request activation of the Web Spotlight and find what it brings to your project.
Table of contents
Why use Web Spotlight
What are the main benefits you'll get when using Web Spotlight?
- Seeing the hierarchy of a website in a page tree
- Creating new pages from the page tree
- Previewing of changes in Kontent.ai
- Live-editing pages from the preview
Overall, Web Spotlight brings ease to the authoring experience for website creators. As Kontent.ai is still the engine behind Web Spotlight, you can use all of its headless CMS advantages:
- Reusing content across all channels
- Reusing content in different places
- API-first content with multiple SDKs available
Content creators don't need to learn the hierarchy of your project. They’ll see a page tree, choose a page in it, make a few changes, and see their new page in a matter of seconds. Find more about the Web Spotlight.
Get Web Spotlight
Web Spotlight is an additional feature of Kontent.ai purchased separately per subscription. To set up a project as a website, purchase Web Spotlight and then contact us using Chat with support at the bottom right (or click the button below) so we can activate it for you.
Activate Web Spotlight
Once you have Web Spotlight activated for your subscription, you can enable it for individual projects.
Open the project you want to set up as a website and in Project settings, select Web Spotlight under the environment settings menu on the right. There, click Activate Web Spotlight. Shortly after you click the button, you'll see Web Spotlight in the app menu. Click it to start setting up Web Spotlight in your project.
Any project manager that has access to the project's default language can activate Web Spotlight for the project.
The initial setup creates new content types and items in your project. It doesn't affect any of your existing content.
Converting existing projects to Web Spotlight
If you have an already existing and working project, you can adjust it to use Web Spotlight. We have a tutorial focusing on this specific scenario.
What happens after activation?
Once set up, Web Spotlight creates several things in your project:
- Web Spotlight root content type – a core part of Web Spotlight, which you can edit but not delete while Web Spotlight is active.
- Subpages content type element – a core part of Web Spotlight, which you need to use in your model to create the page tree.
- Page content type – an optional part of Web Spotlight, which you can use for creating pages.
What if you deactivate Web Spotlight?
Your content stays as-is, including the items and types created during activation. Nothing will be changed or deleted from your project.
Root item in Web Spotlight
The root item in Web Spotlight is the top-level content item that defines the root of your website.
The root item is the core of Web Spotlight, on which you build your content tree hierarchy.
The Web Spotlight root defines the following elements:
- Title – specifies the name of the root item.
- Subpages – specifies your website’s home subpages, for example, the top-level navigation. By default, this element is limited to pages.
- Content – specifies a content item to use for the root of your website.
You can extend your root item with other content elements if needed. While Web Spotlight is active, the Web Spotlight root type and the item based on it cannot be deleted.
Subpages in Web Spotlight
The Subpages element is a means of creating your website hierarchy, commonly known as a page tree. You can use subpages with the predefined page content type or add them to your own content types.
Page in Web Spotlight
The Page content type in Web Spotlight defines a page within your website. Pages represent the locations in your page tree. They are connected to items with specific content such as articles or blog posts.
The Page type defines the following elements:
- Title – specifies the name of the page.
- URL – specifies the URL slug of the page. By default, auto-generated from Title.
- Show in navigation – determines whether the page should be visible in the page tree.
- Subpages – specifies the subpages of the current page, for example, several pages within a section of your website. By default, this element is limited to Page items.
- Content – specifies a content item to use for this page.
- Continue to our Hello Web Spotlight tutorial to learn the basics of displaying your content with Web Spotlight.
- To make the most out of Web Spotlight, make sure to set up preview for your website and implement smart links. These two steps let you quickly edit content directly in Kontent.ai.
- Create, edit, and preview your web pages in Web Spotlight.
- Are you more of a visual type? Watch the configuration in our e-learning course.