Knowledgebase: Settings
How do I use reCAPTCHA on my site?

As an alternative to the default CAPTCHA method used by 3dcart, Merchants can also use Google's reCAPTCHA™ service instead of the default 3dcart CAPTCHA verification methods.

The following article will describe how to enable this feature

Enable reCAPTCHA™

Log into your 3dcart Online Store Manager and, using the left hand navigation:

  1. Go to Modules
  2. Look for the "reCAPTCHA™" module on the page and click on its + Icon to expand the selection
  3. Mark the checkbox labeled "Use reCAPTCHA™"
  4. Select your reCAPTCHA™ theme
  5. Click "Save Changes"

Any of your store pages which have the Verification method enabled will now use reCAPTCHA™.


reCAPTCHA™ Themes

As mentioned, when enabling reCAPTCHA™ on your store, you will also be given the option of selecting a theme to be used. There are four themes included in the 3dcart service. Here's how they will look:

First is the Default Theme which favors a red and sharply contrasting tone for its look and feel.

Next we have White Theme which favors a lighter background and brighter look.

Thirdly, we have the Blackglass Theme which favors a darker, sleeker look to the reCAPTCHA™ screen.

Lastly is the Clean Theme which offers just a basic, clean look and feel.


Update to reCAPTCHA™ v2

Beginning with 3dcart version 7.6.0, the reCAPTCHA™ service provided will reflect reCAPTCHA™ v2. This version will provide two new flavors of reCAPTCHA™:

  • I'm not a robot
    Rather than typing in letters or numbers, the user will be required to simply click a checkmark button to proceed.
  • Invisible reCAPTCHA™
    The user won't be required to perform any action at all. Instead, the CAPTCHA challenge is answered by scripting in the background browser processes.
    Invisible CAPTCHA will display on the page as a clickable banner towards the bottom right of the page.

Additional Information:
In random instances, the reCAPTCHA™ service will prompt the user to verify further by selecting specific images from a grid of images. For example, a notice may say "Pick the images that contain numbers" and a group of images fo rthe user to select.

For the most part this will be random or during times when too many requests from the same connection occur on your CAPTCHA form.

Enable reCAPTCHA™ (v2)

Log into your 3dcart Online Store Manager and, using the left hand navigation:

  1. Go to Modules
  2. Using the search bar at the top, type "reCAPTCHA™" to locate and open the module
  3. Mark the checkbox labeled "Enable reCAPTCHA™"

Note
If you have previously used the older version of reCAPTCHA™, you will see two radio buttons:

  • Use reCAPTCHA™
    This is the old version of reCAPTCHA™
  • Use "I'm not a robot" or Invisible reCAPTCHA™ This is v2 of reCAPTCHA™

Be aware that when you select the v2 option and click save on the page, the store will remove the old version from your store completely.

  1. Select your reCAPTCHA™ options (see below)
  2. Click "Save" at the top right of the page to commit your changes.

reCAPTCHA™ (v2) Settings:

  • reCAPTCHA™ Size
    How the reCAPTCHA™ is presented on the store. Your choices are:
    • Normal:
      The field that contains the reCAPTCHA™ "I am not a robot" button will be the standard size
    • Compact:
      The field that contains the reCAPTCHA™ "I am not a robot" button will be about half the size of the standard size
    • Invisible:
      Sets the store to use the invisible reCAPTCHA™ option where the reCAPTCHA does not require any active selection. Instead, a small hover icon will appear at the bottom right of the page indicating that reCAPTCHA status.
  • reCAPTCHA™ Theme
    The color scheme of the reCAPTCHA™ element
    • Light:
      The default color scheme where the reCAPTCHA™ is presented in a white element background
    • Dark:
      The reCAPTCHA™ is presented in a black element background
  • reCAPTCHA™ Type
    If/when the random check is presented, this setting determines the kind of challenge it will use.
    • Image:
      A grid of images and the challenge is to select specific images
    • Audio:
      Audible numbers are read off and the user will type them in sequence.

Remember that selecting "Invisible reCAPTCHA™" will remove the theme and type options.

Important:
Please note that reCAPTCHA v2 uses coding from the default HTML templates. You will need to use templates from the common folder (or simply copy their coding) in order to use/see the new version of reCAPTCHA on your site. 3dcart support cannot assist with this process other than to suggest removing your customized templates in favor of the templates in common folder.


Help Desk Software by Kayako fusion