Menu Close

Get Support From ShopWired Close

All Systems Are Operational

Subscribe To Updates
Prefer To Live Chat? Chat directly with ShopWired support Available 9.00am to 7.00pm Monday to Friday
11.00am to 5.00pm Saturday
Quickest response time

Send A Message
Response within 24 hours

Menu Close

Menu

Google reCAPTCHA

You can install Google's reCAPTCHA system onto the forms on your website to stop robots/spam-bots submitting the form and filling your website with spam submissions.

You can read more about reCAPTCHA on Google's website at https://www.google.com/recaptcha/intro/index.html

The reCAPTCHA question is simple for your visitors to use and can be included on your

  • Contact Us form
  • Customer Registration form
  • Product Review form

Warning

Installing the reCAPTCHA extension will block your website's contact forms from being submitted unless the reCAPTCHA code is present on your forms. Please ensure that you do not activate the extension without adding the necessary code.

Installation instructions (for version 2 themes or earlier)
Installation instructions (for version 3 themes or later)


Installation instructions (for version 2 themes or earlier)

You'll need to make sure that you install the code on each of the 3 forms (listed below) on your theme files. If you don't install the code then the form will stop working once the reCAPTCHA extension is activated.


Contact Us form

1. Locate the contact.twig file (located in /views/other/contact.twig)

2. Add the code shown below before the closing </form> tag. Ideally this will be placed before the <button> code

{% if recaptcha %}
    <div class="g-recaptcha"></div>
{% endif %}

for example,

Please Note: You may want to insert some styling to increase the vertical space between the last field of the form and the reCAPTCHA.


Customer Registration form

3. Locate the account_form.twig file (located in /views/other/account_form.twig)

4. Add the code shown below before the closing </form> tag. Ideally this will be placed before the <button> code

{% if recaptcha %} 
    <div class="g-recaptcha"></div> 
{% endif %}

for example,

Please Note: You may want to insert some styling to increase the vertical space between the last field of the form and the reCAPTCHA.


Product Review form

5. Locate the product.twig file (located in /views/product pages/product.twig)

6. Add the code shown below before the closing </form> tag for the product reviews form. Ideally this will be placed before the <button> code

{% if review_recaptcha %}
    <div class="g-recaptcha"></div>
{% endif %}

for example,

Please Note: You may want to insert some styling to increase the vertical space between the last field of the form and the reCAPTCHA.


Testing

It's important that you test each of the 3 forms you've added reCAPTCHA too, to ensure that they are working correctly.

(If you don't have the Product Reviews feature enabled on your account, you won't have access to this form).


Product Q&A

7. If you're using the product Q&A extension you'll need to use the code shown below in order to display reCAPTCHA

{% if question_recaptcha %}
    <div class="g-recaptcha" data-sitekey="{{ question_recaptcha.key }}" data-stoken="{{ question_recaptcha.token }}"></div>
{% endif %}

Installation instructions (for version 3 themes or later)

You'll need to make sure that you install the code on each of the 3 forms (listed below) on your theme files. If you don't install the code then the form will stop working once the reCAPTCHA extension is activated.


Contact Us form

1. Locate the contact.twig file (located in /views/other/contact.twig)

2. Add the code shown below before the closing </form> tag. Ideally this will be placed before the <button> code

{% if recaptcha %}
    <div class="g-recaptcha"></div>
{% endif %}

for example,

Please Note: You may want to insert some styling to increase the vertical space between the last field of the form and the reCAPTCHA.


Customer Registration form

3. Locate the account_create.twig file (located in /views/account_pages/account_create.twig)

4. Add the code shown below before the closing </form> tag. Ideally this will be placed before the <button> code

{% if recaptcha %} 
    <div class="g-recaptcha"></div> 
{% endif %}

for example,

Please Note: You may want to insert some styling to increase the vertical space between the last field of the form and the reCAPTCHA.


Product Review form

5. Locate the product.twig file (located in /views/product_pages/product.twig)

6. Add the code shown below before the closing </form> tag for the product reviews form. Ideally this will be placed before the <button> code

{% if review_recaptcha %}
    <div class="g-recaptcha"></div>
{% endif %}

for example,

Please Note: You may want to insert some styling to increase the vertical space between the last field of the form and the reCAPTCHA.


Testing

It's important that you test each of the 3 forms you've added reCAPTCHA too, to ensure that they are working correctly.

(If you don't have the Product Reviews feature enabled on your account, you won't have access to this form).


Product Q&A

7. If you're using the product Q&A extension you'll need to use the code shown below in order to display reCAPTCHA

{% if question_recaptcha %}
    <div class="g-recaptcha" data-sitekey="{{ question_recaptcha.key }}" data-stoken="{{ question_recaptcha.token }}"></div>
{% endif %}