IQSites - умный конструктор сайтов
+7 (911) 11-8888-1
Звоните прямо сейчас
Социальные сети
Новенькое в IQSites: всплывающая форма. Турбо ускорение сбора подписчиков.

Новенькое в IQSites: всплывающая форма. Турбо ускорение сбора подписчиков.

Вы будете в восторге от того, как это удобно и эффективно ;) Узнайте о новой функции и получите ценные советы о том, как её можно грамотно использовать.

26 апреля 2017 в 11:48

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

Чтобы создать вашу первую всплывающую форму, перейдите в панель администратора своего сайта, далее ОСНОВНЫЕ НАСТРОЙКИ > Настройки дизайна. Посередине макета можно заметить новенький блок, созданный специально для редактирования формы.

Новенькое в IQSites: всплывающая форма. Турбо ускорение сбора подписчиков.

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

Новенькое в IQSites: всплывающая форма. Турбо ускорение сбора подписчиков.

Давайте разберем на примере IQSites.net, за 10 минут мы создали и настроили вот такое вот скромное всплывающее окно:

Новенькое в IQSites: всплывающая форма. Турбо ускорение сбора подписчиков.

Настройки формы

1) Форма захвата. В этом выпадающем списке доступны все актуальные формы захвата, созданные на вашем сайте в системе IQSites. Именно в настройках форм захвата (Панель администратора > Формы захвата) регулируется контент формы и параметры: заголовок, текст, текст кнопки, поля ввода итд.

2) Цвет фона. Настройте фон вашей формы, можно не только задать цвет, но и вставить изображение на фон. Мы взяли за основу размер нашей формы (указан ниже, в нашем случае это 700 по ширине и 400 по высоте), создали изображение данного размера в фоторедакторе и расположили в левой части картинку, в правой остался белый фон под текст. При желании изображении можно сменить, удалить и замостить, а также задать прозрачность фону (у нас стоит 100).

3) Цвет заголовка/ цвет текста. Соответственно, регулируют цвета заголовка и текста в вашей форме.

4) Ширина/Высота. Задайте размеры формы в пикселях.

5) Задержка. Количество времени (в секундах), через которое всплывает форма захвата при заходе на сайт.

6) Содержание. От этого параметра зависит расположение текста вашей формы, его можно выровнять в трех различных форматах.

7) Поля ввода. Здесь регулируются все цвета и настройки полей ввода, которые заполняет ваш посетитель. Размер текста для полей (в пикселях), ширина и радиус скругления рамки полей, а также вид полей (уже привычные нам параметры, их мы много раз встречали в конструкторе лендингов в виджете формы захвата).

8) Кнопки. Настройки аналогичны полям ввода.

Новенькое в IQSites: всплывающая форма. Турбо ускорение сбора подписчиков.

В конце есть специальная кнопка "Тест формы", она позволяет посмотреть как выглядит настроенная вами форма прямо сейчас.

Итоги

Тестирование новой функции показало отличные результаты, наша форма сейчас дает конверсию ~1к12, это означает что каждый 12й посетитель сайта попадает в базу рассылки, благодаря чему мы можем активно нарабатывать базу и проводить грамотный email маркетинг.

Как создать конверсионную форму?

Стоит обратить внимание на несколько основных пунктов:

1) УТП. Основа вашей формы, чем привлекательнее будет заголовок, тем больше вероятность подписки.

2) Фоновая картинка. Она должна не только быть качественной и не банальной, но и вызывать правильные ассоциации. Старайтесь чтобы смысл картинки раскрывал то, что вы написали в УТП и тексте формы. Проработайте правильные эмоции, вызываемые изображением.

3) Количество полей. Чем их меньше, тем быстрее посетитель примет решение о заполнении формы.

4) Краткий текст. Здесь лучше рассказать конкретнее о том, что посетитель получит в обмен на подписку. Советуем быть честными с посетителями и не писать того, чего они не будут получать, это самым прямым образом влияет на лояльность вашей базы.

5) Задержка. Лучше всего, если форма будет появляться не сразу а через несколько секунд (5-10).

Новенькое в IQSites: всплывающая форма. Турбо ускорение сбора подписчиков.

Пробуйте, тестируйте и обязательно анализируйте результаты ;)

Бонус

Это еще не всё :) В общих настройках форм захвата, а также в каждой отдельной форме теперь можно регулировать уведомления. Если на вашем сайте заполнили форму, вы можете включать/выключать уведомление об этом на свой email или в мобильное приложение.

P.S. Выключать уведомления актуально для тех форм, которые не требуют вашей мгновенной реакции. Пример - форма "подписка на блог" не обязует к быстрой связи с подписавшимися, а значит уведомления можно отключить.

Новенькое в IQSites: всплывающая форма. Турбо ускорение сбора подписчиков.
Новенькое в IQSites: всплывающая форма. Турбо ускорение сбора подписчиков.


Подписка на обновления блога
Хотите оперативно получать новости компании из корпоративного блога? Просто заполните форму ниже.
Вы сможете отписаться в любой момент.
* Поля, обязательные для заполнения
Нажимая "Подписаться", Вы принимаете условия обработки персональных данных.
Теги: IQSites

Другие статьи блога

Как создать лендинг, вдохновляющий на покупку?
Как создать лендинг, вдохновляющий на покупку?
Как сделать мультиязычный сайт?
Как сделать мультиязычный сайт?
Покажи всё, на что ты способен. Сервис для создания онлайн-портфолио.
Покажи всё, на что ты способен. Сервис для создания онлайн-портфолио.

×

Информация, за которую другие щедро платят!

Подпишитесь на блог IQSites и получайте свежие лайфхаки конверсии сайтов, привлечения трафика и клиентов, тренды веб-дизайна, реальные кейсы и многое другое. Это всё ещё бесплатно!
* Поля, обязательные для заполнения

Нажимая "Подписаться", Вы принимаете
условия обработки персональных данных.

Наверх
array(5) { ["id"]=> int(0) ["ip"]=> string(13) "54.225.32.164" ["language"]=> string(2) "en" ["gmt"]=> int(0) ["guest_id"]=> string(32) "2c966da135462e2ff9dfd97fc407abd6" }