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
With Web Spotlight, your content creators can easily create and manage your website’s content and navigation structure without coding. 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:
Reuse content across different channels to ensure consistency and efficiency in unifying the brand voice and message.
With API-first content and SDKs available, it offers the flexibility to deliver content to various front-end systems.
Integrate Web Spotlight with spaces
If you’re using spaces for your single project, you can integrate Web Spotlight with spaces to synchronize your content across your website. For a multisite setup, like the Ficto Luxe example, you can repeat the same for each website within your project. 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.Here’s a checklist of what you need to have ready before activating Web Spotlight:
Collections – organize your content to reflect your business’s structure and purpose, further streamlining content creation and management.
Workflows – define the process that content in each collection will follow, ensuring that your content creators align with your organizational standards and processes.
Spaces – assign collections to specific spaces to manage content effectively across different websites or channels.
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 spaces, you need a root item. Since you activated Web Spotlight, creating a root item will use one of the content types that came with the activation as the default.Having a root item assigned to your space will let you:
Establish the hierarchy and structure of your website within that space.
Keep content specific to this space, ensuring it fits the intended website.
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.
To exemplify, the left side of the image below shows Ficto Rouge’s space configuration with the root item from the Web Spotlight’s root type. The root item serves as the foundation of the website’s hierarchy. The right-hand side of the image shows this root item integrated within Ficto Rouge’s Web Spotlight. This integration lets Ficto Rouge’s teams build and manage the website’s hierarchy and navigation. They can create content in the designated space.Before you set your root item, ensure you have your foundational parts ready beforehand: collections, workflows, and spaces. Then, add the root item to your space for your content to grow. Now, you’ve got your very first website set up with Web Spotlight.Repeat the same process for other websites if you aim to have a multisite project.
Time for the handover
It’s time to hand over the rest of the configuration setup to the developers for the technical magic ✨. Your developers 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 website.Once the configuration is set for your websites, your project will have a fully integrated Web Spotlight for your spaces.
Sign in with your Kontent.ai credentials or sign up for free to unlock the full lesson, track your progress, and access exclusive expert insights and tips!
Setting up a space with collections assigned
Ficto Luxe’s brand, Ficto Rouge has a root item (purple) of the Web Spotlight root type (orange) that is used to create the content tree.
Try it yourselfReady to put your learning into practice? Go to your project in Kontent.ai and set up your collections, workflows, spaces, and Web Spotlight. This is the perfect opportunity to observe how you can organize your content efficiently for your team and display your content to the dedicated space via Web Spotlight.
. All rights reserved.
