# Всплывающая форма на сайт: заявки с кнопки сразу в CRM

Как сделать всплывающую форму на сайт без программиста: поля из CRM, окно «Спасибо», ссылка на кнопку и привязка к кнопке без правки сайта.

Раздел: Виджеты · Обновлено: 2026-11-03 · http://my.lptracker.ru/land/lk/faq/?a=site-forms-widget

> **Коротко:** Всплывающая форма на сайт — это окно с полями, которое открывается по нажатию на кнопку и отправляет заявку прямо в CRM. Создайте её в разделе «Виджет форм на сайте» кнопкой «Добавить форму», нажмите «Сохранить» и поставьте ссылку формы на кнопку сайта.

Всплывающая форма на сайт нужна, когда кнопка «Перезвоните мне» или «Получить прайс» есть, а формы под ней нет. Без формы кнопка ведёт на почту или телефон, и часть посетителей уходит, так и не оставив контакт. А форма, которую собрал программист, обычно шлёт заявки на почту, где они теряются среди писем.

Всплывающая форма — это окно с полями, которое открывается поверх страницы по нажатию на кнопку и отправляет заявку прямо в CRM. Раздел «Виджет форм на сайте» собирает такую форму за пару минут: заголовок, поля, кнопка и окно «Спасибо». На сайт ставится только ссылка на кнопке.

Посмотрите видео на две минуты, а ниже — пошаговая настройка.

