RingCaptcha's widget can be integrated into an Unbounce Leads Form. Follow these steps to replace the phone field with the widget:
Ensure your form includes a phone field
- If your form doesn't have a phone field, you'll need to add it. In the example below, the form lacks a phone field. To add it, click on the form area and select "Edit Form Fields".



- Add phone field and make it "required", then click "Done".

Adjust form appearance
- RingCaptcha widget's height is around 200 pixels, so all the fields and other elements should be moved down accordingly. Move "Submit" to the bottom of the form area.

Add JavaScript code
There are several things that need to be added into the JavaScript code.
- Adding widget. The widget can be added into phone field container. You can find the container id in the browser inspector (usually, it’s
container_phone_number
or container_phone
) and add the following example. Make sure to replace YOUR_APP_KEY
by your application key from your Ringcaptcha’s app.