Loading
In this article, you will learn how to add a reCAPTCHA to your registration forms, whether they are on a contact page or any other opt-in page.
You will need:
- A systeme.io account
- A sales funnel
- A contact page
- A registration form
1. Generating reCAPTCHA keys
To add a reCAPTCHA to a contact page, you will need specific keys that must be generated from the following website: https://www.google.com/recaptcha/about/
Once on the page linked above, log in to your Google account and click Get started (1).
Next, fill out the form on the page:
a. Add a label to easily identify the site in the future (2).
b. Select reCAPTCHA v2 (3) and choose the specific typefor your page.
c. Add your domain name and your email address (4).
d. Name your project (5).
e. Accept the reCAPTCHA Terms of Service (6) and submit the request (7).
Once the request is submitted, you will be redirected to a page where two keys will be generated:
2. Adding keys to your systeme.io account
Now that you have generated the two necessary keys, you must add them to your systeme.io account.
Go to Settings (1), then Custom domains (2).
On your domain, click the three dots, then click Settings (3).
Scroll down to reCAPTCHA settings, paste your Site key (4) and Secret key (5), then click Save (6).
a. Adding reCAPTCHA to a contact page
The captcha element is already included in the contact page template and is ready for use. You can find customization options on the left side of the editor if you wish to modify it.
Note: Ensure that the domain name selected for your funnel step matches the one you added to your Google account when generating the keys.
Result:
Learn more on How to add a CAPTCHA to a contact us page.
b. Adding reCAPTCHA to other registration forms
You can also strengthen the security of any registration forms by manually adding a reCAPTCHA element.
To do this, open the page editor. In the menu on the left, find the "reCAPTCHA" element. Select it and drag it to the desired location on your page.
Note: We recommend placing the reCAPTCHA right after the form input fields and before the submit button for the best user experience and security.