Add Google recaptcha to a form
Step 1: Create recaptcha Site Key and Secret Key in your Google recaptcha
Go to the Google Recaptcha platform here > log into your Google account and register a new site for recapcha
When registering a new website, the form will open and you need to fill in all the details correctly then submit the form.
For example: I want to register recaptcha v2
Label: Enter a name to identify your site (e.g., "My Shopify Store") as you want
reCAPTCHA Type: Select reCAPTCHA v2 and choose "I'm not a robot" Checkbox.
Domains: Input your domain name. For example:
Store URL: abcstore.myshopify.com
Custom domain: mycoolbrand.com
On reCAPTCHA setup, enter: mycoolbrand.com
Click Submit button and the site key and secret key shows up
Step 2: Add Google reCaptcha to app Settings
1 Open the app > click Settings >Third party integration > hover Google reCaptcha > click Config
2. On reCaptcha type dropdown > select reCaptcha type: v2 or v3
3. Enter Site key and Secret key you get in step 1 above
4. Select language of the reCaptcha on front store
5. Click Save and save the app Settings
Steps 3: Enable Google reCaptcha on the form
1. Open the app > click Forms > open the form you want to edit
2. Click Integration icon on the left side > enable Google reCaptcha
3. Click Save to update the changes
FAQs
Why the Google Recaptcha doesn’t show on the form preview in the app?
As you can see in the screenshot, you may see a red notification in captcha box: ERROR for site owner: Invalid domain for site key.
There is no need to worry about this because it is the preview which will be displayed properly in the front-end store as it works with your store domain.
You might want to display captcha box properly in the preview area, please add one more domain: form.globosoftware.net or dxo9oalx9qc1s.cloudfront.net to the Recaptcha configuration.
Why recaptcha box does not show correctly on the form on the online store?
Please check your recaptcha config and make sure the store domain is added.
For example:
Store URL: abcstore.myshopify.com
Custom domain: mycoolbrand.com
On reCAPTCHA setup, enter: mycoolbrand.com
Last updated