Разработка и ведение стартапов, изготовление сайтов, дизайн печатной и сувенирной продукции, продвижение.

ReCaptchaV2 для MoDx Revolution

    1  .  Установка приложения ReCaptchaV2 для MoDx

    а) в админ системе сайта на MoDx идем в раздел Приложения — Установщик
    б) нажимаем загрузить дополнение, вбиваем в поиск «ReCaptchaV2», загружаем
    в) идем обратно в Управление пакетами (нажимаем на домик слева)
    г) нажимаем Инсталлировать

    Так-же можно отдельно скачать и загрузить это дополнение из репозитория Модекса:
    https://modx.com/extras/package/recaptchav2

     

    2  .  Получение и инсталляция ключей

    а) идем на сайт Гугла-капча - https://www.google.com/recaptcha
    б) если вы зарегистрированны — нажимаем на MyReCAPTCHA (кнопка сверху справа)
    в) регистрируем свой сайт, выбираем тип «reCAPTCHA V2»
    г) получаем ключи для нашего сайта

     

    3 . Настройка MoDx

    а) идем в раздел Меню — «Системные настройки»
    б) в первом разделе (там где написано «core») — выбираем «recaptchaV2»
    в) вносим в значения оба наших ключа (ключ сайта и секретный ключ)

     

    4 . Настройка FormIt

    а) переходим в шаблон или чанк, где находится форма formit
    б) вставляем там, где должна быть кнопка Каптчи (в пределе формы):  [ [!recaptchav2_render] ]
    в) вставляем выдачу ошибки капчи — [ [!+fi.error.recaptchav2_error] ]
     

    г) вставляем сверху в formit в раздел с хуками:  &hooks=`recaptchav2,spam,email`
    д) вставляем в раздел с проверкой:  &validate=`g-recaptcha-response:required`

     

    5 . Настройка вида (ширина) Капчи

    Переходим в чанки, в чанке recaptchav2_html находим нужный блок div

    а) либо используем ин-лайн стили, вставляем в DIV: style="transform:scale(0.8);transform-origin:0 0"

    б) либо используем вариант "компакт" из документации

    < div class="g-recaptcha" data-size="compact" >

     



    Скажите спасибо - поделитесь:
     

    Комментарии (0)


    Оставьте ваш комментарий: