Display banner

Modified on Wed, 23 Sep at 5:14 PM

Here are the steps to integrate a banner into the booking engine's display section. This image can be integrated into the establishment's details page and also into the room/apartment details page:


How to configure a banner on the establishment details page?


  1. In Configuration --> Display --> "Create new".
  2. Adapt the following code by entering the banner or image URL:


<p class="full"><img class="center fr-fic fr-dii" src="ENTER-IMAGE-URL-HERE" border="0" alt="banner" width="100%" height="auto"></p> 


        3. Insert the adapted code into the “Content” field by accessing the “Code view” by clicking on the icon with 3 dots on the right. Once the code is inserted, press the <> icon again to see a preview of the image.


 


* The code must be entered in all languages enabled in the engine.

     


    4. Configure the remaining fields as follows:

  • Active: Yes

  • Opens by default: Check if you want it to be displayed by default when the engine's front-end opens.
  • Identifier: internal ID (cannot be repeated).

  • Booking window start date / end date : configure when you want the banner to be displayed only on specific dates. To display it always, do not enter any dates.

  • Show only for: Establishment

  • Show only for the following tickers: enter the engine ticker.

  • Content type: HTML
  • Label name: enter the name of the tab that will be displayed in the engine.



  • Demo Banner on the establishment details page:  





 

How to configure a banner on the room/apartment details page?

  1. In Configuration --> Display --> create a new entry.

  2. Adapt the following code by entering the banner or image URL:


<p class="full"><img class="center fr-fic fr-dii" src="ENTER-IMAGE-URL-HERE" border="0" alt="banner" width="100%" height="auto"></p>


3. Insert the adapted code into the “Content” field by accessing the “Code view” by clicking on the icon with 3 dots on the right. Once the code is inserted, press the <> icon again to see a preview of the image.

 


 

* The code must be entered in all languages enabled in the engine.



    4. Configure the remaining fields as follows:

  • Active: Yes

  • Opens by default: Check if you want it to be displayed by default when the engine's front-end opens.
  • Identifier: internal ID (cannot be repeated).

  • Booking window start date / end date : configure when you want the banner to be displayed only on specific dates. To display it always, do not enter any dates.

  • Show only for: Accommodation

  • Show only for the following tickers: enter the room/apartment ticker. To display the same banner on multiple accommodation units, enter the tickers separated by commas.

  • Content type: HTML
  • Label name: enter the name of the tab that will be displayed in the engine.




Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select at least one of the reasons
CAPTCHA verification is required.

Feedback sent

We appreciate your effort and will try to fix the article