Как вы уже могли заметить, теперь мы каждую неделю выпускаем что то новое и актуальное для пользователей нашей платформы. В этот раз мы снова решили поработать над улучшением конверсии вашего сайта и внедрили всплывающую форму, которая легко и удобно настраивается в панели администратора. Давайте сразу перейдем к делу и посмотрим как оно устроено и почему это дает великолепную отдачу.
Чтобы создать вашу первую всплывающую форму, перейдите в панель администратора своего сайта, далее ОСНОВНЫЕ НАСТРОЙКИ > Настройки дизайна. Посередине макета можно заметить новенький блок, созданный специально для редактирования формы.
Здесь много различных настроек, однако пугаться не стоит. На деле всё очень просто, а множество параметров созданы для того, чтобы вы могли гибко настраивать каждый элемент формы, создавая самые уникальные дизайны.
Давайте разберем на примере IQSites.net, за 10 минут мы создали и настроили вот такое вот скромное всплывающее окно:
Настройки формы
1) Форма захвата. В этом выпадающем списке доступны все актуальные формы захвата, созданные на вашем сайте в системе IQSites. Именно в настройках форм захвата (Панель администратора > Формы захвата) регулируется контент формы и параметры: заголовок, текст, текст кнопки, поля ввода итд.
2) Цвет фона. Настройте фон вашей формы, можно не только задать цвет, но и вставить изображение на фон. Мы взяли за основу размер нашей формы (указан ниже, в нашем случае это 700 по ширине и 400 по высоте), создали изображение данного размера в фоторедакторе и расположили в левой части картинку, в правой остался белый фон под текст. При желании изображении можно сменить, удалить и замостить, а также задать прозрачность фону (у нас стоит 100).
3) Цвет заголовка/ цвет текста. Соответственно, регулируют цвета заголовка и текста в вашей форме.
4) Ширина/Высота. Задайте размеры формы в пикселях.
5) Задержка. Количество времени (в секундах), через которое всплывает форма захвата при заходе на сайт.
6) Содержание. От этого параметра зависит расположение текста вашей формы, его можно выровнять в трех различных форматах.
7) Поля ввода. Здесь регулируются все цвета и настройки полей ввода, которые заполняет ваш посетитель. Размер текста для полей (в пикселях), ширина и радиус скругления рамки полей, а также вид полей (уже привычные нам параметры, их мы много раз встречали в конструкторе лендингов в виджете формы захвата).
8) Кнопки. Настройки аналогичны полям ввода.
В конце есть специальная кнопка "Тест формы", она позволяет посмотреть как выглядит настроенная вами форма прямо сейчас.
Итоги
Тестирование новой функции показало отличные результаты, наша форма сейчас дает конверсию ~1к12, это означает что каждый 12й посетитель сайта попадает в базу рассылки, благодаря чему мы можем активно нарабатывать базу и проводить грамотный email маркетинг.
Как создать конверсионную форму?
Стоит обратить внимание на несколько основных пунктов:
1) УТП. Основа вашей формы, чем привлекательнее будет заголовок, тем больше вероятность подписки.
2) Фоновая картинка. Она должна не только быть качественной и не банальной, но и вызывать правильные ассоциации. Старайтесь чтобы смысл картинки раскрывал то, что вы написали в УТП и тексте формы. Проработайте правильные эмоции, вызываемые изображением.
3) Количество полей. Чем их меньше, тем быстрее посетитель примет решение о заполнении формы.
4) Краткий текст. Здесь лучше рассказать конкретнее о том, что посетитель получит в обмен на подписку. Советуем быть честными с посетителями и не писать того, чего они не будут получать, это самым прямым образом влияет на лояльность вашей базы.
5) Задержка. Лучше всего, если форма будет появляться не сразу а через несколько секунд (5-10).
Пробуйте, тестируйте и обязательно анализируйте результаты ;)
Бонус
Это еще не всё :) В общих настройках форм захвата, а также в каждой отдельной форме теперь можно регулировать уведомления. Если на вашем сайте заполнили форму, вы можете включать/выключать уведомление об этом на свой email или в мобильное приложение.
P.S. Выключать уведомления актуально для тех форм, которые не требуют вашей мгновенной реакции. Пример - форма "подписка на блог" не обязует к быстрой связи с подписавшимися, а значит уведомления можно отключить.
