Skip to main content

Primary Logo, Header Picture and Loading Placeholder

Product Management avatar
Written by Product Management
Updated this week

Overview

TripBuilder offers flexibility in customising its visual appearance by allowing you to:

  • Select images for the primary logo, header picture, and loading placeholder.

  • Configure themes.

Each configuration is tailored per distribution channel, enabling distinct visual branding. This article specifically addresses the configuration of the primary logo, header picture, and loading placeholder.

Know more:

For further details on theme configuration, please see the Themes article.

Primary Logo

The primary logo appears in the header (left side) and on travel documentation.

Supported file formats include JPG, PNG, and SVG.

Primary Logo in TripBuilder Dashboard.png

Note: A primary logo will work best if its width is greater than its height. In TripBuilder, the logo's height is fixed while the width dynamically adjusts. Logos that are squared or portrait-oriented will not have an optimal display.

Header Picture

The header picture is used as a background on some pages, such as the TripBuilder Dashboard or the Discovery Overview. If not specified, a default picture is used.

Supported file formats are JPG, PNG, and GIF.

Header Picture in TripBuilder Dashboard.png

Loading Placeholder

The loading placeholder image appears when an itinerary is being created. If not specified, a default image is used. Supported file formats are JPG, PNG, and GIF.

Loading.png

Configuration

To customise the visual appearance, follow these steps:

  1. Go to Settings.

  2. Click on Distribution Channels.

  3. Click on your TripBuilder ID.

  4. Ensure the General tab is selected.

  5. Scroll down to the Theme setting under the Styles section.

    Screenshot 2024-10-12 at 23.13.38.png


    Note: To replace an existing logo, header picture, or loading placeholder, click the Bin icon next to the image to delete it. A new Upload Logo button will appear.

  6. Click on the Upload Logo button.

  7. The Picture Upload page will be displayed.

    Screenshot 2024-10-12 at 23.15.30.png

  8. Click on +Add Files to upload a new image from your computer.

  9. Once selected, click on the Start Upload button.

    Start Upload.png

  10. Click the OK button to finalise the image upload process and close the Picture Upload page.

Did this answer your question?