Pages & Stories


Update: 28 November 2025 for Release v222


With our 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 changed easily. 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).

  • Pages are your manually created content pages
  • Stories are also manually created content Pages. When you add a Story Type they become a Story and are availble to be featured in other Page and Production Parts.

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.

 
The “Beta” button opens the new page module
The “Beta” button opens the new page 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
 
Notion image

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 Tab

The Details tab is the default tab that is open on your screen. It contains general fields for organising your Page or Story.

New page settings
New page settings
  • 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.
  • 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.

SEO Tab

The SEO tab is used for managing content related to the find-ability of your Page or Story.

  • Meta description: 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
Notion image

 

Visibility Tab

By default the Visibility of your page is set to No, while you work on your Page.

You can make it visible at any time by selecting it to Yes, or schedule visibility in Advanced.

Notion image

Advanced Visibility Settings

With Advanced Visibility you can

  • Show or hide a Page (or a Page part) to Visitors with specific Visitor tags. 
  • Set a Start date or End date (optional) - allowing you to schedule the publishing (and removal) of Pages in advance. These settings can work together with the Visitor tags settings.
  • Set Allow indexing to allow search engines (the site search engine, or external e.g. Google) to include this page in search results. Unchecking this means the page will not appear in search results but could still be accessed via a direct link.
    • Notion image
⚠️
Take note! Make sure the Visitor tag you select is activated in the Marketing > Visitor tags module.

People Tab

In the People tab you can add People connected to this page.

Set their Role and Cluster.


About Page Parts

Every Page is built 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.

💡
Tool Tip! The Hero part is automatically added to all New Pages. Always add a Title in the Hero Part as this will be your only H1 header of the page, that is necessary for strong Accessibility and SEO.
The initial view of the page parts of any new Page. The Hero part is automatically added.
The initial view of the page parts of any new Page. The Hero part is automatically added.

There are a library of Page parts for you to choose from. Select the Add a new part button to see the full list.

All the page parts available to you to use on any page, arranged by type of content.
All the page parts available to you to use on any page, arranged by type of content.

Once added, all Page parts are presented in a list. You can drag & drop parts to change the order they appear on the Front End.

💡
Tool Tip! Add Dashboard notes to each part to keep track of what the part is meant to do.
A collection of page parts with Dashboard notes for each part
A collection of page parts with Dashboard notes for each part

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 helper for internal notes. Very convenient when you are using multiples of the same part.
  • Anchor is the label 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.
    • An example of a page menu, using the anchors in several page parts
      An example of a page menu, using the anchors in several page parts
  • FAQ/Collapsed heading is an optional title you can give the part when you want the content to be collapseable. When collapsed, the content is not shown. Only the FAQ/Collapsed heading is shown with an arrow icon to open it.
    • 💡
      Tool Tip! This is a perfect way to create FAQ’s of multiple parts.
  • Parameters are used to customise the appearance and behaviour of each part. Every part has its own set of default parameters, with additional options available. The default parameters include padding (top and bottom) to control the space around your content. You can also set the Background colour. but
    • 💡
      Top Tip! When changing the background colour using these HEX color codes, make sure to check for contrast to make sure your text is readable.
      The parameter editor is a powerful and intuitive tool to tweak your part. Every part comes with it’s own unique set of parameters.
      The parameter editor is a powerful and intuitive tool to tweak your part. Every part comes with it’s own unique set of parameters.
  • 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 Tab section above)

Available Parts

Content

  • 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 available for Date, Genre, Hall and more
  • 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 update their consent level
  • 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. Note: only for integrated purchase paths.
  • Validate discount code: Used in the Ambassadors feature, only for integrated purchase paths

More information about specific Parts:

Hero part

Always appears at the top of the page. Here you manage the Page Title (H1) shown on the website. It’s important to always add a Title for SEO and accessibility reasons.

Notion image

You can also add a Description, which will appear underneath the Title.

Example of a header part with text and without image
Example of a header part with text and without image

Adding an Image to your Hero part will display it at the top of the Page. The image will always be placed behind the text. Pay attention to whether the text is still easy to read.

Example of a header part with text and image
Example of a header part with text and image

It is also possible to display a 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 web browsers, an image as fallback is necessary.
  • A new parameter "Video URL" in the header part. Here you can add any Youtube or Vimeo url.
    • Notion image
       
Media Gallery Part

In the Media gallery part you can upload one or more photos at a time and it comes with various layout options, using the available Parameters to your desired settings. This part offers different settings for if there is only one image (single dropdown) or if there are multiple images within the same part (look at the multi dropdown). The look depends on the amount of uploaded images.

Notion image
 
Options for a single image

Full width

Notion image

Boxed

Notion image

Boxed with text on top

Notion image

Boxed with text on the right (or on the left)

Notion image
Options for multiple images

Full width slideshow

Notion image

Full width grid two columns

Notion image

Full width grid three columns

Notion image

Three tiles

Notion image

Five tiles full details

Notion image
💡
Tool Tip! The Padding (top and bottom) and Background colour parameters are available in all these layout varients.
 

The Title, Description and Credits that you can add for each image are used in some of the above layout variants. These can be adjusted per image when selecting Edit:

Notion image
 
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 similar to the Media gallery part boxed with text on the left/right. The difference is, this part has more room for text, and the image is generally a bit higher.

Notion image
 
Iframe part

Use iFrame to integrate videos, podcast, music playlists or other inspiring content to your page.

Notion image
 
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?

  1. Click "Duplicate page" at the top of any page.
  1. The copy opens immediately, ready to edit. With the Visibility switched off until you are ready to publish the page.
Notion image
⚠️
Take note! This is a Beta version. If you spot something odd, please use the ‘Leave feedback’ link at the top of the module screen.
 

 

Related articles

Did this answer your question?
😞
😐
🤩