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

Пошаговая инструкция по созданию капчи на стороне Яндекса находится здесь: https://yandex.cloud/ru/docs/smartcaptcha/quickstart
Выполнить все действия до пункта с добавлением виджета на страницу, далее настройка идет на стороне Creatium Max.

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

  1. В меню Вставка кода - Добавить код для работы капчи, внутри тега head:
Image without caption
Image without caption
javascript
<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
Image without caption
Создайте новый сценарий, скопируйте основу сценария из песочницы ниже, замените данные в сценарии на свои.
Ссылка на сценарий проверки токене капчи https://cremax.ru/scenario-playground?saved=63wb9i1d4sd8fo06qb8q6769

При поддержке Notaku