Adding Flip.to to your RevRaise booking engine is done in just two steps.
Step 1: Booking engine snippet
This is the first of two snippets to add to your RevRaise booking engine.
<!-- 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: 'AZDS',
companyCode: 'XX',
code: '{{EEC - DLV - Synxis Code}}'
});
</script>
<script async src='https://integration.flip.to/K2X4KDP'></script>
<!-- Flip.to - End Booking Engine Integration -->
<!-- Flip.to - Discovery Plan Info -->
<script>
!function(w,d,s) {
function OnDiscoveryPlanInfo(planInfo){
try {
planInfo && d.dispatchEvent(new CustomEvent('azdsSetDefaultGuestInfo', {detail: {
email: planInfo.email,
firstName: planInfo.first,
}}));
}
catch(e){
console.warn("Failed to pass discovery info to AZDS", e);
}
}
(w[s]=w[s]||[]).push({type:'get',payload:{plan:OnDiscoveryPlanInfo}});
d.addEventListener("azdsBookingReady", function() {
(w[s]=w[s]||[]).push({type:"action",payload:"closeDiscovery"})
});
}(window,document,"ftSignals");
</script>
<!-- Flip.to - End Discovery Plan Info -->
Step 2: Confirmation page snippet
This snippet should be added only to your RevRaise confirmation page.
<!-- 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: 'AZDS',
companyCode: 'XX',
code: '{{EEC - DLV - Synxis Code}}',
confirmation: '{{EEC - DLV - Booking ID}}',
first: {{EEC - DLV - First Name}},
last: {{EEC - DLV - Last Name}},
email: {{EEC - DLV - Email}},
startDate: '{{EEC - DLV - Arrival Date YY}}-{{EEC - DLV - Arrival Date MM}}-{{EEC - DLV - Arrival Date DD}}',
endDate: '{{EEC - DLV - Departure Date YY}}-{{EEC - DLV - Departure Date MM}}-{{EEC - DLV - Departure Date DD}}',
guests: {{EEC - DLV - Guests}},
adults: {{EEC - DLV - Adults}},
children: {{EEC - DLV - Children}},
type: '{{EEC - DLV - Room Code}}',
rateCode: '{{EEC - DLV - Rate Code}}',
language: 'en',
currency: '{{EEC - DLV - Currency}}' || 'USD',
amount: {{EEC - DLV - Booking Sub Total}},
dateFormat: 'yyyy-M-d'
});
</script>
<!-- Flip.to - End Confirmation Page -->