Manage your website content visually without leaving Kontent.ai using Web Spotlight.Web Spotlight focuses on website management. It enables content creators to 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 how the content is structured.
Web Spotlight
If there were a way for your content creators to create your website’s content and navigation structure easily without coding, it would be Web Spotlight. Web Spotlight eases the authoring experience by providing a visual and intuitive interface that mimics your website’s structure. Here’s how you and your content creators benefit from using Web Spotlight:
View the website’s hierarchy and understand how content is organized and interconnected.
Create new pages directly from the page tree, which simplifies expanding a website’s content.
Live edit and preview changes directly where you can see how the content will look in real-time before publishing.
Ensure the adjustments made to the content appear correctly within the desired standards, which helps minimize the need for revisions after publishing content.
Plus, as Kontent.ai is still the engine behind Web Spotlight, you can use all of its headless CMS advantages:
Able to reuse content across different channels and other places, which helps ensure consistency and efficiency in unifying the brand voice and message.
With API-first content with SDKs available, it offers the flexibility to deliver content to various front-end systems.
Integrate Web Spotlight into spaces
If you’re using spaces for your single project, you can integrate Web Spotlight with spaces to synchronize your content across your website. And, if you want to have a multi-site project set up as seen in this example, you can repeat the same process for multiple websites. This integration lets your content be displayed consistently and accurately across all your websites.To prepare for integration, you need to activate Web Spotlight. One of the perks of activating Web Spotlight is that it comes with a few additions to your content model to streamline the setup process and manage the web content in Kontent.ai.Once that’s activated, here’s a checklist of what you need to have ready:
Collections
Workflows
Spaces
When you have the workflows your collections will use, you can ensure your content creators align with your organizational standards and processes. You effectively organize and manage content across multiple websites or channels by assigning these collections to specific spaces. With Web Spotlight activated, you ensure consistent and efficient content delivery on your websites.
The root of all content
For Web Spotlight to work with your space, you need a root item. Having a root item assigned to your space will let you:
Establish the hierarchy and structure of your website within that space.
Ensure the right content is meant for this space only.
Simplify the content creation process to locate and update content specific to that space quickly.
Manage previews and publishing configurations specific to different parts of your content.
Since you activated Web Spotlight, creating a root item will use one of the content types that came with the activation as the default.The animation below shows the space configuration where the Ficto Rouge’s root item from the Web Spotlight’s root type is displayed on the left. This highlights how the root item is set up within the space configuration, emphasizing its role as the foundation of the website’s hierarchy. The right-hand side of the animation shows how the same root item is used within Ficto Rouge’s Web Spotlight. The root item integrates into Web Spotlight, enabling Ficto Rouge’s teams to build and manage the hierarchy and navigation of their brand website and create content in the dedicated space.And that’s how you set up the foundational parts of your first website. Repeat the same process for your other websites if you aim to have a multi-site project.
Time for the handover
Developers, it’s time for the technical magic ✨. You will need to configure Web Spotlight for the spaces created so that each space and content type has a preview URL set up. This is essential for content creators to preview what the content looks like on the websites.Once all the configurations are set for your websites, your project will have a fully integrated Web Spotlight for your spaces.
Put on your explorer’s hat 👒If you’re curious to see how Web Spotlight works in a multi-brand project, you can create a sample project to see how everything comes together. Dive into how workflows, collections, and spaces are set up and why they complement each other with Web Spotlight. Think of it as your safe space to explore, experiment, and learn, helping you tailor the perfect setup for your organization’s needs.