Cделать форму "Сообщить мне когда появится"

Из этой статьи вы узнаете, как поместить на сайт кнопку, клик по которой откроет веб-форму типа "Сообщить мне, когда товар появится".
Клиент кликает по кнопке, открывается форма, он ее заполняет и попадает в указанную вами адресную книгу.

Войдите в аккаунт SendPulse

Откройте меню  «Формы подписки» 

Выберите «Создать новую форму». Откроется конструктор форм. 

Выберите тип формы, например «Попап-окно» или «Плавающая»

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

Перейдите непосредственно «В редактор»
Из левой панели выбирайте элементы, которые можно добавить в форму, а в правой части экрана редактируйте их.

Текст формы, кнопки и подсказки меняется во вкладке «Элемент»

Цвет, стиль и размер шрифта, дополнительные эффекты, фон и размещение полей задаются во вкладке «Дизайн»

После того, как форма готова, перейдите в меню «Опции формы»

Тут укажите сайт, на котором будет размещена форма, проверьте данные и тип формы

Для того, чтобы форма появлялась на сайте при клике на определенный элемент, кнопку, текст или ссылку, используйте
формы типа «Попап-окно» или «Плавающая».

Такие типы формы имеют несколько дополнительных параметров.

Форма может появляться при открытии сайта

«По клику на кнопку» — в таком случае код кнопки будет сгенерирован вместе с кодом формы

«При скролле до части страницы» — в этом случае укажите, какую часть страницы нужно проскроллить для появления формы

Далее настройте уведомление о подписке, текст письма подтверждения и так далее.

Текст письма подтверждения подписки подлежит модерации, поэтому проверьте его статус перед добавлением формы на сайт — после прохождения модерации статус текста письма поменяется на «Проверен»

Когда всё готово, нажмите «Применить изменения».

Можно также просмотреть вид готовой формы, кликнув по «Просмотр»

Потом кликните «Сохранить-Сохранить и получить код»

Откроется окно со вкладками «Скрипт» и «HTML», откуда можно скопировать код формы для добавления на ваш сайт.

*Учтите, что при каждом изменении и сохранении формы в конструкторе, вам необходимо самостоятельно менять код на сайте.

Осталось лишь добавить форму на сайт или добавить короткий код формы (в этом случае, sp-show-form="106993") к уже существующему элементу страницы, согласно с правилами вашего хостинга.

Так выглядит дефолтный дизайн кнопки на сайте

Форма открывается по клику на кнопку

При добавлении HTML-кода на сайт можно задать кастомный дизайн кнопки, но для этого нужны знания в HTML.

Обновлено: 12.05.2023