Manage your website content visually without leaving Kontent.ai. With Web Spotlight, content creators can produce and update web content, add pages and subpages, and generally edit the elements displayed on your website. All this with an easy-to-navigate page tree and content preview at hand right next to the authoring area in Kontent.ai.
What Web Spotlight looks like
Web Spotlight is a separate section in Kontent.ai. That means content creators can work with content within the web context while other roles can work on content without thinking of the final channel.In Web Spotlight, you find two main sections:
Page tree with website navigation on the left:
Manage your pages and view them.
Content editing pane with the preview on the right:
Switch between the Editor and Preview tabs to see your changes right after you make them.
Click the pencil button in an element to edit its content directly within the preview pane. For this to work, your developers must first set up inline editing.
Watch the video below to get a more detailed overview of Web Spotlight.
Page tree and content in Web Spotlight
Websites consist of a page hierarchy called a page tree. Creating new pages is then done directly in the page tree:Since website navigation is one of the key features of any website, we recommend incorporating the functionality right at the start of implementing your project. That’s when you evaluate how many projects you need, and Web Spotlight can help you decide.
Web Spotlight empowers business people
At Kontent.ai, we believe that headless is the right way for microservices architecture. Yet, apps are only as powerful as the people who use them. And that’s the purpose of Web Spotlight – to give website management power to business people.As you create pages with Web Spotlight, you’ll have a clear view of how they appear across your channels and within your page tree. Web Spotlight promotes effective organization by grouping your pages under a common root.Web Spotlight is included in all enterprise plans and is available as an add-on for lower subscription plans. When active, Web Spotlight is a tight part of Kontent.ai.
Boost your web with Web Spotlight
What's next?
Web Spotlight for multiple websites
When using Web Spotlight, you work with your content hierarchy as it is structured on your website. A website is a content tree with one root and many branches. But what if you need multiple websites? In this lesson, you’ll learn how to manage multiple websites in Web Spotlight.
Web Spotlight uses the existing permission model. If a user is allowed to change content items of a given content type, they can do that in Web Spotlight as well. Content that the user doesn’t have permission for is greyed out and displayed as unavailable.
Environmentshave Web Spotlight activated automatically upon their creation.
When you clone a project with Web Spotlight, the new project doesn’t have Web Spotlight activated, and the Subpages element gets converted to the Linked items element. After you activate Web Spotlight for the new project, the element is converted back to the Subpages element, and everything works as expected.
If you need to run multiple websites using Web Spotlight, spaces are here to help. With spaces, you divide your content according to your organization’s structure, and each of your brands or departments can have its own dedicated website.You'll learn more about Web Spotlight for multiple websites in the next lesson.
Web Spotlight is included in all enterprise plans. To use it, enable Web Spotlight for projects you want to use as a website. If you’re on a lower plan, contact us to purchase Web Spotlight using at the bottom right or click the button below.
Don't have Web Spotlight yet?If you don't have Web Spotlight activated for your project, first see how to set up Web Spotlight.
Looking for more technical info on working with Web Spotlight?Dive into our Web Spotlight-focused learning path for developers. You’ll learn about the basic setup and how to approach getting website content via APIs to display it on a website.
at the bottom right or click the button below.