How to integrate a virtual tour into the booking engine?

Below is a summary of the steps to be taken to integrate a virtual tour in the display section of the booking engine. The virtual tour can be integrated in the property card and also in the room/apartment card:

• Demo virtual tour in the property file: 

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

• Demo virtual tour in the room file: 

https://engine.witbooking.com/demo_soporte/availability/?adults=2&datein=18-12-2019&dateout=19-12-2019&displayElement=jnr_tourvirtual&expand=demo_soporte%2Cjnr

How to set up a virtual tour in the property file?

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

2) Adapt the following code by entering the URL of the virtual tour provided by the supplier:

<p>

<iframe sandbox="allow-forms allow-scripts allow-same-origin" width="100%" height="480" src="INTRODUCE-HERE-URL-TOUR-VIRTUAL" frameborder="0" allowfullscreen="" id="iFrameResizer0" scrolling="no" style="overflow: hidden;"></iframe>

</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

• Identifier: internal id (cannot be repeated).

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

• Show only for: property

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

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

How to configure a virtual tour in the room/apartment file?

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

2) Adapt the following code by entering the URL of the virtual tour provided by the supplier:

<p>

<iframe sandbox="allow-forms allow-scripts allow-same-origin" width="100%" height="480" src="INTRODUCE-HERE-URL-TOUR-VIRTUAL" frameborder="0" allowfullscreen="" id="iFrameResizer0" scrolling="no" style="overflow: hidden;"></iframe>

</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

• Identifier: internal id (cannot be repeated).

• Booking window start date / end date : configure when you want to show the virtual tour 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 show the same virtual tour in several accommodation units, enter the tickers separated by commas.

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