Installing the HTML & JS Widget

https://www.youtube.com/watch?v=wW4Vx-hxVAA

To embed the widget on your website, simply paste the following code at the end of the HTML section right before the closing <body> tag:

<script type='text/javascript' charset='UTF-8' src="//cdn.ringcaptcha.com/widget/v2/bundle.min.js"></script>

Please note that if you decide to include the bundle.min.js with SSL you will need to ensure you have a valid certificate running on the server.

Launching an Onboarding widget

To use the one screen onboarding process bundled into widget to send an SMS PIN code with a link to download your app automatically deeplinked to the Android and iOS Stores you will need to include the data-mode parameter into the div tag with value "onboarding".

https://my.ringcaptcha.com/assets/images/docs/web-onboard-phone.png

https://my.ringcaptcha.com/assets/images/docs/web-onboarded.png

For every different MOBILE app you want the user to onboard into, add the following <div> with a unique ID. The widget will be rendered in the spot where this <div> is placed.

<div id="xyz" data-widget data-app="{{ app_key }}" data-locale="en" data-mode="onboarding"></div>

Launching a Verification widget

To use the three-step screen verification process bundled into widget to send an SMS PIN code with a unique code to verify the user posseses a valid phone number just don't include the data-mode parameter into the div tag or set the value to "verification".

https://my.ringcaptcha.com/assets/images/docs/widget-dual.png

https://my.ringcaptcha.com/assets/images/docs/widget-pin-fallback.png

https://my.ringcaptcha.com/assets/images/docs/widget-verified.png

For every different phone number that you would like to verify, add the following <div> with a unique ID. The widget will be rendered in the spot where this <div> is placed.

<div id="xyz" data-widget data-app="{{ app_key }}" data-locale="en" data-mode="verification"></div>

Verifying the PIN code