** с классом **LP-title**.\ **Заголовок** выводится в основном поп-апе, а **Заголовок сообщения об отправке** выводится на том же месте и по такому же принципу, но уже в поп-апе сообщения об успешной отправке формы. ## **Описание и Описание в сообщении об отправке** Выводятся под заголовком внутри тэга **

** с классом **LP-description**.\ **Описание** выводится в основном поп-апе, а **Описание в сообщении об отправке** выводится на том же месте и по такому же принципу, но уже в поп-апе сообщения об успешной отправке формы.\ \ При выделении фрагмента описания, во всплывающем окне появляется редактор, расширяющий возможности редактирования: \ ![](https://chat.dashamail.ru/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBXUT09IiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--cc10cc894f620c26f7bc267aa5a854e119882d00/%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA%20%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0%202026-01-20%20%D0%B2%2011.52.04.png) ## **Изображение** Вы можете загрузить своё изображение в виджет. *Загруженное изображение будет храниться на cdn сервиса. Хостинг изображений настроен для соответствия требованиям *[*Google PageSpeed Insights*](https://developers.google.com/speed/pagespeed/insights/): при отдаче изображения оптимизируются и кэшируются в браузерах пользователей. Возможно добавление изображения путём указания прямой ссылки на него в сети Internet. Дополнительно можно указать **Высоту** изображения (ширина будет выбрана пропорционально указанной высоте) и **Отступ** до края поп-апа. \ ![](https://chat.dashamail.ru/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBXZz09IiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--433d4ecb8dcf5c607a0d3fce17b8a7846674b996/%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA%20%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0%202026-01-20%20%D0%B2%2011.52.37.png) Изображение будет расположено в левой части поп-апа в десктопной версии и будет скрыто в мобильной версии поп-апа. Изображение с заданными параметрами выводятся внутри тэга **

** с классом **LP-image**. \ ![](https://chat.dashamail.ru/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBXdz09IiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--2532eebe08a66e35aabc65be181f2edc500b3866/%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA%20%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0%202026-01-20%20%D0%B2%2011.53.00.png) Именно такое расположение и такая механика являются наиболее эффективными по результатам многочисленных проведённых нами A/B тестов. Однако, если вам необходимо иное расположение или поведение на мобильных устройствах, вы всегда можете использовать режим [Тонкой настройки](https://help.leadplan.ru/hc/leadplan/articles/1768895377-\_).\ \ Допустимо использование любых видов изображений, поддерживаемых тегом ****. Тем не менее, рекомендуется использовать изображения в небольшом разрешении в форматах с высоким уровнем сжатия: ***.jpg**, ***.gif**. Также рекомендуется по возможности использовать векторный формат ***.svg**. *Обратите особое внимание на то, что если ваш сайт работает на **https://** протоколе, то и добавляемое изображение обязательно должно быть загружено c ресурса с поддержкой **https.*** ## **Поле ввода email** Возможно редактирование текста placeholder-а данного элемента.\ При отправке формы, на которой присутствует данное поле, будет произведена валидация на факт и корректность ввода поля email. При некорректном вводе, с целью оповещения пользователя, граница данного поля будет подсвечена на 3 секунды цветом, совпадающим цветом кнопки отправки формы, установленным в разделе [Внешний вид](https://help.leadplan.ru/hc/leadplan/articles/1768895179-\_). ## **Поле ввода телефона** Возможно редактирование текста placeholder-а данного элемента.\ На форме в данное поле пользователь сайта сможет ввести только цифры. Ввод может быть начат с символа «+». При начале ввода с цифры «8», будет произведена автоматическая замена на «+7».\ \ Если вам необходимо отклонение от указанных выше правил, то добавляйте поле ввода телефона, используя режим [Тонкой настройки](https://help.leadplan.ru/hc/leadplan/articles/1768895377-\_). Стоит отметить, что данный режим позволяет устанавливать на поля ввода произвольные пользовательские маски и валидаторы. ## **Поле ввода имени** Возможно редактирование текста placeholder-а данного элемента. ## **Кнопка отправки формы** Вы можете изменять текст кнопки отправки формы. Возможно, но не рекомендуется отключать кнопку отправки формы, при прочих активных элементах формы поп-апа. \ ![](https://chat.dashamail.ru/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBYQT09IiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--91c80cad44ad54e76963e9c116f43bcfa7abe4e9/%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA%20%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0%202026-01-20%20%D0%B2%2011.53.34.png) ## **Текст под формой (комментарий)** Данный элемент служит для публикации комментария под формой. Чаще всего используется для информирования о политике конфиденциальности. ## **Чекбокс подтверждения согласия с условиями** Данный элемент служит для подтверждения согласия пользователя сайта с политикой конфиденциальности при отправке формы. По умолчанию чекбокс отмечен. Если его деактивировать (что будет означать отсутствие согласия), то кнопка отправки формы станет неактивной (disabled) и форму технически невозможно будет отправить: \ ![](https://chat.dashamail.ru/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBYUT09IiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--8cb32d21c4f66c7aa4f2c3feadacb0670a53b068/%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA%20%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0%202026-01-20%20%D0%B2%2011.55.06.png) *Все **Элементы формы**, а также **Комментарий** и **Чекбокс подтверждения** выводятся только в основном поп-апе.*