Newbook

Adding Flip.to to your booking engine requires two snippets of code:

The first is added to every page of your booking engine.
The second is added to the confirmation page.

Before you begin:

You'll need your unique IDs, which you should have received by email. If not, ask our Customer Success team.
You'll also need to sign a Newbook + Flip.to data share agreement. Ask your Newbook point person for the agreement to sign. This will allow our platform to retrieve information about bookings directly from Newbook, while ensuring the integration is stable, secure and compliant.

Every page snippet

The following snippet should be modified to pass in the appropriate values, and should be included in the <head> tag of every page of the booking engine, including the confirmation page.

<!-- Flip.to - Booking Engine Integration -->
<script>
!function(b,e,i){(b[e]=b[e]||[]).push({flipto:i, event: 'flipto.configuration.load'})}(window,'fliptoDataLayer',{
	bookingEngine: 'Newbook',
	companyCode: 'XX',
	code: 'YYYY',
	language: 'en'
});
</script>
<script async src='https://integration.flip.to/K2X4KDP'></script>
<!-- Flip.to - End Booking Engine Integration -->

Field

Description

bookingEngine

The Flip.to string to define the booking engine used.

companyCode

The internal Flip.to company code.

code

Internal property code used by the booking engine. Set your own internal code used by the engine, and let your account manager know this code.

language

Confirmation page snippet

The following snippet should be modified to pass in the appropriate values and should be included in the <head> tag of the confirmation page to run once the guest has completed their reservation.

The confirmation page should include both the Every page snippet and the Confirmation page snippet (the order doesn't matter).

<!--Flip.to - Confirmation Page Start-->
<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: 'Newbook',
    companyCode: 'XX',
    code: 'YYYY',
    language: 'en'
});
</script>
<!--Flip.to - Confirmation Page End-->

Field

Description

bookingEngine

The Flip.to string to define the booking engine used.

companyCode

The internal Flip.to company code.

code

Internal property code used by the booking engine. Set your own internal code used by the engine, and let your account manager know this code.

language

PreviousSiteMinder NextCloudbeds

Last updated 1 month ago

Every page snippet

The following snippet should be modified to pass in the appropriate values, and should be included in the <head> tag of every page of the booking engine, including the confirmation page.

<!-- Flip.to - Booking Engine Integration -->
<script>
!function(b,e,i){(b[e]=b[e]||[]).push({flipto:i, event: 'flipto.configuration.load'})}(window,'fliptoDataLayer',{
	bookingEngine: 'Newbook',
	companyCode: 'XX',
	code: 'YYYY',
	language: 'en'
});
</script>
<script async src='https://integration.flip.to/K2X4KDP'></script>
<!-- Flip.to - End Booking Engine Integration -->

Field

Description

bookingEngine

The Flip.to string to define the booking engine used.

companyCode

The internal Flip.to company code.

code

Internal property code used by the booking engine. Set your own internal code used by the engine, and let your account manager know this code.

language

The language ANSI code the engine currently uses to display text. For English use 'en', French 'fr', etc. Refer to the . Use the ISO 639-1 Code for the language parameter. Optionally, a culture name can be used as well. For example, this can be set to 'en-US' or 'en_US'.

Confirmation page snippet

The following snippet should be modified to pass in the appropriate values and should be included in the <head> tag of the confirmation page to run once the guest has completed their reservation.

The confirmation page should include both the Every page snippet and the Confirmation page snippet (the order doesn't matter).

<!--Flip.to - Confirmation Page Start-->
<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: 'Newbook',
    companyCode: 'XX',
    code: 'YYYY',
    language: 'en'
});
</script>
<!--Flip.to - Confirmation Page End-->

Field

Description

bookingEngine

The Flip.to string to define the booking engine used.

companyCode

The internal Flip.to company code.

code

Internal property code used by the booking engine. Set your own internal code used by the engine, and let your account manager know this code.

language