The CMS Editor allows you to create, edit and publish pages on your website using a visual, block-based editor. You build pages by adding your content blocks (such as text, images, product listings, or contact forms) to a live canvas and configuring them using the settings panel.

The editor is designed to be WYSIWG (What You See Is What You Get): changes you make are immediately reflected on the page preview. Pages can be saved as drafts, previewed before publishing, and updated at any time.

Using the editor, you can:

✅ Create new pages and manage existing ones

✅ Edit page content and metadata

✅ Arrange and customise content blocks

✅ Manage multilingual content

✅ Preview changes before publishing

Editor

The editor consists of several parts that allow you to comfortably edit your website

🧩 Discover editor elements

#	Editor Element	Description
1.	Menu	Access the Site Structure, Block Library and Settings.
2.	Settings	Toggle light/dark mode or log out.
3.	Page Count	Displays a summary of total pages, with a breakdown of active and inactive pages.
4.	Top Pane	Language toggle, page URL, mobile/desktop/full width view, element descriptor toggle and zoom controls.
5.	Canvas	Displays the selected page content. This is your WSIWYG editor — any changes you make are instantly reflected on the canvas.
6.	Element Settings	Select and modify editable elements in your CMS.
7.	Action Pane	Create a new Page, preview drafts (Draft pages only), or. publish a page.

📒 NOTE

Dynamically generated content, such as the categories or the 'All Articles' page, cannot be edited. However, individual editable elements on these pages can still be modified.

Create New Page

You can create a new page from anywhere in the editor.

Press the + New Page button in the Action Pane.

New Page
In the new page window, enter:
- Title
- URL Slug
Select a destination.
Press the Create button.

Create New Page
Select an element from the Block Library and place it on the canvas.
Edit the element following the on-screen instructions.
Press the Preview Draft button to see how the page will appear.

Preview Draft
Make any necessary changes.
Press the Publish Page button to make the page live.

Publish Page

#	Element	Description
1.	Search and Filter	Search across Pages, Products, Articles, and Categories. Filter by tags (Legacy, Core) and status (Published, Draft).
2.	Category Filter	Show only content from a selected top-level category.
3.	Destinations	Select all destinations, none or specific destinations.
4.	File Structure	Expand folders to reveal underlying content. Each folder displays the number of items, core pages, and custom content.

Convert a Legacy Page

Legacy pages cannot be edited using the new CMS editor. To edit their settings, they must be converted.

📒 NOTE

Once converted:

The page layout and content remain unchanged.
You can edit metadata such as Title and Description.
Any future metadata changes must be made in the editor; dashboard changes will no longer be reflected.

Select a legacy page.
Legacy Page
Click the Convert this page button in the Settings Panel.
Convert this page
Edit the page metadata.
Press the Save button.
Save
📒 NOTE
After conversion, the page is saved in Draft status.
Press the Publish Page button in the Action Pane to make it live.
Publish Page

Block Library

Use the Block Library to mix and match content blocks and layouts.

Add Block

Select a page with editable layout from the site structure.
When first editing your pages, convert them by pressing the Convert this page button in the Page Settings pane.
Convert Page
Open the Block Library.
Drag and drop a block or add it to the start/end of the page.
Block Library

Edit Block

Select a block on the page.
Modify its settings in the Settings Panel.
📒 NOTE
Changes are saved automatically. Use Ctrl / CMD + Z to undo changes.
For multilingual content, use the language toggle in the Settings Panel.
Switch Language
Enter translations for each language.
Press the Save button.
Edit All Languages

Delete Block

Select a block on a page.
Press the Delete Block button in the Settings Panel.
Delete Block

🧩 Discover the Block Library

📒 NOTE

Layouts and elements of dynamically generated content, such as the categories page, cannot be edited.

Dynamic Content Note

Page Headers & Hero Sections

Create the main header area of a page, displaying a title, optional description and background image, with multiple layout styles available.

Page Headers & Hero Sections

#	Setting	Description	Dashboard Settings
1.	Title	Main text (optional).	Web Checkout > Meta Data
2.	Description	Supplementary text displayed in smaller font. If left empty, the title expands to fill the space.	Web Checkout > Meta Data
3.	Background Image	Enter URL or upload an image.	Web Checkout > Branding
4.	Show Search Bar	Enable to display a search bar.
5.	Layout Style	Split Screen
		Full Width
		Centered
6.	Claims	[not editable in this block]	Web Checkout > Claims

Products & Destinations

Display products, product categories, and destinations using flexible layouts, with content sourced directly from your dashboard configuration.

Product Categories

