Implement your brand’s identity with theme setup
In these settings, you can decide how you will present your brand’s identity. Theme settings allow you to determine your brand’s color scheme and typography – all of which will be reflected on the site.
To access Theme Settings, you need to go to Site Setting and click the Theme tab.
Set up your site’s color scheme
The color scheme will determine colors of specific areas on your site (e.g., background, buttons, text, footer, etc). You can determine up to eight colors to implement (four area colors and four text colors).
Primary color will be reflected on the main CTA buttons (Hero Banner button, ‘View Offer’ button on the homepage, ‘Book Now’ button on Product Detail pages, ‘Search’ buttons, etc), Icon color on the OTA search box, current tab indicator.
Primary Text color will be reflected on the text over main CTA buttons and other buttons where Primary color is active.
Secondary color is reflected on the secondary buttons (newsletter subscription button). Secondary Text color will be reflected on the text over secondary buttons.
Follow these guides to change the color scheme.
Steps:
From your TRAVLR Dashboard, go to Site Settings
Click Theme tab
In the Theme Settings section, go to Colors subsection
To change the color of each available field, you can either use the color picker or enter the hex color code.
You can click Preview to preview the changes. Click Save Changes when done
Important Tips:
Your online travel ecommerce platform is a reflection of your brand in the travel industry. The site’s color scheme should align to your brand’s color scheme consistently. Your color selections should be based on your brand identity and taken into account with care.
Remember: the right website colors improve the customer experience. Your customers should be able to recognize your brand within seconds they visit your website. Therefore, the color scheme should be one that directly complements and aligns with your brand.
While it’s completely fine to use some color trends and combinations that are in style, you need to remember that trends don’t always last.
Set up your site’s typography
Your site’s typography settings determine what font type, size, and style to use on your site.
Important Tips:
Your typography selection is more than just a method to put text on to your website. It should also represent your brand. Please note that you should take brand recognition and consistency into account when determining which typeface to use.
Steps:
From your TRAVLR Dashboard, go to Site Settings
Click Theme tab
In the Theme Settings section, go to Typography subsection
Enter a google font URL (e.g., https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap) or any customized font hosted at TRAVLR Hosting system in the Font URL. [In the future, a user should be able to simply choose between available presets from TRAVLR font bank or manually upload eligible font]
Enter the font family type of your preferred font in Font Family field
Enter custom stylesheet to further customize the typography on the Custom Stylesheet field
Click Preview to see how the changes are implemented. Click Save Changes when done
