Did you know CAPTCHA is an acronym for Completely Automated Public Turing test to tell Computers and Humans Apart? Typically, CAPTCHA serves-up a checkbox must be checked before a form can be submitted to prevent non-humans from submitting your forms.
You can use Google's gratis reCAPTCA product to add CAPTCHA functionality to your ion experiences. You can include Google's reCAPTCHA 2.0 product with your ion freestyle forms.
First, you'll need to pick up a secret key and a site key by visiting the link below to log-in to Google reCAPTCHA. You can log-in using an existing Google account or by creating a new one:
Let's add the server scriptlet to your console first and make minor adjustments to the attached server scriptlet sample.
- Open the "reCAPTCHA Server Scriptlet" attachment and copy the code.
- Click the Libraries menu in your console’s side nav and select "Server Scriptlets."
- Add a scriptlet category or navigate into an existing one.
- Click green " New scriptlet" button to add a new reCAPTCHA server scriptlet to the selected category.
- Give your scriptlet a title and paste "reCAPTCHA Server Scriptlet" code into the editor.
- Replace secretKey example value of "XXXXXX" with your secret key. Please note that the double quotes should remain wrapped around your value.
- Open the "reCAPTCHA Page Script" attachment and copy the code.
- Click Libraries menu in your console’s side nav and select "Scripts."
- Add a script category or navigate into an existing one.
- Click green "New script" button to add a new script to the selected category.
- Give your script a title and paste "reCAPTCHA page script" code into the editor.
- Replace scriptletID value of X with sscID value from your server scriptlet as noted in step 8 of Server Scriptlet section above.
Now we are going to create a widget that will be dragged into your ion page(s) to add CAPTCHA to your freestyle form(s).
- Open the "reCAPTCHA Widget" attachment and copy the code.
- Click the Libraries menu in your console’s side nav and select "Widgets."
- Click green “New widget” button at the top of the page to add a new widget.
- Give your widget a name and select a category or create a new one for your widget.
- Paste "reCAPTCHA Widget" code.
- Replace sitekey example value of "XXXXXX" with your secret key. Please note that the double quotes should remain wrapped around your value.
With the scriptlet, page script and widget ready, it's time to bring it all together in your page.
- Navigate into your form page
- Open the script editor and add the reCAPTCHA page script to the <head>
- Click OK
- Hover over the Basics category in your creative studio and drag widget icon into your form just above the submit button.
- Select reCAPTCHA widget
Your form should now be all set to use CAPTCHA to verify that a human is submitting the form and not a robot!