How to integrate a Banner in the booking engine?

Modified on Mon, 21 Jul at 9:40 AM

Below is a summary of the steps to be taken to integrate a banner in the display section of the booking engine. This image can be integrated in the property file and also in the room/apartment file:

 

How to configure a banner on the property page?

  1. Go to Settings -->Display and click on "Create new".

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

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

  3. Insert the adapted code in the "Content" field by accessing the "Code view" by clicking on the icon with 3 dots on the right. Once the code has been inserted, click again on the <> icon to see a preview of the image.




* The code shall be entered in all languages enabled by the booking engine.

       

 4. Configure the remaining fields as follows:

  • Active: yes.

  • Opens by default: check if you want to be shown by default when opening the front of the booking engine.

  • Identifier: internal id (cannot be repeated).

  • Booking window start date / end date: configure when you want to show the banner only on certain dates. To show it always, no dates must be entered.

  • Show only for: property. 

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

  • Content type: HTML. 

  • Tag name: enter the name of the tab to be displayed in the engine. 


Demo Banner in the property's file:






 How to configure a banner in the room/apartment tab?

 

  1. Go to Settings --> Display and create a new entry.

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


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

        3.Insert the adapted code in the "Content" field by accessing the "Code view" by clicking on the icon with 3 dots on the right. Once the code has been inserted, click again on the <> icon to see a preview of the image.




* The code shall be entered in all languages enabled by the booking engine.

        4. Configure the remaining fields as follows:

  • Active: yes.

  • Opens by default: check if you want to be shown by default when opening the front of the booking engine.

  • Identifier: internal id (cannot be repeated).

  • Booking window start date / end date: configure when you want to show the banner only on certain dates. To show it always, no dates must be entered.

  • Show only for: Accommodation

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

  • Content type: HTML

  • Tag name: enter the name of the tab to 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