How to add reCaptcha into the forms on Shopify stores?

ByAdam

How to add reCaptcha into the forms on Shopify stores?

Google reCAPTCHA is an effective security solution that protects your Shopify website forms from unwanted form submissions such as spam comments or account registrations from bots. In this tutorial, I will explain how to install Google reCaptcha for the forms on your Shopify store.

But before going into steps, make sure that you have registered your site (your domain) with reCaptcha. If you haven’t, go to https://www.google.com/recaptcha/ to do that, for free. You will get the site key after registering. And now it’s time for setting up.

    1. Disable “submit” button
      Enter the code below to disable “submit” button:
    2. Adding reCaptcha into the form
      To add reCaptcha into the form, first, enter this code before the closing </head> tag:

      Next, add the container div tag to show reCaptcha:

      After that, adding the bellow javascript code before the closing </body> tag:

You’re done! Now Google reCaptcha is ready to work on your Shopify website forms.
Note: The “submit” button is enabled only after the user confirms “I’m not a robot”. Otherwise, it is still disabled and the form can’t be sent.

Hope that you will find it easy to set up reCaptcha for the forms on your Shopify Store with our guidelines. Thanks for reading!

About the author

Adam administrator

Leave a Reply