January 1

Антифрод для форм Tilda

Этап 1. Скрытое CSS-поле (honeypot)

Если у вас на сайте много мусорных заявок — это боты.
Самый простой способ отрезать 70–80% фродаhoneypot.

Это скрытое поле, которое человек не видит, а бот почти всегда заполняет.


Что мы делаем на этом этапе

✅ Создаем ловушку для ботов
✅ Скрываем поле от людей через CSS
✅ Готовим основу для фильтрации заявок


Шаг 1. Добавляем поле в форму

  1. Откройте страницу в Tilda
  2. Кликните по форме
  3. Нажмите «Контент»
  4. Нажмите «Добавить поле»
  5. Выберите тип Email
  6. В поле Имя переменной укажите: email_confirm

Важно:

  • ❌ не делайте поле обязательным
  • ❌ не добавляйте заголовок и плейсхолдер

Поле должно быть обычным и незаметным.


Шаг 2. Скрываем поле через CSS (актуальный путь)

В Tilda сейчас путь такой:

Настройки сайта → Еще → Пользовательские CSS-стили → Редактировать CSS

Вставьте код:

input[name="email_confirm"] {
  position: absolute;
  left: -9999px;
  opacity: 0;
  pointer-events: none;
}

Что это делает:

  • поле есть в форме
  • человек его не видит
  • бот его видит и заполняет

❗️Не используйте type="hidden" и display: none — это хуже работает против ботов.


Шаг 3. Быстрая проверка

  1. Опубликуйте сайт
  2. Откройте страницу
  3. Нажмите F12
  4. Вкладка Elements
  5. Нажмите Ctrl + F
  6. Введите: email_confirm

Если поле найдено, но вы его не видите на странице — всё сделано правильно.


Что дальше

На этом этапе:

  • поле уже ловит ботов
  • но заявки ещё не фильтруются

👉 Этап 2 — не отправлять конверсии в Метрику и Директ,
если бот заполнил это поле.

(об этом в следующей статье)