How do you customize colours of your GOL IBE front-end?

1. Log in to the Admin Console.

2. Navigate to the correct section:

• For Dealers: Go to Dealer > FRONT-END SETTINGS.

• For Agencies: Go to Dealers > Select the Dealer > FRONT-END SETTINGS.

1. Explore the Color Customization Options: In this section, you will find the following categories for color customization:

• Background : Refers to the background of your GOL IBE site. For example, if you select green, your site’s background will appear green.

• Progress Bar: This section allows you to change progress bar color.

• Texts: Refers to all text elements displayed on your GOL IBE site.

• Borders: This section allows you to change border color.

• Shadows: This section allows you to change shadow color.

• Links: This section allows you to change links color.

• Gradients: This section allows you to change the color of the SEARCH button on your GOL IBE site.

• Progress Bars: This section allows you to change color of further progress bars.

• Sliders: This section allows you to change the color of the sliders.

• Tables: This section allows you to change table color.

• Colors Navigation: This section allows you to change color of navigation bars and elements.

1. How to manage this?

   • Click at requested box.

   • You may either move with the point or side bar to get to the requested result.

   • Or you may inser exact color code into the field shown below on printscreen.

   • Once done, confirm your choice by clicking at button "Choose".

What are the most used options?

1) Background

a) Whole Page: Changes the entire background of the page. b) Forms: Refers to the section where trip criteria are set, such as origin, destination, and other preferences. c) Texts: Focuses on elements such as origin, destination, flight dates, and passenger types.

Texts a) Common Texts: Refers to the text within the body of the search form.

The result:

Gradients This section allows you to change the color of the SEARCH button on your GOL IBE site.

The result:

• Navigate to Dealers > FRONT-END SETTINGS and scroll to the section labeled Background.

• Select the checkbox labeled Add Background Image.

• Upload an image from your computer.

• Check the box labeled Fixed Background to apply the image as a static background.

The result may look like this:

To get to know more just feel free to see our video help :

Where to customize your frontend