Web Spotlight lets you create web pages and see them right in your web app, providing immediate visual feedback. Your editors can easily produce and update content in the context of your website.
You can activate Web Spotlight in the environments you want to use for a website.When you have Web Spotlight enabled for your subscription, you can activate it for individual environments.
Open the project environment you want to set up as a website.
Go to Â
Environment settings
>
General
.
In the Web Spotlight card, click Activate Web Spotlight.
Web Spotlight is now active for your current environment. Now’s the time to set it up with spaces.
Spaces enable you to run multiple websites in one project. To use Web Spotlight in a multi-website scenario, you need to select or create a root item
In  Environment settings, go to Spaces.
Click on the particular space you’re setting up as a website.
Under Root item, create new or add an existing root item.
Click Save.
Your setup is done for this space. Go to Web Spotlight to start creating content in Web Spotlight. To set Web Spotlight up in another space, repeat steps 2–4 in the other space.
The initial setup creates new content types and items in your project. It doesn’t affect any of your existing content.
Once set up, you'll find several new additions to your content model:
Web Spotlight rootcontent type is a core part of Web Spotlight that you can edit but not delete while Web Spotlight is active.
The root item in Web Spotlight is the top-level content item that defines the root of your website hierarchy.
You can choose any content item as the root item. If you want to display subpages under it, make sure its content type includes a Subpages element. This is optional and depends on how you want to structure your content.
Alternatively, you can use the default Web Spotlight root content type provided by Web Spotlight. This content type includes the following elements:
Title element – specifies the name of the root item.
Subpages element – specifies your website’s home subpages, for example, the top-level navigation. By default, this element is limited to pages.
Content element – specifies a content item to use for the root of your website.
You can further extend the default content type with additional elements if needed. While Web Spotlight is active, the Web Spotlight root type and its associated item cannot be deleted.
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.
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, it's auto-generated from Title.
Show in navigation – determines whether the page should be visible in the page tree
Some coding is required to make the Show in navigation element functional.Â
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.
in each space you want to manage as a website.
is a core part of Web Spotlight, which you need to use in your content model to create the page tree.
Page content type is an optional part of Web Spotlight, which you can use for creating web pages.
Web Spotlight is being replaced by live previewStarting on April 29, 2025, new subscriptions will not include Web Spotlight.Web Spotlight will be replaced by live preview on March 26, 2026. If you’re already using Web Spotlight, you can activate live preview without making any changes to your configurations—they will continue to work after activation.
Any project manager with access to the default language can activate Web Spotlight for the project.
Check how spaces and Web Spotlight work together in a real-world scenario in our multi-site sample project.
Converting existing projects to Web SpotlightIf 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 if you deactivate Web Spotlight?Your content stays as-is, including the content items and content types created during activation. Nothing will be changed or deleted from your project.
Jan Cerman
6 minutes
Web Spotlight
 
on the particular space you’re setting up as a website.
Web Spotlight to start creating content in Web Spotlight. To set Web Spotlight up in another space, repeat steps 2–4 in the other space.
. All rights reserved.