How to integrate an image in the Display section of the booking engine?

Modified on Tue, 31 Dec, 2024 at 1:38 PM

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:

Demo image in the property’s file:

https://engine.witbooking.com/demo_soporte/availability?displayElement=imagen

Demo image in the room tab:

https://engine.witbooking.com/demo_soporte/availability/?expand=demo_soporte,superior&displayElement=D_test

How to configure an image or banner in the property's file?

Go to Settings > Display and create a new entry.
Configure the remaining fields as follows:

Active: yes.
Opens by default: check box if you want the default image to be displayed instead of the property information sheet.
Identifier: internal id (cannot be repeated).
Booking window start/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.
Content type: image.
Image: upload file.
Tag name: enter the name or title of the tab to be displayed in the booking engine.
Content: add text or description, it will appear under the uploaded image.

How to set up an image or Banner in the room/apartment tab?

Go to Settings > Display and create a new entry.
Configure the remaining fields as follows:

Active: yes.
Opens by default: check box if you want the default image to be displayed instead of the property's information sheet.
Identifier: internal id (cannot be repeated).
Booking window start/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 identifiers (separated by commas):

Add ticker** of the accommodation or accommodations for which you want to add the image.

** The ticker of the accommodation can be found in INVENTORY > Define Inventory > Accommodation > "Ticker" column.

Content type: image.
Image: upload file.
Tag name: enter the name or title of the tab to be displayed in the booking engine.
Content: add text or description, it will appear under the loaded image.