Initiate Registration
How to open and close your sign-up flow with the correct 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 as an iFrame on top of your website.
As a start, you should replace all your current Registration CTAs with the Checkin.com trigger.
window.checkin.signUp.open()
Close
The signUp.close method rarely needs to be used, because in almost all cases the iFrame is closed when the registration is completed or abandoned, but the method exists for 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]'}})
Updated about 2 years ago