Hero: Adding and customising the Section

This guide walks you through building and customising the Hero section in Trips. Learn how to effectively showcase yacht and route headlines and graphics with this section.

What is the Hero Section for?

The Hero section acts as the title page of your presentation. By default, it includes a main banner featuring your yacht's name, or route name with region, and a large-scale image (Depending on what slide you are working on for your presentation). The style of the Hero section can be adjusted as well. Many of our users decided to add a Hero section to the top of each page in their presentation. 

▶️ Checkout this awesome example presentation. using a hero section 

How to add a Hero section to you presentation

To add the Hero section to your presentation:

1, Click the '+ Add Section' button to open the section selection menu.

Make sure you are in Yachts and select "+Add Section"

2. Find and click on the section called 'Hero' to add it to your presentation. 
Click on Add new section   Choose a section type to add. Hero  Add  Toys & Amenities  Add  Overview  Add  Crew  Add  Specifications  Add  Pricing  Add  Heading  Add  Space  Add  Additional Notes  Add  Button  Add  Embed Video  Add  Checklist  Add  Business Card  Add  Disclaimer  …

3. Once added, it will auto-populate with images and text, depending on what hero you have added on what page within the presentation. You can then begin to edit and customise any of the content.
Click on 4   2   Add Section  Add new section   Choose a section type to add. Hero  Add  Toys & Amenities  Add  Overview  Add  Crew  Add  Specifications  Add  Pricing  Add  Heading  Add  Space  Add  Additional Notes  Add  Button  Add  Embed Video  Add  Checklist  Add  Business Ca…

Customising the Hero section

1. Start by hovering over the top right corner of the section to show the action toolbar, then click the pencil edit icon. 
Click on highlight

The settings panel will open on the left and allows you to modify the gallery, layout, and content style.
2. You can adjust the layout of the section by clicking the tab titled 'Layout' of the settings panel, then click on the layout you wish to use. 
Click on Hero Options  Layout Gallery    Include ‘Show all Photos’ gallery button. NB: All images in this section’s gallery will be included and shown to your client.  Select a contents style to apply to this section.  Single full size One hero image that stands alone.   Triple s…

3. To turn on or off the gallery button, you can toggleit here as well. 

Click on

4. To change the images shown on the hero section, simply click the tab titled 'Gallery'. You will see a list of all images that are available for use that come as default with the Yacht or Route you have selected. You are also able to upload your own as well. 

To select an image, you can hover over the image and then click 'Add', or drag the image into the area you want it to be shown. 

⚡Quick Tip

You can preview the presentation before sharing it; simply click the 'Preview' button at the top of the screen. 

Still Need Help? 

Speak to our Customer Success team, who are here to support you via support@ankor.io or chat with us using the Life ring Help feature at the bottom right of our application. 

Was this article helpful?