Как добавить капчу на сайт OpenCart? (Google reCAPTCHA)

Защита форм обратной связи, регистрации и логина от ботов в OpenCart, является важной задачей для владельцев интернет магазинов, использующих данную CMS.  Благодаря удобной системе расширений в OpenCart, можно легко защитить Ваши формы от вредоносного воздействия с помощью reCAPTCHA.

Наш цикл статьей по reCAPTCHA от Google поможет вам понять принципы работы данного бесплатного продукта, который защищает миллионы сайтов в интернете от ботов, а также, поможет интегрировать данный вид защиты на ваши сайты.

В данной статье мы рассмотрим интеграцию reCAPTCHA в русифицированный OpenCart версии от 3.0.

Для начала,  вам необходимо ознакомиться с двумя статьями по reCAPTCHA:
1. В чем отличия между reCAPTCHA v2 и v3? – данная статья поможет вам выбрать тот тип капчи, который вы хотите видеть на своем сайте. В текущей статье по opencart будет описан только метод внедрения reCAPTCHA v2.
2. Как получить приватный и публичный ключи для reCAPTCHA – в этой статье вы узнаете, как получить API-ключи, необходимые для работы капчи на вашем сайте. Данные ключи понадобятся в момент настройки работы капчи через расширения.

Ознакомившись с данными статьями можно перейти к установке reCAPTCHA на Ваш сайт. В OpenCart инструменты для внедрения reCAPTCHA уже присутствуют в списке модулей/расширений по умолчанию, их необходимо активировать.

Как это сделать?

1. Зайдем в панель администратора OpenCart под вашими данными (страница site.ru/admin, где вместо site.ru надо указать домен вашего сайта).
2. Перейдем в раздел Модули / Расширения -> Модули / Расширения.
3. В выпадающем меню Выберите тип расширения, выберите пункт Защита от роботов.
4. В появившемся перечне видов защиты от ботов выберем Google ReCAPTCHA и нажмем на кнопку:



Расширение будет активировано, теперь необходимо настроить API-ключи.

5. В этом же разделе, рядом с Google reCAPTCHA, нажмем на кнопку:

В открывшемся разделе нам необходимо ввести ключи от reCAPTCHA v2, полученные ранее с помощью статьи: Как получить приватный и публичный ключи для reCAPTCHA.

Важно! Таким образом на OpenCart можно установить только reCAPTCHA второй версии, то есть работающую через окно с чекбоксом «Я не робот». Если вы используете ключи от v3, то капча не будет работать, вы будете наблюдать ошибку.

6. В поле Site key введите публичный ключ от reCAPTCHA, а в поле Secret key введите приватный ключ. Выпадающее меню Статус переведите в положение Включено:

7. Сохраните изменения, нажав на кнопку:

Настройка reCAPTCHA будет завершена. Теперь необходимо включить ее на вашем сайте.

8. Перейдем в раздел Система -> Настройки.
9. Найдем в списке магазинов ваш сайт и нажмем на кнопку редактирования рядом с ним



10. Перейдем в раздел Опции и найдем подраздел Защита от роботов.



В выпадающем меню Защита от роботов выберем Google reCAPTCHA:

11. Установим галки рядом с объектами, которые необходимо защищать, в пункте Защищаемые страницы:

12. Сохраним изменения, нажав на кнопку:

На этом настройка reCAPTCHA на сайте будет завершена. Элементы, связанные с  регистрацией, гостевым заказом, отзывами, возвратами и контактами теперь будут защищены капчей.

Под данными формами вы будете видеть чекбокс "Я не робот": 



Подведем итоги.
Как вы видите, настройка reCAPTCHA на вашем сайте работающим под CMS OpenCart является довольно легкой процедурой, но от того не менее эффективной. После установки и настройки расширения для работы reCAPTCHA на вашем сайте, вредоносные боты больше не смогут отправлять спам, совершать ложные заказы и регистрации на вашем сайте, что поможет избежать проблем связанных с данными векторами атаки.