Skip navigation

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 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
    • Live-editing pages from the preview

    Overall, Web Spotlight brings ease to the authoring experience for website creators. As Kontent 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 Web Spotlight.

    Your web page with edit buttons in Web Spotlight.

    Example: A website's home page shown in Web Spotlight. Notice the edit buttons for quick access to the texts.

    Activate Web Spotlight

    Web Spotlight is an additional feature of Kentico Kontent purchased separatelyOpens in a new window per subscription. To enable it for one or more of your projects, contact us using at bottom right (or click the button below) and let us know the details. We'll enable Web Spotlight for you.

    Request Web Spotlight

    Once you see the Web Spotlight icon in the app menu in top left, you get to set up your project as a website. Click .

    Web Spotlight when used for the first time.

    What you see when you open Web Spotlight for the first time.

    Click Set up the project as a website to finish activation of Web Spotlight.

    The initial setup creates new content types and items in your project. It doesn't affect any of your existing content.

    What happens after activation?

    Once set up, Web Spotlight creates several things in your project:

    1. Homepage content type and content item – core parts of Web Spotlight, which you can edit but not delete.
    2. Subpages content type element – a core part of Web Spotlight, which you need to use in your model to create a single page tree.
    3. Page content type – an optional core 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 nor deleted from your project.

    Homepage in Web Spotlight

    Homepage in Web Spotlight defines the root of your website. Generally, this means the top-level navigation and what's shown for the root of your website.

    Web Spotlight creates a content type and content item, both named Homepage. Together they create the core structure of your website that you build upon to create a hierarchy known as page tree.

    Homepage defines the following elements:

    • Title – Specifies the name of the homepage.
    • 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 homepage with other content elements if needed. While Web Spotlight is active, the Homepage type and item cannot be deleted.

    Subpages in Web Spotlight

    The Subpages element is a means of creating your website hierarchy, commonly known as page tree. You can use subpages with the predefined pages or add them to your own content types.

    Page in Web Spotlight

    A page 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.

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

    What's next?