CreatiumMax

Яндекс Капча

Настройка на стороне Яндекса

Пошаговая инструкция по созданию капчи на стороне Яндекса находится здесь:
https://yandex.cloud/ru/docs/smartcaptcha/quickstart

Выполнить все действия до пункта с добавлением виджета на страницу, далее настройка идет на стороне Creatium Max.

Настройка на стороне Creatium Max

  1. В меню Вставка кода - Добавить код для работы капчи, внутри тега head:

typescript
<script src="https://smartcaptcha.yandexcloud.net/captcha.js" defer></script>

Скрипт captcha.js автоматически найдет все div с классом smart-captcha и установит в них виджет.

  1. Далее нужно зайти в редактор страницы, где будет капча, добавить в любую секцию html-код, сделать Импорт по номеру: 38986 Это компонент, который необходим для работы капчи.

  1. Добавьте внутри формы Скрытое поле и присвойте ему id-компонента hiddenToken

  1. Присвойте id кнопке отправки формы submitButton и добавьте ей атрибут класс hidden (Теперь кнопка отправки формы будет скрыта пока пользователь успешно не пройдет капчу)

  1. Дальнейшая проверка идет на стороне сценария обработки формы, добавьте необходимую проверку токена капчи для исключения подмены токена роботом. Данные для проверки в сценарии берутся из инструкции Яндекса:
    https://yandex.cloud/ru/docs/smartcaptcha/quickstart#get-keys

Создайте новый сценарий, скопируйте основу сценария из песочницы ниже, замените данные в сценарии на свои.

Ссылка на сценарий проверки токене капчи
https://cremax.ru/scenario-playground?saved=63wb9i1d4sd8fo06qb8q6769

Было полезно?

Остались вопросы? — Напишите нам в чат поддержки будучи авторизованным в своем аккаунте cremax.ru или через чат поддержки в Телеграме: @CreatiumMaxSupportBot