[Видео: Всплывающая форма на сайт: заявки с кнопки сразу в CRM](http://my.lptracker.ru/land/n/multic/faq_media.php?f=2026-11/site-forms-widget-ru-b8b0df.mp4)
- 0:03 Всплывающая форма на сайт
- 0:18 Раздел форм
- 0:28 Новая форма
- 0:40 Тексты окна
- 0:51 Поля из CRM
- 1:06 Окно «Спасибо»
- 1:19 Ссылка на кнопку
- 1:32 Итог

## Зачем бизнесу форма по кнопке

- **Клиника, салон, автосервис.** Кнопка «Записаться» открывает форму с полями «Имя», «Телефон», «Услуга» и «Желаемая дата». Администратор перезванивает уже с готовым предложением времени.
- **Онлайн-школа.** «Получить программу курса» — имя, телефон, email и поле «Курс». Голосовой бот перезванивает по свежей заявке, пока человек ещё на странице.
- **Недвижимость.** Под каждую кнопку своя форма: «Получить планировки», «Подобрать квартиру» с бюджетом и районом, «Записаться на просмотр».
- **Юристы, ремонт, B2B.** «Запросить КП» с полями «Компания» и «Комментарий», а в окне «Спасибо» — обещание перезвонить за 15 минут.
- **Лендинг на Tilda или WordPress.** Ссылка формы вставляется в поле ссылки кнопки конструктора, и отдельный блок формы на странице не нужен.

> Стоматология в Самаре. С чем пришли: кнопка «Записаться» вела на телефон. Было: вечером и в выходные посетители уходили, не дозвонившись. Внедрили: форму «Имя», «Телефон», «Услуга» на каждую кнопку записи и голосового бота на шаг новых заявок. Стало: заявок с сайта примерно на треть больше, а бот перезванивает за минуту.

## Как работает виджет форм на сайте

Форму открывает код кабинета на сайте — тот же, что у виджета. Его ставят один раз в «Интеграции с сайтом», а работает он, когда виджет проекта создан и не стоит на паузе.

У каждой формы своя ссылка: адрес сайта, знак «#» и название формы латиницей. Ссылка строится из поля «Название»: форма «Обратный звонок» получит адрес, который заканчивается на obratnii_zvonok. Посетитель нажимает кнопку с этой ссылкой, заполняет поля, и заявка приходит в CRM проекта, а ответы сразу ложатся в карточку лида.

![Всплывающие формы на сайт в списке раздела](http://my.lptracker.ru/land/n/multic/faq_media.php?f=2026-11/site-forms-widget-1-6f30de.webp)

## Как сделать всплывающую форму на сайт: пошагово

1. **Проверьте код на сайте** — «Как показать на сайте» → «Разметка форм сайта»: в «Интеграции с сайтом» статус должен быть «Код найден».
2. **Создайте форму** — Нажмите «Добавить форму» и впишите «Название», например «Перезвоните мне». Посетитель его не видит.
3. **Задайте тексты окна** — «Заголовок» до 80 символов и «Описание» до 150, а «Ширина окна» — от 200 до 3000 px, по умолчанию 700.
4. **Соберите поля** — В «Поля формы» оставьте нужные, лишние уберите крестиком, а «+ Добавить поле» поставит поле из CRM.
5. **Настройте кнопку и окно «Спасибо»** — «Текст кнопки», «Цвет кнопки», затем «Заголовок» и «Описание» в блоке «После отправки формы».
6. **Сохраните и скопируйте ссылку** — Нажмите «Сохранить», затем значок копирования у ссылки в списке. Вставьте её в кнопку на сайте и отправьте тестовую заявку.

## Поля из CRM и окно «Спасибо»

Кроме «Имя», «Телефон» и «Email» в форму ставятся поля карточки лида типов «Текст», «Дата», «Число» и «Список»: город, услуга, бюджет, желаемая дата. Клиент заполняет их сам, и менеджеру не нужно переспрашивать. Порядок полей меняется перетаскиванием, а «Подсказка внутри поля» — это серый текст в пустом поле. Нужного поля нет — создайте его в разделе [дополнительные поля в CRM](http://my.lptracker.ru/land/lk/faq/?a=crm-card-fields&format=md) и обновите страницу форм.

После отправки посетитель видит окно «Спасибо» с вашим заголовком и описанием. Вместо общего «Ваша заявка принята» напишите конкретное обещание, например «Перезвоним за 5 минут». Человек ждёт звонка и охотнее берёт трубку. Справа в редакторе есть «Предпросмотр» с переключателем «Форма» и «После отправки».

![Настройка всплывающей формы для сайта с полями CRM](http://my.lptracker.ru/land/n/multic/faq_media.php?f=2026-11/site-forms-widget-2-361442.webp)

## Как поставить форму на кнопку сайта

Ссылку формы копируют в списке значком рядом со ссылкой, через меню ⚙ → «Скопировать ссылку на форму» или внизу редактора. В Tilda, WordPress и других конструкторах её вставляют в поле ссылки кнопки как обычный адрес.

Если править сайт некому, кнопку привязывают прямо из кабинета. В «Интеграции с сайтом» откройте сайт для разметки, выберите режим «Попап на кнопке», нажмите кнопку на странице и выберите форму в списке «Какую форму открывать». Как устроена разметка, рассказано в статье [заявки с сайта в CRM](http://my.lptracker.ru/land/lk/faq/?a=website-integration&format=md).

> Ссылка строится из названия формы. Переименуете форму — изменится и ссылка, а старая перестанет открывать окно на сайте. Видимые тексты меняйте в «Заголовке» и «Описании», а «Название» лучше не трогать.

> Форма сама не всплывает, только по кнопке. Окно на входе, при уходе со страницы, со скидкой и таймером делают офферы — читайте статью [всплывающее окно со скидкой](http://my.lptracker.ru/land/lk/faq/?a=widget-offers&format=md).

## Почему всплывающая форма не открывается на сайте

- На сайте нет кода или стоит код другого проекта: «Проверить код» в «Интеграции с сайтом» должен показывать «Код найден».
- Виджет проекта на паузе: при балансе ниже нуля или закончившемся тарифе код ничего не показывает.
- Ссылка на кнопке устарела: форму переименовали или удалили.
- Сайт не опубликован после правки кнопки.
- Код подгружает формы после первого движения мыши, прокрутки или касания, поэтому самое первое нажатие может не сработать — нажмите ещё раз.

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

### Сколько стоит всплывающая форма на сайт?
Отдельной платы за формы нет, и их число не ограничено. Форму открывает код виджета, поэтому нужен работающий [виджет для сайта](http://my.lptracker.ru/land/lk/faq/?a=widget-start&format=md), который не стоит на паузе.

### Можно ли добавить в форму свои поля?
Да: «+ Добавить поле» ставит поля CRM типов «Текст», «Дата», «Число» и «Список». Поля других типов в форму не добавляются.

### Что будет с заявками, если удалить форму?
Заявки, которые уже пришли, останутся в CRM. Перестанет работать только ссылка: кнопка на сайте больше не откроет окно.

### Как поставить всплывающую форму на сайт на Tilda?
Скопируйте ссылку формы, вставьте её в поле ссылки кнопки в Tilda и опубликуйте страницу. Код кабинета на сайте должен стоять заранее.

### Почему подпись над полем формы не меняется?
Подпись — это название поля CRM на момент добавления, а в форме меняется только подсказка внутри поля. Переименуйте поле в CRM, обновите страницу и добавьте его заново.

**Читайте также:** [Виджет для сайта](http://my.lptracker.ru/land/lk/faq/?a=widget-start&format=md), [Заявки с сайта в CRM](http://my.lptracker.ru/land/lk/faq/?a=website-integration&format=md), [Квиз для сайта](http://my.lptracker.ru/land/lk/faq/?a=widget-quizzes&format=md)