Manage your website with Web Spotlight

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.

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.

Add pages

To create a new page under the root item:

1. In Web Spotlight, hover over the root item and click More actions.
2. Click Create new page.
3. If collections are available to you, select one for the new page.
4. Choose the Page content type.
5. 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.

If you want to move the page to another collection, open the page you've just created and select a different collection. You can also do that for published pages without creating a new version.

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 Web Spotlight, 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 Remove 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 manager set up your project.

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

1. In Web Spotlight, select the page you want to delete.
2. Switch to the Editor tab.
3. Select 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 Web Spotlight, 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 manager set up your project.
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.

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.

Add content through the Editor tab

To attach existing content to your web page:

1. In Web Spotlight, 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.

Add content directly from preview

To insert a content item or a component to a specific place in your web page:

1. In Web Spotlight, select a page.
2. Switch to the Preview tab.
3. In the top right, select  Actions > Show editable elements.
4. (Optional) Select Actions > Autorefresh to get the preview refreshed automatically as you edit.
5. Find the place where you want to add content to the page.
6. Click Insert... and then select one of the options.
   • This opens the in-context editor with a content item that will hold the new content.
   • The options can differ depending on whether you're adding content to a rich text element or a linked items element.
7. After you make the change, wait for the preview to refresh automatically or click  Actions and then Refresh manually.

The new component or a linked item will be added to a specific element within the content item, depending on where the Insert... button is located.

Preview and edit page content

1. In Web Spotlight, select the page you want to view.
2. Switch to the Preview tab.
3. In the top right, select  Actions > Show editable elements.
4. (Optional) Select Actions > Autorefresh to get the preview refreshed automatically as you edit.
5. Find editable parts (with the pencil icon ).
6. Click the part of the page you want to change.
   • This opens the in-context editor. It doesn't support certain actions, like adding a note. To open the full editor, click Open in editor.
7. After you make the change, wait for the preview to refresh automatically or click  Actions and then Refresh manually.