ru
 en

Для создания формы подписки на QForm достаточно 10 минут. Выбираете готовый шаблон на сервисе, либо применяете свои индивидуальные стили и подстраиваете форму под дизайн сайта. Детально распишем, как сделать вариант, представленный на картинке ниже.

Обычная форма подписки на рассылку
Обычная форма подписки на рассылку

Пошаговое руководство: создаем форму подписки

Добавляем новую форму на сервис и переходим к работе с настройками. В «Основных параметрах формы» ставим галочку рядом с 'Форма активна', Google Recaptcha оставляем без галочки, так как не нуждаемся  в дополнительной защите от спама. Скрипт QForm подключаем на сайте всего 1 раз, даже при условии размещения нескольких форм.

Первый скрипт в head
Первый скрипт в head

 

А div вставляем непосредственно на страницу, где будет размещаться форма.

Код формы, который можно встроить в любое место сайта
Код формы, который можно встроить в любое место сайта

 

Работаем с полями формы:

  • добавляем тип поля text, в имени прописываем Name, в плейсхолдере - Имя;
  • снова добавляем тип поля text, но уже для электронной почты, поэтому в имени поля прописываем e-mail, а в плейсхолдере – E-mail;
  • добавляем тип поля submit для кнопки «Подписаться», в имени прописываем subscribe.

 

Как нужно настроить поля формы подписки
Настроенные поля формы подписки

 

Поле class определяет внешний вид будущей формы – мы использовали стили, заданные на сайте и адаптировали под дизайн. Обладая хотя бы минимальными знаниями по верстке и веб-разработке, вы можете создать свои стили и сделать форму, которая идеально впишется в ваш проект.  

Опционально можно вписать существующие классы оформления на вашем сайте
Опционально можно вписать существующие классы оформления на вашем сайте

 

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

Базовый шаблон формы подписки в QForm
Базовый шаблон формы подписки в QForm

 

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

В разделе Javascript-события настраиваем отправку данных о достижении цели  (отправка подписки) в систему аналитики Я.Метрика. Подставляем в код номер счетчика и имя события.

Вставка дополнительного JavaScript кода
Вставка дополнительного JavaScript кода

 

Эту же вкладку можно использовать для выполнения любого другого Java-script кода, например JS-редирект на другую страницу вашего сайта.

Назад на главную