Форма для сайта

Форма обратной связи на сайт

Одна строка script, и на сайте появляется форма, которая не ломает вёрстку: виджет весит около 35 КБ и живёт в Shadow DOM, а не в тяжёлом iframe. Телефон и почта проверяются при вводе, обращения копятся в одном списке.

Что внутри

Форма, после которой не надо чистить заявки

Одна строка кода

Вставьте тег script в шаблон сайта, и форма появится там, где вы её поставили. Работает на Тильде, WordPress, Битрикс и любом сайте, куда можно вставить код.

Виджет 35 КБ в Shadow DOM

Форма не тянет за собой iframe на 180-200 КБ и не конфликтует со стилями сайта: разметка изолирована, шрифты и цвета настраиваются под ваш дизайн.

Проверка телефона и почты

Контакт проверяется прямо при вводе, обязательные поля не дают отправить форму пустой. В список не попадают заявки, по которым некуда перезвонить.

Защита от спама капчей

В форму добавляется блок Yandex SmartCaptcha, он отсекает ботов до отправки. Блок капчи доступен с тарифа Pro.

Обращения в одном списке

Заявки копятся во входящих внутри сервиса: видно, что пришло, когда и с какой страницы. Выгрузка в CSV или XLSX в один клик.

Оповещения в Telegram и CRM

Новые заявки уходят в Telegram, Битрикс24, AmoCRM, Google Sheets или на ваш webhook. Оповещения подключаются с тарифа Pro, на бесплатном заявки видны во входящих.

Варианты

Какие формы собирают чаще всего

Обратная связь и вопросы

Классическое «напишите нам»: имя, контакт, сообщение. Минимум полей, чтобы человек дошёл до кнопки.

Заявка на услугу

Задача, срок и бюджет вместе с контактом, чтобы менеджер перезванивал подготовленным. Лишние поля прячутся условной логикой.

Обратный звонок

Два поля и кнопка: имя и телефон с проверкой формата. Всплывает по клику или в нужный момент на странице.

Оценка качества обслуживания

Шкала и открытый комментарий после покупки или визита. Для регулярного замера лояльности есть отдельный формат NPS.

Сообщение об ошибке

Что сломалось, где и как повторить, с приложенным файлом или скриншотом. Обращения складываются в один список.

Форма в подвале сайта

Компактная форма подписки или связи на каждой странице. Виджет лёгкий, поэтому не бьёт по Core Web Vitals.

Как сделать форму обратной связи для сайта

Собрать форму в конструкторе аскио, настроить поля и встроить её на сайт одной строкой кода.

  1. Соберите форму

    Зарегистрируйтесь без карты и добавьте поля: имя, телефон, почта, сообщение, загрузка файла. Отметьте обязательные и включите проверку ввода.

  2. Настройте вид

    Подберите цвета и шрифты под сайт, задайте текст кнопки и сообщение, которое человек увидит после отправки.

  3. Встройте на сайт

    Скопируйте строку script из окна публикации и вставьте в шаблон страницы. Виджет подхватит форму автоматически.

  4. Принимайте обращения

    Заявки копятся во входящих и выгружаются в Excel. На тарифе Pro и выше подключаются оповещения в Telegram и передача в CRM.

Частые вопросы

Вопросы про форму обратной связи

Куда приходят заявки с формы?

Во входящие внутри сервиса: там видно каждое обращение, дату и страницу, с которой его отправили. Выгрузка в CSV или XLSX доступна на любом тарифе. С тарифа Pro подключаются оповещения в Telegram и передача в Битрикс24, AmoCRM, Google Sheets или на ваш webhook.

Приходит ли уведомление на почту?

Нет, писем о новых заявках сервис не отправляет. Оповещения работают через Telegram и webhook на тарифе Pro и выше, а без них заявки нужно смотреть во входящих. Если критично получать сигнал мгновенно, настраивайте Telegram.

Как защитить форму от спама?

Добавьте в форму блок капчи: используется Yandex SmartCaptcha, она отсекает ботов до отправки. Блок доступен с тарифа Pro. Дополнительно помогают обязательные поля с проверкой формата: примитивные боты на них спотыкаются.

Форма не сломает вёрстку сайта?

Нет. Виджет рендерится в Shadow DOM, поэтому его стили и стили сайта изолированы друг от друга. Весит около 35 КБ против 180-200 КБ у решений на iframe, так что на скорость страницы влияет заметно меньше.

Работает на Тильде и WordPress?

Да, и на Битриксе тоже. Нужна только возможность вставить произвольный код в страницу или шаблон. Для разработчиков есть JS API с событиями жизненного цикла и примерами для React и Vue.

Форма обратной связи бесплатная?

Да. На бесплатном тарифе доступны до 5 форм и 150 обращений всего, проверка полей, условная логика и виджет на сайт. Карта не нужна. Капча и оповещения в Telegram и CRM открываются на Pro.

Поставьте форму на сайт за 5 минут

Одна строка кода, виджет 35 КБ, проверка контактов. Бесплатный тариф без карты.

Тарифы Создать опрос