Настройка содержимого

Все изменения содержимого сразу видны в предпросмотре. Здесь описан основной поп-ап — раздел «Форма подписки». Сообщение, которое посетитель видит после отправки формы, настраивается в разделе «Подтверждение»: подробнее в статье «Сообщение после отправки формы».

Для быстрого редактирования доступны:

1. Заголовок.
2. Описание.
3. Изображение.
4. Элементы формы: поле email, поле телефона, поле имени, кнопка отправки.
5. Текст под формой (комментарий).
6. Чекбокс согласия с условиями.
7. Заголовок сообщения об отправке.
8. Описание в сообщении об отправке.

Это не все возможные элементы. В режиме тонкой настройки можно использовать любые элементы форм.

Заголовок и заголовок сообщения об отправке#

Выводятся в начале формы в блоке <div> с классом lp-title. Заголовок показывается в основном поп-апе, заголовок сообщения об отправке — на том же месте в поп-апе после успешной отправки формы.

Описание и описание в сообщении об отправке#

Выводятся под заголовком в блоке <div> с классом lp-description. Описание показывается в основном поп-апе, описание в сообщении об отправке — на том же месте в поп-апе после успешной отправки формы.

Если выделить часть описания, появится редактор с дополнительными возможностями форматирования:

Изображение#

В виджет можно загрузить своё изображение. Оно будет храниться на CDN сервиса. Хостинг изображений соответствует требованиям Google PageSpeed Insights: изображения оптимизируются при отдаче и кешируются в браузерах посетителей.

Можно также указать прямую ссылку на изображение в интернете в поле Изображение раздела «Форма подписки». Размеры задаются в разделе «Параметры»: ширина блока изображения и ширина изображения для компьютеров, высота блока изображения и высота изображения для смартфонов. Там же настраивается обрезка изображения.

Место изображения зависит от шаблона: например, в шаблоне «Обычный поп-ап картинка слева» на компьютерах оно выводится слева от текста, а на смартфонах — над заголовком. Изображение выводится в блоке <div> с классом lp-image.

По результатам наших A/B-тестов такое расположение работает лучше всего. Если вам нужно другое расположение или поведение на смартфонах, используйте тонкую настройку.

Подойдут любые форматы, которые поддерживает тег <img>. Рекомендуем небольшие изображения в сжатых форматах: JPG, WebP, GIF. Для простой графики хорошо подходит векторный SVG.

Если ваш сайт работает по HTTPS, изображение тоже должно загружаться по HTTPS. Иначе браузер его не покажет.

Поле email#

Можно изменить текст подсказки (placeholder). При отправке формы проверяется, что email введён и введён корректно. Если адрес неверный, рамка поля на 3 секунды подсвечивается цветом кнопки отправки, заданным в разделе «Параметры».

Поле телефона#

Можно изменить текст подсказки (placeholder). В поле можно ввести только цифры, первым символом может быть «+». Если номер начинается с «8», она автоматически заменяется на «+7».

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

Поле имени#

Можно изменить текст подсказки (placeholder).

Кнопка отправки формы#

Можно изменить текст кнопки. Кнопку можно отключить, но если в форме есть другие активные элементы, делать этого не рекомендуем: без кнопки форму нельзя будет отправить.

Текст под формой (комментарий)#

Комментарий под формой. Чаще всего в нём сообщают о политике конфиденциальности.

Чекбокс согласия с условиями#

Нужен, чтобы посетитель подтвердил согласие с политикой конфиденциальности. По умолчанию чекбокс не отмечен. Пока посетитель не поставит галочку, кнопка отправки неактивна и отправить форму нельзя.

Элементы формы, комментарий и чекбокс согласия выводятся только в основном поп-апе.