When creating pages, blogs and itineraries you will use our Page Builder to add various components. Each component is specifically designed to accommodate certain features, entries, styles and layouts. You can use various components on one page depending on the result you're trying to achieve. The styles of each component depend on your signed-off design.
Please note: Additional style variants will require Roam Services time at normal rates.
Quick shortcuts to each component:
- Blockquote
- Code Snippet
- Code & Text
- Featured
- Form
- Image
- Image & Text
- Pages
- Product
- Related Content
- Text
- Video
- Widget
- Product Map
- Tabbed Carousel
Blockquote
The blockquote is helpful in creating a testimonial or stressing the importance of a piece of content, for example, in your blogs.
Blockquote used in testimonial Blockquote used in the content
Code snippet
The code snippet is used to add a 3rd party feature to one of your pages/blogs/itineraries, for example, an e-booklet. Your 3rd party feature provider will provide the code which you will then insert into the code snippet field.
Code & Text
The code & text component is almost identical to the code snippet component with added fields for introductory heading and description.
Featured
The featured component is designed for adding blogs, products and page entries only. If you'd like to use any other entry, for example, itineraries, please use the component suitable for adding this type of entry (Related Content component). Depending on your design, your featured component may include different styles.
Please note: Additional style variants will require Roam Services time at normal rates.
Form
The form component allows you to add a pre-set form to your pages, blogs or itineraries. For example, a contact form on your Contact Us page. If you require adding new forms, please contact your project manager.
Images
The image component lets you add several rows of images with a heading and the ability to link the images to URLs, Pages and Assets. By default, the component comes in two layouts: grid and carousel. The default style will depend on your signed-off design.
Please note: Additional style variants will require Roam Services time at normal rates.
Grid layout Carousel layout (rotates images automatically)
Image & Text
This is a nice little component that allows you to have an image(s) and text side by side with an option to choose the image(s) on the right or left of the text. When more than one image is added, the image feature displays arrows for the ability to scroll through the images. You can play with this component and use multiple instances arranging it left - right or any arrangement you prefer.
Please note: Additional style variants will require Roam Services time at normal rates.
Pages
This component is designed to add page types only. This means Pages and Blogs. In addition, the component will allow you to add a link below (either to URL, Page or Assets).
As an example, you might want to display your top recommended blogs. Then, you can add a link below to take a user to see all the blogs. As with most of the components, the style will depend on your signed-off design (please see an example of grid style below).
Please note: Additional style variants will require Roam Services time at normal rates.
Product
For products only. This component lets you pick your products individually, based on categories, regions and tiers and have them displayed in alphabetical or random order. You can also exclude certain products. You can choose how many you'd like to display (minimum 3) however we recommend max 6 without having the page look cluttered. If you want to navigate a user to a full range of products, you can add a link that displays below. By default, the component comes in two layouts: grid and carousel. The default style will depend on your signed-off design.
Please note: Additional style variants will require Roam Services time at normal rates.
Related Content
Probably the most versatile out of all components, Related Content lets you add pages, blogs, itineraries and products and mix and match between them. The style of this component depends on your signed-off design.
Please note: Additional style variants will require Roam Services time at normal rates.
Text
The text component is great for your generic body content however you can also use it for adding heading only. The component comes with various formatting options such as heading size, button, linking, ability to organise content into columns and more. The style of this component depends on your signed-off design.
Please note: Additional style variants will require Roam Services time at normal rates.
Video
This component lets you add a link to either YouTube or Vimeo videos. This component doesn't offer different styles. The compatible link formats are:
- https://www.youtube.com/watch?v=G9KDqfpCgws
- https://youtu.be/G9KDqfpCgws
- https://vimeo.com/235931411
Widget
Roam platform offers 3 types of widgets. The styling depends on your signed-off design.
- Subscribe
- For your sign-ups e.g. newsletter
- Banner
- Depending on your signed-off style this is usually a tall full-width banner with text and a button
- Instagram
- For your Instagram feed
Please note: Additional style variants will require Roam Services time at normal rates.
Product Map
Although this is an optional add-on component, we strongly recommend adding a product map to your website. Product map helps users to visualise the location of the products and plan their journey accordingly. Our product map is interactive, click on each product pin displays a card with a short product summary and a button that takes the user to the product page with full information. Filter helps users to navigate through particular types of products, for example, showing just accommodation products.
The product map uses positioning settings that you can adjust accordingly like zoom and latitude and longitude values. You can adjust the radius and filter out only those regions you would like to display.
The standard product map add-on comes with basic colours and fonts however, a full customisation add-on is also available. Please contact your project manager for more information.
Basic colours and fonts
Full customisation
Tabbed Carousel
The tabbed carousel lets you add products and organise them into meaningful groups such as accommodation, attractions etc. A user can then browse through different selections of your products. As the name suggests, this component comes with its own style - carousel. It is a very specific component and we don't provide additional styles for this component.
Please note: The tabbed carousel is used for Product entries only. If you'd like to add other entries (page, blog, itinerary) please use an appropriate component. If that component doesn't have a "carousel" type of style, you'll need to request it with your project manager. Additional style variants will require Roam Services time at normal rates.
Comments
0 comments
Article is closed for comments.