Статьи

Настройте Google reCAPTCHA в OpenCart

Если вы профессионал или новичок в мире разработки веб-сайтов, слово CAPTCHA не должно звучать для вас чуждо. Это важный и широко используемый метод для определения, является ли пользователь ботом или человеком. Существует множество сторонних скриптов, которые позволяют легко настроить CAPTCHA на вашем сайте. Сегодня мы обсудим, как интегрировать reCAPTCHA в OpenCart.

Сервис reCAPTCHA предоставляется Google и бесплатен! Хорошей новостью является то, что сама функциональность включена в ядро ​​OpenCart. Поэтому нам нужно правильно его настроить и включить, и все готово!

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

Я предполагаю, что вы используете последнюю версию OpenCart. Давайте продолжим, зарегистрировав ваш сайт в Google и получив ваши учетные данные API.

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

Форма Google reCAPTCHA

Заполните поля, как предложено, и нажмите « Зарегистрироваться», чтобы перейти на следующую страницу. На следующей странице вам будут показаны учетные данные API для вашего сайта. Вы должны записать ключ сайта и значения секретного ключа , так как они понадобятся нам позже.

API Key Information

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

Пройдите в бэкэнд OpenCart. Перейдите в Система> Настройки и отредактируйте свой магазин. Нажмите на вкладку Google , на которой должна отображаться форма конфигурации, как показано на следующем снимке экрана.

Форма внутренней конфигурации

В разделе Google reCAPTCHA введите ключ сайта и секретный ключ для своего сайта и сохраните настройки. Конечно, вы должны оставить его включенным !

Теперь мы завершили настройку наших учетных данных API с помощью OpenCart. В следующем разделе мы увидим разные экраны в интерфейсе, чтобы убедиться, что он работает правильно.

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

Перейдите на страницу « Контакты» своего сайта, и вы увидите красиво интегрированную проверку reCAPTCHA!

Форма обратной связи

Извините, боты / спаммеры не допускаются!

Если вы включили обзоры продуктов на своем сайте, он также находится под радаром reCAPTCHA. Форму обзора продукта можно найти на странице сведений о продукте на вкладке Отзывы .

Форма обзора продукта

Наконец, давайте посмотрим еще один экран, который поддерживает интеграцию reCAPTCHA. Если кто-то хочет вернуть товар, ему или ей необходимо заполнить форму в интерфейсе. Таким образом, важно убедиться, что мы должны проверить, был ли продукт возвращен фактическим пользователем, который разместил заказ.

Страница возврата товара

Итак, вот и все, что касается проверки reCAPTCHA в интерфейсе OpenCart.

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

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

Если вы хотите заняться маркетингом своего собственного продукта OpenCart или посмотреть, что другие сделали с этой платформой, посетите рынок, чтобы узнать, что в данный момент доступно .

В случае каких-либо запросов или отзывов используйте ленту комментариев ниже, или вы также можете связаться со мной через Twitter .