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

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

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

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

forms

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

new_form

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

form_type

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

mailing_list

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

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

element

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

design

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

form_options

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

data_and_fom_type

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

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

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

condition

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

button_code

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

scroll

 

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

notification

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

form_status

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

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

mailing_list

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

mailing_list

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

code

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

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

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

default_button

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

signup_form

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

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

    Оценка: 5 / 5

    Популярное в нашем блоге

    Начните пользоваться сервисом SendPulse прямо сегодня