Step 1

First, we need an API key, so head on over to https://www.google.com/recaptcha/admin. To gain access to this page you’ll need to be logged into a Google account. You’ll be asked to register your website, so give it a suitable name, then list domains (for example example.com) where this particular reCAPTCHA will be used. Subdomains (such as landing.example.com and code.example.com) are automatically taken into account.

Step 2

With that done you’ll be given a site key and its partner secret key:

Open the settings of your project from the dashboard in your account at pixfort.com and switch to the Forms tab, then select reCaptcha box and copy the reCaptcha secret key and paste it in the corresponding field at the bottom of the page and click the save button:

Step 3

Underneath the keys on reCaptcha website you’ll see some snippets for including reCAPTCHA on your page.
First up there’s the JavaScript: 

<script src='https://www.google.com/recaptcha/api.js'></script>

You can also define which of the 40 supported languages you’re using by adding a parameter to the string. Here we’re adding es which will give us a Spanish language reCAPTCHA: 

<script src='https://www.google.com/recaptcha/api.js?hl=es'></script

Place this script tag in the SEO settings of the page that contains the form, inside "Header includes" field:

Step 4

Copy the reCaptcha widget snippet which you’ll need to add to your form markup wherever you want the reCAPTCHA to appear (make sure that the code is inside the <form> tag).
This is an example of a form with recaptcha code:

After that the reCAPTCHA will be ready to use.


*note: the reCaptcha widget will only show up after exporting the project and not inside the builder.

Did this answer your question?