There are a variety of blocks available in the Page Builder to help you create unique, exciting and most importantly, customer friendly flight itinerary templates. Each block has its own customisation options to help you create a template that perfectly suits your needs.
This guide provides an overview of the different blocks available in the Page, and what customisations each block has
The Itinerary Placeholder is a fixed item in the drag and drop editor. Drag and drop other blocks above or below this block to customise your template.
It is used to position other blocks either above or below the flight itinerary, any blocks that are positioned above the Itinerary Placeholder will be displayed above the flight itinerary, and any blocks that are positioned below the Itinerary Placeholder will be displayed below the flight itinerary.
There are no customisations available for this block.
The spacer block is a simple yet essential block that allows you to add space between other blocks on your page.
Choose a background color for the block.
Sets the height of the spacer to 12px.
Sets the height of the spacer to 24px.
Sets the height of the spacer to 36px.
The header block is used to create a prominent title or heading for a section of your page. It can be customized with different colors and text alignment options.
Choose a background color for the block.
Choose a background color for the block.
Aligns the header text to the left.
Aligns the header text to the center.
Aligns the header text to the right.
Sets the text size to 16px.
Sets the text size to 20px.
Sets the text size to 24px.
The agent contact block is designed to provide contact information for an agent. You can customize the background, text, and border colors, as well as adjust the border radius and width.
To set up the agent block, you'll need to add the agent and their contact details to your account.
This can be done in the "Agency Settings" > "Agent Details" section of your account area.
The block can show name, email and phone number of each travel agent.
Once added you will be able to select agent contact on the homepage.
Choose a background color for the block.
Choose a background color for the block.
Choose a background color for the block.
Hides the border
Sets the height of the border to 1px.
Sets the height of the border to 2px.
Sets the height of the border to 3px.
The image hero block allows you to display a striking banner image on your templates.
Whether it's your brand image, a featured product, or a captivating visual, this block helps you create an impactful first impression
Image uploads should be at least 1280px wide to ensure they look good on printed itineraries.
There are no customisations available for this block.
The Styled Text content block is a rich text editor that allows you to add formatted text to your page.
Customisations are as follows:
Font size: 10px, 12px, 14px, 16px, 24px and 36px
Font List: Email safe fonts -> Arial, Courier, Georgia, Helvetica, Times New Roman, Verdana
Text Styling: Bold, Italic, Underline, Strikethrough.
Link: Add a hyperlink to the text.
Text Color: Change the color of the text.
Text Alignment: Align the text to the left, center, or right.
Choose a background color for the block.
The amendments and cancellation block is used to display information regarding airline and travel agent refunds and cancellation fees.
Once this block is added to your template, you will be able to specify what fee's apply to your customers flights.
Under the input box on the home page, a new box will appear where you can enter the fee's for each airline.
You will also need to set your agent fees and currency, which you can do in the "Agency Details" > "Fee Schedule" section of your account area.
Choose a background color for the block.
Choose a background color for the block.
Sets the text size to 12px.
Sets the text size to 14px.
Sets the text size to 16px.
The hero logo and address block is designed to appear at the top of your itinerary.
It allows a left aligned uploadable image area that is suitable for a logo to be uploaded, along with a right aligned text area that's designed for your agency address.
Choose a background color for the block.
Choose a background color for the block.
Sets the text size to 12px.
Sets the text size to 14px.
Sets the text size to 16px.
The divider block creates a border that can be used to break up different sections.
Choose a background color for the block.
Sets the height of the spacer to 1px.
Sets the height of the spacer to 2px.
Sets the height of the spacer to 3px.