#	Setting	Sub-setting	Description	Dashboard Settings
1.	Title		Main text (optional).
2.	Subtitle		Supplementary text displayed in smaller font. If left empty, the title expands to fill the space.
3.	Category Selection	Automatic	Content is populated automatically based on dashboard configuration.	Products > Categories
		Featured Categories Only	Display only categories flagged as Featured.	Products > Categories
		Destination	Select the destination whose categories will be displayed.	Products > Destinations
		Number of Categories	Select how many categories to display from the dropdown.
		Show Load More Button	Display a Show More button to reveal additional categories beyond the initial selection.
		Manual selection	Manually select which categories will be displayed

Destination

📒 NOTE

This block uses destinations created in the dashboard.

#	Setting	Description	Dashboard Settings
1.	Title	Main text (optional).	Web Checkout > associated Brand name
2.	Description	Supplementary text displayed in smaller font. If left empty, the title expands to fill the space.
3.	Enable Contents Switcher	Enable to allow customers to switch between continents when destinations span multiple continents .
4.	Layout	Choose how destinations are displayed.	Images are pulled from Products > Destinations > Branding
		Large
		Small
		Strip

Product Grid

#	Setting	Sub-setting	Description	Dashboard Settings
1.	Title		Main text (optional).
2.	Description		Supplementary text displayed in smaller font. If left empty, the title expands to fill the space.
3.	Product Selection	Automatic	Content is populated automatically based on dashboard configuration.	Products
		Featured Products Only	Display only products flagged as Featured.	Products
		Destination	Select the destination whose products will be displayed.	Products
		Category	Select the category whose products will be displayed.	Products > Categories
		Number of Products	Select how many products to display from the dropdown.
		Show Load More Button	Display a Show More button to reveal additional products beyond the initial selection.
		Manual	Manually select which categories will be displayed.

Search Bar

📒 NOTE

The search bar is universal and can be used to search products, articles and pages.

#	Setting	Description
1.	Title	Main text (optional).

Content & Media

Enrich your pages with structured content and media elements, including text, images, callouts, and other informational components.

Announcement / Callout

Use this block to highlight important or interesting information.

📗 TIP

The text in Announcement / Callout blocks can be edited directly within the block.

Drag the Announcement / Callout block into the desired position.
In the Settings Panel, add a title and description.
Title & Description
Enter an URL or upload an image.
Background Image
Alternatively, select a flat background color using the color picker or enter the color code.
Background Color
Enter the text that will be displayed on the button.
📗 TIP
If the text field is left empty, button will not be displayed.
Enter the URL the button links to.
Button Text & URL

Divider

Use this block to visually separate sections of your page.

FAQ

Drag the FAQ block into the desired position.
In the Settings Panel, press the + Add FAQ button to add new questions.
Add FAQ
In the FAQ window, enter the 'Question' and the 'Answer'.
Press the + Add FAQ button.
Repeat for additional entries.
Add FAQ
Remove items using the Remove button.
Remove
Press the Done button when finished.
Done

📗 TIP

You can edit or remove, or reorder Q&A entries from the Settings Panel.

Edit FAQs

Feature List

Drag the Feature List block into the desired position.
In the Settings Panel, add a title.
Title
📗 TIP
Optionally, you can hide the title by checking the 'Hide Title' box.
Press the + Add Features button.
Feature List
In the Features window, enter an URL or upload an image.
Feature Image
Enter a feature title and description.
Feature Title & Description
📗 TIP
Optionally, you can enter alt text for accessibility.
Press the + Add Feature button.
Repeat for each new feature.
Remove items using the Remove button.
Remove Feature
Press the Done button when finished.
Done

📗 TIP

You can edit or remove a specific feature, or reorder the list from the Settings Panel.

Edit Feature List

Image Gallery

Drag the Image Gallery into the desired position.
In the Settings Panel, add a title.
Gallery Title
📗 TIP
Optionally, you can hide the title by checking the 'Hide Title' box.
Press the + Add Images button.
Feature List
In the Images window, enter an URL or upload an image.
Add Images
📗 TIP
Optionally, you can enter alt text for accessibility.
Press the + Add Image button.
Add Image
Repeat for each new image.
Remove items using the Remove button.
Remove Feature
Press the Done button when finished.
Done
📗 TIP
You can remove a specific image from the Settings Panel, or reorder images in the list.
Edit Gallery
Select the number of image rows (1, 2 or 3), where each row contains three images.
Number of Rows
Select the layout style:
Layout Style
- Gallery
- Featured

Image with Text

