Skip navigation

Manage your website with Web Spotlight

Manage your website content visually without leaving Kontent. 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 without the need to understand the project hierarchy or know how the content is structured in the project.

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.

Table of contents

    Page tree and content in Web Spotlight

    Websites consist of a page hierarchy called page tree. In Web Spotlight, you find two main sections.

    1. Page tree with website navigation – Manage your pages and view them.
    2. Content editing side by side page preview – Switch between authoring and preview to see your changes right after you make them.
    Screenshot highlighting the two main sections in Web Spotlight.

    Manage your page tree

    The page tree represents your website navigation and consists of pages. The actual page content (such as articles, blog posts, landing pages) lives in separate content items. See how to manage website content.

    The instructions below apply to the default Web Spotlight settings. You might need to look for different types or elements, depending on how your project admins set up your project.

    Add pages

    To create a new page under the homepage:

    1. In , hover over the homepage and click .
    2. Click Create new page.
    3. In the right panel, choose the Page content type.
    4. Provide a name and title for the new page.

    Now you can start adding content to your page.

    Use the same approach to add pages anywhere in the page tree.

    Need to hide certain pages from your page tree?

    For time-limited campaigns and short-term content, you can hide pages from your website. To hide specific pages, set their Show in navigation element to No. You can also schedule hiding the pages.

    If you don't want a page in the page tree at all, see how to remove pages.

    Remove pages

    If you want to remove a page from your page tree but keep it in the project, remove it from the Subpages element.

    1. In , select the page you want to remove.
    2. Switch to the Editor tab.
    3. In the Content details panel, look at Used in to find out where the page is used.
    4. Open the parent page from Used in.
    5. In Subpages, click for the page you want to remove.
      • If you don't see Subpages, you might need to look for a different name, depending on how your project admins set it up.

    Tip: You can archive the pages you remove from the page tree. This makes it clear they're not in use anymore.

    If you don't want to keep the page in your project anymore, delete it.

    1. In , select the page you want to delete.
    2. Switch to the Editor tab.
    3. Click More actions > Delete.

    If the page had any items linked to it, for example in the page's Content or Subpages elements, these items will remain in your project without change.

    Reorder pages

    To change the order of pages in the page tree:

    1. In , select a page with subpages you want to reorder.
    2. Switch to the Editor tab.
    3. Find the Subpages element.
      • If you don't see Subpages, you might need to look for a different name, depending on how your project admins set it up.
    4. Drag and drop the page items to reorder them.

    The new order is immediately updated in the page tree and you'll see it on preview shortly.

    Reordering pages in Web Spotlight.

    Edit a parent page to change the order of its child pages.

    Manage the content of your pages

    Your page content relies on linking. For each page, you specify an item that represents the content of the page. By default, pages don't contain any content on their own, they only link to it. Find more about the concept of linking content together.

    The instructions below apply to the default Web Spotlight settings. You might need to look for different types or elements, depending on how your project admins set up your project.

    Add content to pages

    To attach existing content to your web page:

    1. In , select a page.
    2. Switch to the Editor tab.
    3. In Content, specify a content item you want displayed on this page.
      • For example, the content item you choose can represent a landing page, article, or blog post.

    Use the same approach for replacing content items linked to other pages.

    Preview and edit page content

    1. In , select the page you want to view.
    2. Switch to the Preview tab.
    3. In top right, make sure Show editable elements is switched on.
    4. Find editable parts (with the pencil icon ).
    5. Click the part of the page you want to change.

    This takes you directly to the content element in the Editor tab.

    How editable elements look in Web Spotlight.

    Click an editable element to edit it directly in Kontent.

    Missing edit icons?

    If you don't see any editable elements, your developers first need to set up your website's preview so that it tells Kontent what's on the displayed page.

    What's next?