Update: 28 November 2025 for Release v222
With the smart page builder, each Page can be made out of several different ‘Parts’. Each part has its own look and own dedicated function and can be used multiple times per page.
The order in which the parts are displayed on the page can be modified manually. This means that the possibilities are literally infinite! First create your Page, then use the wide selection of page parts to add content and functionality to your page!
After creating a page you can add it to the menu. It is also possible to access a page without adding it to your menu. In this case, the page can be found if someone has the right URL (for instance by clicking on a link).
The pages & stories module
To create and manage your Pages and Stories, go to Dashboard > Stories > Pages
The new Pages & Stories module is currently still in Beta. Look for the “Beta” label next to the module name in the CMS menu to open the new module.
In the overview you have several options to navigate through your collection of Pages and Stories:
- Use one of the 5 quick story type filters to find frequently used stories
- Use the “filter” option at the top right of the screen for additional filter options to include or exclude story types in your overview
- Use the quick search to find your page or story
- Sort the overview by any of the columns, using the sort icons next to the column name
- View the page or story on your website with the quick view icon on the right
How to add a Page or Story
Use the “add page” button to create a new page or story
A new screen will appear with four tabs. Let’s go through each of these tabs to get a feel of what they are used for.
Details
The Details tab is the default tab that is open on your screen. It contains general fields for organising your page or story.
- Meta title: For SEO and socials (OpenGraph)
- Dashboard note: Visible only in the Dashboard
- Story type: By adding a story type you convert a regular page into a story. It can then be included in story overviews anywhere on the website where stories are featured.
- Publication date: The publication date is used for ordering content items among themselves.
- Include in AI feed: This checkbox manages if the page or story is included in the AI feed, used for chatbots on your website. More info about feeds
- Related productions: Quickly add productions related to this story. These can be displayed on the page by adding the “related productions” part later. Vice versa, the current story can then also be shown on all related productions, by adding the “related stories” part to the production template.
- Properties: Select special settings for your Page or Story. Usually these contain different styles, if they were configured for you.
- Is part of collections: Add your Page or Story quickly to any collection for displaying elsewhere
SEO
The SEO tab is used for managing content related to the find-ability of your page or story.
- Slug: Use this to tune the url of your page. More information about slugs
- Meta description: For a short summary used within story overviews on the website , SEO and socials (OpenGraph)
- Alternative search terms: Add extra search terms to make sure the page is found in the website search tool when these terms are used by your visitor. Add different spelling variants of complex words to help your visitors find the correct page.
- Meta image: The standard small image that is used in overviews and when sharing the story on socials
Visibility
The visibility of your page is set to “No” by default while you work on your page. You can make it visual at any time by hand, or schedule visibility in the “advanced” tab.
Advanced Visibility Settings
- You can show a page (or page part) to (or hide from) visitors with specific visitor tags.
- Setting a start date or end date are optional, and allow you to schedule the publishing (and removal) of pages in advance. These settings work together with the visitor tags settings above.
- Allow indexing: allow search engines (like the search engine of your website, or Google) to include this page in search results.
People
In the People tab you can add People connected to this page.
Page Parts
Every page can be constructed by adding one or multiple page parts. Each part is designed to manage a specific type of content and present it in the best ways possible.
Before adding new parts to your page, first save your Page.
After saving, your page will show a collection of all your page parts. When you just started, your page part collection will only have 1 part: the hero part. This part is required, as it contains your page title; the only H1 header of the page, that is needed for accessibility and SEO reasons.
There are lots of page parts you can add to your page. You will find them after clicking the “add a new part” button.
Once added, all page parts are presented in a list. You can drag & drop parts to change the order of the page parts. It is recommended to add dashboard notes to each part to keep track of what the part is meant to do.
Each page part comes with a set of options and their own specific content management tools. All page parts contain at least the following default options:
- Dashboard note is your little helper for internal notes. Very convenient when you are using multiple of the same parts.
- Anchor is the name of the part that is displayed on the website in the sub navigation bar of the page. Leave this empty if you don’t want sub navigation for the page, or give each part an anchor name to enable visitors to jump to the exact part of your page.
- FAQ/Collapsed heading is an optional title you can give the part when you want the content to be able to collapse. When collapsed, the content is not shown. Only the FAQ/Collapsed heading is shown with an icon to open it. This is a perfect way to create FAQ’s of multiple parts.
- Parameters are used to tweak the part. Every part can have a different default set of parameters, and there are a lot of extra parameters that can be added. Most common parameters are the padding top and bottom around the part to create some extra space around the content. Background color is also available, but make sure to keep it close to your standard background color to maintain proper contrast levels with your text.
To add space between the different parts you can use the “Padding” options. Use the “Background” option to configure a background color using these HEX color codes. Do mind that your text is usually dark, so use light background colours for sufficient contrast.
- Visibility of a page part is a very powerful tool. You can schedule visibility in the Advanced section, or make sure the part is only visible to (or hidden from) visitors with a specific Visitor tag. (see “Visibility” on the main page section above)
Available Parts
Content
- Content library Add content from the content library
- Description Add rich text and HTML markup
- Description with image Same as above, but with image
- Media gallery A collection of one or multiple images with various layout options
- Teaser A short text, styled as a teaser
- Embed Embed third party media. Supports Spotify, Soundcloud, Tally, Vimeo and YouTube
Events
- Cinema Planner Place a dedicated overview of the next 7 days of movies
- Events (via People) Populate a list of productions connected to specific People
- Events (via Themes) Populate a list of productions belonging to a theme
- Events List Populate a list of productions with advanced filtering on date, genre, etc
- Featured Theme A banner, highlighting a specific theme
- Filter buttons A genre filter to place above a list of productions
- Related Productions A set of all productions related to this page (as selected in the main page view)
Stories
- Collection Show all Stories or all productions belonging to a specific collection
- Stories Show an overview of all stories (from specific story types or connected people), and add navigation filters
- Suggested Stories Curate your own custom selection of stories
Other Parts
- Cookie reset Feature that shows visitors which consent level they have given and the option to withdraw their consent
- Donation A stand alone donation form, typically only connected directly to a PSP (no box-office connection needed)
- Form Default forms configured by CultureSuite
- IFrame
- Newsletter Subscribe A stand alone Newsletter subscribe form and onboarding flow
- People An overview of people, grouped by role or cluster. Option to display only people connected to the current page
- Send discount code Used in the “ambassadors” feature, only for integrated purchase paths
- Spektrix Upsell Only available for Spektrix users. More info
- Validate discount code Used in the “ambassadors” feature, only for integrated purchase paths
More information about specific parts:
Hero part
The part that is always at the top of the page is the Hero part. Here you manage the page title (H1) shown on the website. It’s important to always add a title for SEO and accessibility reasons.
A description is also possible (which comes underneath the title).
By adding a photo to your Hero part, this will be shown on top of the page.
If an image is uploaded in the "Hero" part, it will always be placed behind the text. So pay attention to whether the text is still easy to read.
It's also possible to show a background video in the header. It will play without sound and replaces the background image. For this to work you will need:
- a header in the "full width" setting. If you are using headers with "boxed" images, you would need to change this by adding the parameter "variant" to the header and set this to "default".
- a background image. Video does not always load correctly on all webbrowsers, so an image as fallback is necessary.
- a new parameter "Video URL" in the header part. Here you can add any Youtube or Vimeo url.
Media Gallery Part
In the "Media gallery" part you can upload one or more photos at a time. You can then use various layouts. You do so by setting the parameters to the desired setting. This part offers different settings for what needs to be done if there is only one image (single dropdown), but also settings in case of multiple images within the same part (look at the multi dropdown). The look depends on the amount of uploaded images.
Options for a single image
Full width
Boxed
Boxed with text on top
Boxed with text on the right (or on the left)
Options for multiple images
Full width slideshow
Full width grid two columns
Full width grid three columns
Three tiles
Five tiles full details
The background color and padding (above and below) are adjustable in all these variants.
The Title, Description and Credits that you can add for each image are used in some of the above variants. These can be adjusted per image when selecting “Edit”:
Description part
The Description part is very simple - if you want to place some rich text on your page, use this part. This can be a short or longer text. If you want to show an introduction to the whole page, or an introduction above or below (for example a media gallery), you can easily add a description part. This can also be used to add a button to your page. Learn more about the rich text editor
Description with image part
The Description with image part is almost like the media gallery part “boxed with text on the left/right. The difference is that this part has more room for text, and the image is generally a bit higher.
Iframe part
Use iFrame to integrate videos, podcast, music playlists or other inspiring content to your page. Read more about iFrames in the website feature manual.
Donations
For more info about the donations part? Check the dedicated manual about donations.
Duplicate a Page
- The new Pages module (in Beta) includes page duplication – copy any page with all its images, content, and settings intact.
- Use an existing Page or create a “template” page with all the Parts and Parameters set how you like to ensure consistency in formatting and layout across all your story pages.
How do I use it?
- Click "Duplicate page" at the top of any page.
- The copy opens immediately, ready to edit. With the Visibility switched off until you are ready to publish the page.
Related articles