Drag the Image with Text block into the desired position.
In the Settings Panel, add a title and description.
Title & Description
Enter an URL or upload an image.
Image
Enable the Reverse direction to swap the positions of the image and text.
Reverse direction

Legacy Content Disclaimer

Add this block to pages that were created before the new editor's blocked-based editing was introduced.

Edit the disclaimer text as needed.

Edit Body

Rich Text

Use this block to add text-only content, such as paragraphs or formatted text, without images.

Enter a title in the Settings Panel, then edit and format the text directly within the block.

Single Image

Use this block to add a full-width image to your page.

Enter an image URL or upload an image in the Settings Panel.

Single Image

Reviews & Highlights

Build trust by showcasing customer feedback, partner logos, and key highlights that reinforce credibility and value.

Trust Badges / Claims

Use this block to display informative tags about your attraction's offerings, such as Wi-Fi availability, ticket redemption, and more.

In the Settings Panel, choose whether to add claims automatically or manually.

Automatic

Pull claims as added in the dashboard in Web Checkouts > Claims.

Manual

Press the + Add Claim button in the Settings Panel.
Add Claim
Add a Title and select an icon.
Add Claim
Press the +Add Claim button to add the claim to the list.
Add Claim
Repeat for each claim.

📗 TIP

You can also edit or remove a individual claims, or reorder the list from the Settings Panel.

Edit Claims

Partner Logos

Use this block to showcase trusted partners on relevant web checkout pages.

Drag the Partner Logos block into the desired position on the page.
In the Settings Panel, add a title and description.
Partners Title & Description
Press the + Add Partner button in the Settings Panel.
Add Partner
In the Partner window, enter a logo URL or upload an image.
Add Partner Logo
📗 TIP
Optionally, add an image description for accessibility.
Press the + Add Partner button.
Add Partner
Repeat for each additional logo.
Remove items using the Remove button.
Remove Logo
Press the Done button when finished.
Done
📗 TIP
You can also edit, remove, or reorder logos from the Settings Panel.
Edit Partners
Select how partner logos are displayed:
- Banner
- Grid
- Carousel
When using the Banner type, select a scroll speed: Slow, Medium, Fast.
Banner Scroll Speed
When using the Carousel type, customise the block:
Carousel Settings
- Loop - navigation is continuous. Clicking the arrow at the end returns to the beginning and vice versa.
- Show Adjacent Content - partially displays logos at the edge of the screen to indicate more content. When disabled, logos are grouped so that none are cut off.

Reviews

Use this block to add customer reviews to your web checkout pages. Reviews are intended for visitor feedback about your attraction.

Drag the Reviews block into the desired position on the page.
In the Settings Panel, add a title and description.
Reviews Title & Description
Select the type of reviews to display:
- Reviews - rating based customer reviews
- Testimonials - descriptive, text-only feedback
Type
📗 TIP
You can also select the preconfigured Testimonials block directly from the Block Library. This guide focuses on creating a Reviews block. Refer to the Testimonials guide to detailed steps on testimonial blocks.
Press the + Add Review button in the Settings Panel.
Add Review
In the Review window, select a date.
Pick a Date
Enter the reviewer's name and review text.
Reviewer
Set a rating between 0 - 5 stars.
Stars
📗 TIP
Ratings can be set in 0,5 increments.
Choose the reviewer's country of origin.
Country
Enter an avatar image URL or upload an image.
Avatar
📗 TIP
The avatar can be a generic image or the reviewer's photo, if available.
Press the + Add Review button to save the review.
Add Review
Repeat for each additional review.
Remove items using the Remove button.
Remove Review
Press the Done button when finished.
Done
📗 TIP
You can also edit, remove, or reorder reviews from the Settings Panel.
Edit Reviews
Select how reviews are displayed:
- Rows
- Carousel
When using the Rows layout, select the number of rows displayed on the page (1-6).
Enable the Show more reviews button to allow visitors to reveal additional reviews.
Rows Settings
Show More Reviews
When using the Carousel layout, customise the block:
Carousel Settings
- Loop - navigation is continuous. Clicking past the last review returns to the first, and vice versa.
- Show Adjacent Content - partially displays reviews at the edge of the screen to indicate more content. When disabled, reviews are grouped so that none are cut off.

Testimonials

Use this block to add customer testimonials to your web checkout pages. Testimonials are intended for B2B feedback from partners you have worked with in a professional context.

