Products
Our Platform
Developers
Sectors
Pricing
Consumers
Contact
About

Integrate Customer Onboarding

Online identification using just your face or fingerprint

Try it out

This will make a real payment of £1.
All money we receive will be donated to help those effected by the Australian bush fires.

Add our SDK

Add our payment SDK to the HTML header of your web page


<script src="https://sdk.citizen.is/sdk/sdk.js"></script>

Create the token

Required: 'access' - what personal attribute you want from the recipient.

Optional: 'webIdentifyTokenCallback' - A callback to get the token object that the user has responded to.

Optional: 'showIdCardResponse' - Show the Citizen token as an id card in the ctznContainerTokenResponse container.



Configure your form

Required: 'authorizationCitizen' - your entity public API key.

Optional: 'webIdentifyTokenCallback' - A callback to get the token object that the user has responded to.

Optional: 'showIdCardResponse' - Show the Citizen token as an id card in the ctznContainerTokenResponse container.



Tag page elements with Citizen CSS classes

Tag the email form field class using the 'ctzn' tag notation.

Tag the three containers' class for email, success and response using the 'ctzn' tag notation.

a. email container - hides on successful submission (required)

b. success container - shown on successful submission (optional)

c. response container - this shows the standard Citizen 'card' containing the identity attributes requested. Set 'showIdCardResponse' to false in the ctznIdentifyInit function to ignore this.





Tag your submit button

Citizen handles the form pre-submit action (Citizen account creation) and sends an email/push notification to the customer.



Initialise the form

At the end of your page, initialise the scripts.


<script>
window.ctznIdentifyInit();
</script>