Initiation and Settings

Your Checkin.com flow can be triggered from any page on your website as long as the Checkin.com script has been loaded.

Load the Checkin.com SDK

Once you have imported your Checkin.com script, you need to load the SDK.

All your proceeding integration work should be done within this onCheckinLoad method.

window.onCheckinLoad = (checkin) => { console.log("@@ Checkin SDK loaded @@"); }

Open

By default, the signUp.open method will open your flow.

window.checkin.signUp.open()

Close

The signUp.close method rarely needs to be used, but exists in case of potential corner cases which may arise in specialized setups.

window.checkin.signUp.close()

Checkin.com Settings

There are several settings available for you to customize your flow.

As a best practice, it is recommended to set the same language as the user is running on your site.

See the settings section for a list of available settings.

Use pre-collected user data

In case you are already collecting one or more fields before you trigger your Checkin.com flow, you can use the setKnownData method to pre-populate this data in order for the user to have it pre-filled on the corresponding step during the registration process.

window.checkin.dataFlow.setKnownData({credentials: {email: '[email protected]'}})