Embedded Flow

Chekin embedded flow offers the possibility to include the online check-in in you website

Updated over a week ago

The embedded flow is a drop-in module that enables you to offer the option of check in and identity verification without leaving their current experience. The flow securely collects the needed data per country and verifies the individual without redirecting away from your website.

The flow includes:

  • Confirmation of booking details

  • Identity verification

  • Data collection for police and statistics registration.

  • Booking summary

Embedded Flow example:


Quickstart

Check-in individuals with the Embedded Flow can be easily achieved with a short code snippet. You'll only need your account API Key which can be found in the Online Check-in section of your Dashboard.

Related article: Getting an API key

Chekin can be integrated with the following code snippet. Remember to replace these variables with your own values:

  • ID_CONTAINER

  • BOOKING_ID

  • API_KEY

HTML (CDN)

<div id="ID_CONTAINER"></div>
<script src="https://cdn.chekin.com/ChekinPro.v1.0.0.js"></script>
<script>
const client = new ChekinPro();
let apikey = 'API_KEY';
let reservationId = 'BOOKING_ID';
client.init({
apikey,
targetNode: 'ID_CONTAINER',
reservationId
})
</script>

Method

Use the client's methods to show or hide the embedded flow.

Method

Description

init()

To display the embedded flow

Parameters

Parameters

Required

Description

reservationId

true

Your booking ID

targetNode

true

CSS ID where we will render the frame

apikey

true

Key generated for your DNS (Getting an API key)

Did this answer your question?