Как установить капчу на сайт: пошаговая инструкция

Пошаговая инструкция: как установить капчу на сайт любой CMS или на чистом HTML. За 15–20 минут вы получите рабочую слайдер-капчу СВАЙПЕР с серверной проверкой токена — без программиста, если умеете вставлять код в шаблон.

Что понадобится

• Доступ к HTML-шаблону сайта или админке CMS
• Email для регистрации в СВАЙПЕР
• Домен сайта (например, example.ru)
• Доступ к серверному коду формы (PHP, Node.js, Python и т.д.) — для проверки токена

Шаг 1. Регистрация и site-key

1. Откройте verifsite.ru/cabinet/register.
2. Подтвердите email.
3. В кабинете: Сайты → Добавить сайт, укажите домен.
4. Скопируйте site-key (для виджета) и site-secret (для сервера).

Шаг 2. Установите виджет на все страницы

Вставьте перед закрывающим </body>:

<script
  src="https://verifsite.ru/widget.js"
  data-site-key="ВАШ_SITE_KEY"
  data-api="https://verifsite.ru"
  data-lang="ru"
  data-mode="hard"
  defer
></script>

Где вставлять:

• HTML-сайт — в index.html и остальные страницы, или в общий footer.
• Tilda / конструктор — блок T123 «HTML-код» в подвале.
• WordPress — отдельная инструкция.
• 1С-Битрикс, OpenCart, Laravel — в общий layout/footer шаблона.

Шаг 3. Привяжите капчу к форме

Добавьте атрибут к тегу <form>:

<form data-slider-captcha action="/send.php" method="post">
  ... поля формы ...
  <button type="submit">Отправить</button>
</form>

При отправке виджет покажет слайдер. Без прохождения капчи форма не уйдёт.

Альтернатива — слушать событие slider-captcha:passed и отправлять форму через JavaScript. Подробности — документация.

Шаг 4. Серверная проверка (обязательно)

На сервере перед обработкой заявки проверьте токен:

POST https://verifsite.ru/api/v1/introspect
Content-Type: application/json

{
  "siteKey": "ВАШ_SITE_KEY",
  "siteSecret": "ВАШ_SITE_SECRET",
  "token": "токен_из_формы"
}

Ответ {"ok": true, "valid": true} — можно принимать заявку. Иначе — отклонить.

Примеры на PHP, Python, Node.js — на странице интеграций.

Шаг 5. Проверка

1. Откройте сайт в режиме инкогнито.
2. Заполните форму и пройдите капчу.
3. Убедитесь, что заявка пришла, а без капчи — нет.
4. Проверьте на телефоне — свайп должен работать пальцем.
5. В кабинете СВАЙПЕР — раздел аналитики покажет прохождения.

Частые ошибки при установке

Ошибка	Решение
Капча не появляется	Проверьте site-key, загрузку widget.js, консоль браузера
Форма уходит без капчи	Нет серверной проверки — добавьте introspect
Ошибка на мобильном	Убедитесь, что viewport настроен
Домен не совпадает	Добавьте origin в настройках сайта в кабинете

Сколько стоит

Бесплатно — 5 000 проверок/мес. Платные тарифы — от 2 490 ₽. Подробнее — купить капчу и тарифы.

Итог

Как установить капчу на сайт: получить ключ → вставить скрипт → привязать форму → проверить токен на сервере. Это минимальный набор для реальной защиты от ботов. Начните с бесплатного тарифа СВАЙПЕР.

Установить капчу →