IQSites каждую неделю выпускает что-то новое и актуальное для пользователей нашей платформы. В этот раз мы внедрили всплывающую форму, которая легко и удобно настраивается в панели администратора. Давайте сразу перейдем к делу и посмотрим как оно устроено и почему это даёт великолепную отдачу.
Чтобы создать вашу первую всплывающую форму, перейдите в панель администратора своего сайта, далее ОСНОВНЫЕ НАСТРОЙКИ > Настройки дизайна. Посередине макета можно заметить новенький блок, созданный специально для редактирования формы.
Здесь много различных настроек, однако пугаться не стоит. На деле всё очень просто, а множество параметров созданы для того, чтобы вы могли гибко настраивать каждый элемент формы, создавая самые уникальные дизайны.
Давайте разберем на примере 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. Выключать уведомления актуально для тех форм, которые не требуют вашей мгновенной реакции. Пример - форма "подписка на блог" не обязует к быстрой связи с подписавшимися, а значит уведомления можно отключить.
