Selfbook

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

Before you begin: you'll need your Flip.to companyCode, which you should have received by email. If not, ask our Customer Success team.

This is a Google Tag Manager integration. While putting code directly on the page is more reliable, this is the publicly documented way of integrating with Selfbook: Selfbook GTM Data Layer Documentation

---

Step 1: Booking engine snippet

This is the first of two snippets to add to your RevRaise booking engine.

• Create a new tag in your Google Tag Manager that runs on the booking engine and set the trigger to:

Selfbook - Opened

• Copy and paste the snippet below into your new tag

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

<!-- Flip.to - Booking Engine Integration -->
<script>
!function(w,d,s,l,i,f,n){
(w[l]=w[l]||[]).push({flipto:i});
f=d.getElementsByTagName(s)[0];
n=d.createElement(s);n.async=!0;n.src=
'https://components.flip.to/discovery/engine/'+i.companyCode+'-'+i.code;
f.parentNode.insertBefore(n,f);
}(window,document,'script','fliptoDataLayer',{
	bookingEngine: 'Selfbook',
	companyCode: 'XX',
	code: '{{Selfbook - DLV - Hotel ID}}'
});
</script>
<script async src='https://integration.flip.to/K2X4KDP'></script>
<!-- Flip.to - End Booking Engine Integration -->

---

Step 2: Confirmation page snippet

This snippet should only fire only on the confirmation page.

• In the same Google Tag Manager container as Step 1, create a new tag and set the trigger to either:

Selfbook - Purchase - itinerary_id 

Selfbook - Purchase - booking_id

• Copy and paste the snippet below into your new tag

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

<!-- 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: 'Selfbook',
    companyCode: 'XX',
    code: '{{Selfbook - DLV - Hotel ID}}',
    confirmation: '{{Selfbook - DLV - Transaction ID}}',
    startDate: '{{Selfbook - DLV - Arrival Date YYYY-MM-DD}}',
    endDate: '{{Selfbook - DLV - Departure Date YYYY-MM-DD}}',
    guests: {{Selfbook - DLV - Total Guest Qty}},
    adults: {{Selfbook - DLV - Adult Qty}},
    children: {{Selfbook - DLV - Child Qty}},
    type: '{{Selfbook - DLV - Item Variant}}',
    rateCode: '{{Selfbook - DLV - Group Code}}' || '{{Selfbook - DLV - Promo Code}}',
    language: 'en',
    currency: '{{Selfbook - DLV - Currency}}' || 'USD',
    amount: {{Selfbook - DLV - Revenue}},
    dateFormat: 'yyyy-M-d'
  });
</script>
<!-- Flip.to - End Confirmation Page -->