Your content in the spotlight

Live preview

With live preview connected with spaces, your content creators can easily create and manage your website’s content and navigation structure without coding. This connection 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 live preview with spaces:

• View the website’s hierarchy and understand how content is organized and interconnected.
• Create new pages directly from the navigation 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 a headless CMS, here are the 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 live preview with spaces

If you’re using spaces for your single project, you can integrate live preview 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 live preview.  Here’s a checklist of what you need to have ready before integration:

• 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 live preview activated, you ensure consistent and efficient content delivery on your websites.

The root of all content

To use live preview with spaces, you need to assign a root item to each space. The root item defines where the website's navigation begins for that space. Doing so helps 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 configuration specific to different parts of your content.

In the example below, Ficto Glow has a space configured with the root item (on the left). On the right, you can see how the root item appears in Ficto Glow's space, helping Ficto Glow’s teams manage the website’s hierarchy and navigation. They can also create content in the designated space. Now, you’ve set up your first website with live preview and spaces. If you aim to have a multisite project, repeat the same process for other websites.

Time for the handover