Drag the Testimonials block into the desired position on the page.
In the Settings Panel, add a title and description.
Testimonials Title & Description
Select the type of content to display:
- Reviews - rating-based feedback
- Testimonials - descriptive, text-based testimonials
Type
📗 TIP
You can also select the preconfigured Reviews block from the Block Library. This guide focuses on creating a Testimonials block. Refer to the Reviews guide for detailed steps on review blocks.
Press the + Add Testmonial button in the Settings Panel.
Add Testimonial
In the Testimonial window, select a date.
Pick a Date
Enter the reviewer's name, their testimonial, and the company name.
Reviewer
Enter a company logo URL or upload an image.
Company Logo
Press the + Add Testimonial button to save the testimonial.
Add Testimonial
Repeat for each additional testimonial.
Remove items using the Remove button.
Remove Testimonial
Press the Done button when finished.
Done
📗 TIP
You can also edit, remove, or reorder testimonials from the Settings Panel.
Edit Testimonials
Select how testimonials are displayed:
- Rows
- Carousel
When using the Rows layout, select the number of rows displayed on the page (1-6).
Enable the Show more reviews button to allow visitors to reveal additional testimonials.
Rows Settings
Show More Reviews
When using the Carousel layout, customise the block:
Carousel Settings
- Loop - navigation is continuous. Clicking past the last testimonial returns to the fist, and vice versa.
- Show Adjacent Content - partially displays testimonials at the edge of the screen to indicate more content. When disabled, testimonials are grouped so that none are cut off.

Communication & News

Use this block to add a contact form that allows visitors to get in touch with you.

Drag the Contact Us block into the desired position on the page.
In the Settings Panel, add a title and description.
Contact Us
Enter the email address that should receive form submissions.
Send to Email
To customise the contact form, press the + Add Fields button in the Settings Panel.
Form Fields
In the Configure Form Fields window, you can add preconfigured fields using the Quick Add fields.
Quick Add
Create custom form fields by specifying:
- Field Type - Text, Email, Phone, Text Area or Number
- Field Label - the field name, such as Name or Phone Number
- Placeholder - helper text that indicates the expected input
- Required field - enable to make the field mandatory
Add Custom Field
Press the + Add Field button to add the field to the form.
Add Field
Repeat for each additional field.
Remove items using the Remove button.
Remove
Press the Done button when finished.
Done
📗 TIP
You can also edit, remove, or reorder fields from the Settings Panel.
Edit Form Fields
Select how the contact block is displayed:
- Simple
- With Address
- Dark
When using the Simple or Dark layout, enter an image URL or upload an image.
Image
When using the With Address layout, enter:
- Contact Email
- Phone Number
- Opening Hours
- Street Address
- Shareable directions link (for example, a Google Maps link)
Address
Enter a title and message that are displayed after the contact form is successfully submitted.
Success Title & Message

Settings

Settings allow you to configure your brand colours and enable analytics tracking.

🧩 Discover Settings

Setting	Description
Branding	Set the primary, header and footer colours for your website. Use the color picker or enter a color code. Set up the checkout Widget using accent colours for hover/focus states (Accent A) and active/pressed states (Accent B)
	📒 NOTE Fonts are inherited from the Brand associated with the web checkout. If you have the required permissions, you can upload custom fonts in the Supplier Settings.
Display & Layout	Configure how the product checkout will behave on the product page (embed or pop-up)
Analytics & Tracking	Enable PostHog Analytics to track website usage and interactions.
Domains	Adding a domain is only part of the setup process. Please contact your Ventrata Customer Success Representative for help.

General Recommendations

Use blocks consistently

Reuse the same block types and layouts across similar pages to keep your website visually consistent.

Be mindful of dynamic pages

Some pages (such as category or listing pages) have fixed layouts and cannot be fully edited. Only editable elements can be modified.

Optimise images

Upload high-quality images, at least 1200 x 800 px for smaller images and 1920 x 1080 px for full-width images.
Keep file sizes reasonable for performance.
Always add alt text where available for accessibility.

Check multilingual content

If your site supports multiple languages, remember to enter translations for all text fields using the language toggle.

Review metadata

Page titles and descriptions affect SEO and previews.
Always review metadata before publishing.

Avoid editing legacy pages in the dashboard

Once a legacy page is converted, make all future edits in the CMS Editor to prevent inconsistencies.

How to Set up the Product Level

How to Manage Web Checkouts

How to Create Destinations

How to Use Categories

How to Use the New Content Management System (CMS) for my Website

How to Use the CMS Editor for Your Website

Editor

Create New Page

Menu

Site Structure

Convert a Legacy Page

Block Library

Add Block

Edit Block

Delete Block

Page Headers & Hero Sections

Products & Destinations

Content & Media

Reviews & Highlights

Communication & News

Settings

General Recommendations