iHotelier

Adding Flip.to to your iHotelier booking engine is done in just two steps.


Step 1: Add the Flip.to booking engine tag

  • Click into Tags New to create a new tag

  • Set the Tag Name to Flip.to booking engine

  • Set the Tag Configuration as Custom HTML

  • Copy and paste the snippet below into HTML field

  • Replace XX with your Flip.to companyCode (be sure to keep the single quotes)

  • Set the Tag Firing Option to Once per page

  • Set the Firing Triggers to Page View Event (fires on the engine's "content-view" event, after iHotelier configuration is available)

<!-- Flip.to - Booking Engine Integration -->
<script>
!function(b,e,i){
(b[e]=b[e]||[]).push({flipto:i, event: 'flipto.configuration.load'})
}(window,'fliptoDataLayer',
{
    bookingEngine: 'iHotelier',
    companyCode: 'XX',
    code: '{{ihHotelID}}'
});
</script>
<script async src='https://integration.flip.to/K2X4KDP'></script>
<!-- Flip.to - End Booking Engine Integration -->
  • After that's configured, it should look something like:

Example every-page tag setup
Example triggering criteria to run on every page of the booking engine
Example trigger configuration for running on every page after booking engine configuration

Step 2: Add the Flip.to confirmation tag

  • Click into Tags -> New to create a new tag

  • Set the Tag Name to Flip.to confirmation

  • Set the Tag Configuration as Custom HTML

  • Copy and paste the snippet below into HTML field

  • Replace XX with your Flip.to companyCode (be sure to keep the single quotes)

  • Set the Tag Firing Option to Once per page

  • Set the Firing Triggers to Confirmation Page View Event (fires on the engine's "content-view" event, only on the /confirmation page, after iHotelier configuration is available)

<!-- Flip.to - Confirmation Page -->
<script>
!function(n,e,w){
w.eventData={category:'Booking_Engine',action:'Load',value:w.amount};
(n[e]=n[e]||[]).push({flipto:w,event:'flipto.confirmation.load'});
}(window,'fliptoDataLayer',
{
    bookingEngine: 'iHotelier',
    companyCode: 'XX',
    code: '{{ihHotelID}}'
});
</script>
<!-- Flip.to - End Confirmation Page -->
  • After that's configured, it should look something like:

Example confirmation page tag setup
Example triggering criteria to run on the confirmation page
Example trigger configuration for running on the confirmation page after booking engine configuration

Last updated