π£ IMPORTANT π£
All websites created using the Ventrata web builder will be automatically upgraded to the new content management system (CMS) by end of March 2025. This update will introduce several changes to the look and feel of your website. However, all your product information, branding, and content will remain unchanged.
What's New?
The updated CMS brings several improvements to your websites, including:
β faster loading times
β a sleek and upgraded checkout process
β mobile-optimised design
β improved navigation
β cleaner layouts
β compliant with accessibility standards
You will find a detailed overview of the CMS across various page layouts, along with explanations of where each content element is pulled from.
Landing Page
By default, the web checkout using the new CMS will display the destination gallery as the landing page.
π TIP
You can change the landing page to a different page in the web checkout settings.
𧩠Discover page elements
𧩠Discover page elements
Landing Page
# | CMS Element | Description | Content Source |
1. | Supplier logo | Displays the supplier checkout logo. | Brands - uploaded to the 'Checkout logo' field |
2.
| Destination selector | Lists whitelisted destinations, grouped by geographical continent. | Web Checkout > Blacklist / Whitelist Destinations |
3. | Language selector | Allows customers to switch between available languages. | Supplier Settings > language fields |
4.
| Navigation |
| Web Checkout > Navigation |
5.
| Supplier name | The name of the supplier as set in the supplier settings. | Supplier Settings form |
6.
| Search bar | Shows results for content associated in the web checkout. | |
7.
| Continent selector | Automatically shows continents where the products are located. | Product form > Address |
8. | Destination gallery | Displays a gallery of whitelisted destinations with card sizes adjusted based on the number of destinations. | Destination > Branding > Cover Image |
π NOTE
If there is only one destination, the landing page will match the destination landing page.
Destination Landing Page
Customers who select a destination through the:
destination selector
destination gallery
search results
will be redirected to the destination landing page.
π TIP
You can change the destination landing page to a different page in the web checkout form.
𧩠Discover page elements
𧩠Discover page elements
Destination Landing Page
# | Element | Description | Content Source |
1. | Supplier logo | Displays the supplier checkout logo. | Brands - uploaded to the 'Checkout logo' field |
2.
| Destination selector | Shows the current destination and allows customers to switch between destinations. | Web Checkout > Blacklist / Whitelist Destinations |
3.
| Notices | Displays updates or promotions at the destination. | |
4. | Language selector | Allows customers to switch between languages. | Destination > language fields |
5. | Currency selector | Allows customers to switch between currencies. | Destination > currency fields |
6. | Navigation | Displays links to pages, articles, products, product categories, redirects as configured on the web checkout for the specific destination.
| Web Checkout > Navigation |
7. | Title | Displays the title of the destination page. | Destination > Title |
8. | Description | Displays the destination's description. | Destination > Description |
9. | Search bar | Shows results for any content associated with destination, this includes articles, pages and products.
| |
10. | Banner image | Displays the banner image for the destination. | Destination > Branding |
11. | Featured products | Displays product cards from the featured category. | Web Checkout form > Featured Category |
12. | Claim | Shows short info tags, for example, "WiFi Onboard". |
π NOTE
If there is only one destination, the landing page will match the destination landing page.
Product Page
Customers can access a product's detail page by clicking the View Details button on a product card.
Locating Products
𧩠Discover page elements
𧩠Discover page elements
Product Page
# | Element | Description | Content Source |
1. | Supplier logo | Displays the supplier checkout logo. | Brands - uploaded to the 'Checkout logo' field |
2.
| Destination selector | Shows the current product's destination and allows customers to switch between destinations. | Web Checkout > Blacklist / Whitelist Destinations |
3.
| Notices | Displays updates or promotions for the product or the entire destination. | |
4. | Language selector | Allows customers to switch between available languages. | Destination > language fields |
5. | Currency selector | Allows customers to switch between available currencies | Destination > currency fields |
6. | Navigation | Displays links to pages, articles, products, product categories, redirects as configured on the web checkout level for the specific destination.
| Web Checkout > Navigation |
7. | Title | Displays the product name. | Product > Title or Internal Name (if 'Title' is empty) |
8. | Description | Displays the product's tagline. | Product > Caption |
9. | Image gallery | Showcases product images. | Product > Gallery Images |
10. | Checkout Widget | Allows customers to book the product directly from the product page. | |
11. | Duration | Displays the tour duration. | Product / Option duration / Point to Point (distance between points) |
12. | Languages | Shows available language options. | Option form |
13. | Overview | Displays a short description of the product. | Product > Short description |
14. | Included / Excluded | Lists tour inclusions and exclusions. | Product > Inclusions / Exclusions |
15. | Important information | Displays frequently asked questions. | Product > FAQ |
16. | Highlights | Shows gallery images with captions. | Product > Gallery Images |
17. | More information | Provides a detailed product description, including tour features, sites and points of interest. | Product > Long description |
Category Pages
Categories help organise products into meaningful groups. Customers can access them from:
navigation (header or footer)
destination pages (using the featured category).
𧩠Discover categories
𧩠Discover categories
Categories automatically appear in the footer of a destination and product pages if the destination's products belong to those categories.
When accessed from a destination or product page, the list of categories is filtered to match the selected destination's products.
The Categories page inherits the navigation from its source (landing page, destination, or product page).
Categories
π TIP
Learn more about categories.
Footer
The footer provides additional navigation to pages, articles, categories or products, such as supplier information and contacts details.
𧩠Discover footer elements
𧩠Discover footer elements
Footer
# | CMS element | Description | Content Source |
1. | Supplier logo | Displays the supplier logo. | Brands > uploaded to the 'Logo White' field |
2. | Contacts | Displays the contact details in the checkout brand. | Brands > contact fields |
3. | Social media icons | Links to the supplier's social media pages. | Supplier Settings > socials |
4. | Copyright | Automatically populates with the supplier name and current year. | Supplier Settings > Name |
5. | Menu | Displays links to pages, articles, products, product categories, redirects as configured on the web checkout level for the specific destination. | Web Checkout > Navigation |
6. | Top Categories / Top Products | Displays quick links to categories and products. | |
5. | Powered by Ventrata | Indicates that the web checkout was created using the Ventrata web builder. | Web Checkouts > 'Show Powered by' field |
General Recommendations
Image Quality & Formatting
Use large, high-quality images.
At least 1200 x 800 px for cover images and 1920 x 1080 px for banners.
Optimise file size to maintain fast loading times.
Image Quality & Formatting
Product & Destination Descriptions
Keep descriptions clear and concise.
Ensure translations are available if having multilingual content.
Accessibility & Usability
Use alt text for images to improve accessibility and SEO.
Maintain strong contrast between text and background for readability.
User Flow
Use categories effectively to improve discoverability.
Ensure custom buttons, images and text scale correctly on all devices.