Activate Web Spotlight

Jan Cerman
6 minutes
Web Spotlight
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.
Explore your path to mastery

Do you have Web Spotlight enabled?

Web Spotlight is included in all existing enterprise and flex plans. You can activate Web Spotlight in the environments you want to use for a website.
Web Spotlight availability changesStarting on April 29, 2025, new subscriptions will not include Web Spotlight. Web Spotlight will transition entirely to live preview by the end of October 2025. If you're already using Web Spotlight, you don’t need to make further configurations to use live preview.

Activate Web Spotlight

When you have Web Spotlight enabled for your subscription, you can activate it for individual environments.
Any project manager with access to the default language can activate Web Spotlight for the project.
  1. Open the project environment you want to set up as a website.
  2. Go to  Environment settings > General.
  3. 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.

Multi-website setup 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 each space you want to manage as a website.
  1. In  Environment settings, go to Spaces.
  2. Click on the particular space you’re setting up as a website.
  3. Under Root item, create new or add an existing root item.
  4. 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.
Check how spaces and Web Spotlight work together in a real-world scenario in our multi-site sample project.
Web Spotlight is activated in Environment settings, where users can go directly to Spaces. Then, the space is edited to include an existing root item for Web Spotlight.
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 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 happens after Web Spotlight activation?

Once set up, you'll find several new additions to your content model:
  1. Web Spotlight root content type is a core part of Web Spotlight that you can edit but not delete while Web Spotlight is active.
  2. Subpages content type element is a core part of Web Spotlight, which you need to use in your content model to create the page tree.
  3. Page content type is an optional part of Web Spotlight, which you can use for creating web pages.
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.

Root item in Web Spotlight

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.

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