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

Менять изображение на первом экране или «подгонять» выгоды под клиента, но какой в этом толк, если взаимодействия с формой не происходит?
Статистика показывает, что в 20% случаев причина недостаточной конверсии посадочной страницы кроется не столько в плохом УТП или отсутствии целевого трафика, сколько в небрежном и непродуманном оформлении формы заявки .
Посетитель не желает оставлять свои контактные данные, «бросает» форму и уходит. Вы теряете потенциальных клиентов, а значит и доход.
Почему так происходит и как повысить конверсию формы заявок ?

2 причины плохой «заполняемости» форм:

• неграмотное оформление формы заявки
• ее непродуманный функционал

В статье приведен простой чек-лист , с помощью которого вы сможете легко проанализировать формы на landing page . Для работы я рекомендую использовать 4 инструмента : карту кликов, карту скроллинга, аналитику форм и .

Форма заявки должна быть видна на первом экране без «прокрутки»

Изучите карту скроллинга . Посмотрите, попадают ли основные конверсионные элементы в просматриваемые части страницы. Проверяйте сверстанную страницу на устройствах с разным расширением экрана. Уделите особое внимание мобильной версии!

Проверяйте все браузеры

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

Количество полей должны соответствовать поставленной задаче

Рис.2 Пример дополнительного поля, решающего проблему клиента

Правило простое – уделите внимание удобству заполнения этих форм:

• используйте подсказки (например, «маску» для телефонных номеров);
• сделайте отправку формы возможной без заполнения всех имеющихся полей;
• ставьте адекватные цели – например, не запрашивайте на подписной странице контактный телефон, если . Посетители не станут заполнять 5 полей, чтобы просто получить демо-версию или каталог.

Используйте разные способы получения контактных данных

Отталкивайтесь от особенностей продукта или ниши. Дайте возможность связаться с вами по телефону, e-mail или чату для консультации. Учитывайте поведение клиентов – кому-то легче сразу позвонить и обговорить условия, в некоторых случаях (получение КП) не обойтись без взаимодействия с формой.

Закрытая или открытая форма?

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

Правила оформления полей в поп-апе будут те же:

• Будьте последовательны . Форма должна быть максимально простой для заполнения.
• Придерживайтесь порядка. Первыми располагайте поля, которые заполнить проще всего (например, «имя»).
• Сформулируйте четкую выгоду. Объясните, зачем посетителю нужно заполнить форму и что он получит .

Рис.3 Пример хорошей «подводки» к закрытой форме заявки

Не используйте шаблонные фразы!

Типа «получите бесплатную консультацию». Продумайте несколько вариантов «легкого шага», способного заинтересовать пользователя и заставить его взаимодействовать с формой .

Хороший пример в нише продажи авто. Вместо стандартной «Получите консультацию по продаже автомобиля» использован классный прием: посетителю предлагается сразу прикинуть сумму, которую он может получить.

Призывайте к конкретному действию

Уходите от формулировки «отправить заявку». Гораздо лучше сделать кнопку с описанием конкретного результата (например, «получить КП» или «рассчитать стоимость»). В идеале текст кнопки должен частично дублировать «подводку».

Привлеките дополнительное внимание

Используйте графические направляющие . Самый простой вариант — «освободить» пространство вокруг формы и направить взгляд посетителя при помощи указателя или стрелки. Так форма станет более заметной и сильнее будет притягивать к себе внимание.

Заставьте изображение (фотобаннер первого экрана) работать на СТА

В случае, когда форму невозможно подчеркнуть графическими элементами или сделать кнопку крупнее и контрастнее, «обратите» на нее внимание пользователя посредством изображения. Грамотно подберите фото и направьте взгляд посетителя в нужном вам направлении.

Рис.7 Взгляд девушки обращает ваше внимание на форму

Изучайте взаимодействие пользователей с формами

Аналитика форм заявки показывает, какие поля заполняют/не заполняют пользователи. А Вебвизор, благодаря своему функционалу, выступает в роли «большого брата», который следит за поведением посетителя. Если взаимодействие с формой было, но данные по каким-то причинам не были отправлены, он покажет вам, в чем была проблема. Иными словами, он поможет понять, на каких этапах заполнения у пользователей возникают трудности, какие поля можно убрать, а какие стоит дополнить подсказкой для корректного заполнения.

Поблагодарите клиента – это важно

Продумайте детали! Грамотно оформленная страница благодарности – это не только проявление уважения к клиенту, но и инструмент повышения конверсии . Еще раз — отойдите от шаблонов! Проявите креатив — вместо стандартной фразы «Ваша заявка принята» пропишите что-то более персональное, касающееся вас и вашей компании. Страница «спасибо» при правильном оформлении может стать хорошей площадкой для экспериментов.

Выводы

1. Взаимодействие с формой — это пик коммуникации лендинг пейдж с клиентом. Прежде чем тестировать конверсионные элементы вашей посадочной страницы, проанализируйте ваши формы СТА , сверяясь с нашим чек-листом.
2. Проверяйте отправку данных с разных устройств и разных браузеров . Локальные баги отдельных версий случаются гораздо чаще, чем можно было бы предположить.
3. В обязательном порядке проводите аналитику форм на предмет выявления полей, с которых уходят клиенты, чтобы понимать, почему они уходят и как можно это исправить.
4. Перед внесением изменений и тестированием форм считайте количество уже полученных заявок , чтобы получить реальную картину достигнутых после внесения доработок результатов.

Будьте во всеоружии и опережайте своих конкурентов. Конверсионных лендингов вам!

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

Секреты создания формы для лендинга

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

Грамотно составленная лендинг пейдж форма должна быть понятной самому обычному пользователю, открывшему страницу. Если в открывшемся окне полей будет слишком много, это просто отпугнет потенциального покупателя и он уйдет к конкурентам. Так что разработка качественной формы заказа для landing page - задание не менее ответственное, чем главная страница компании. Для того чтобы достигнуть успеха, то есть высокой конверсии, необходимо всего лишь следовать нескольким несложным правилам.

Требования к созданию идеальной формы заказа для landing page

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

1. Лаконичность. Веб-форма должна позволить оформить заказ, а не собирать о клиенте массу ненужной информации. То есть в ней не должно быть больше 3-5 строк, оформив пунктов больше, вы рискуете загрузить страницу не имеющими никакой значимости строками, что усложнит пользователю быстро оформить покупку.
2. Читаемость. Правильная landing page форма заявки должна быть видимой и легко читаемой. Не нужно перенасыщать страницу большим количеством граф. Оптимальный вариант, если пользователь будет постепенно переходить к заполнению следующей порции информации о себе. Ну и, конечно же, нужно продумать дизайн формы, чтобы она выглядела приятно для глаз.
3. Функция сохранения данных. Довольно часто интернет-соединение потребителей оставляет желать лучшего. Чтобы перебои в связи не привели к потере уже внесенных данных в графы, стоит подумать о функции автосохранения . Это поможет пользователю сэкономить время и после восстановления соединения, и не вводить свои данные еще раз.
4. Проверенные концепции. Лендинг пейдж форма - это не то место, где нужно быть оригинальным. Существуют принципы, которые проверены временем и приносят результат. Любая ошибка программиста или дизайнера может стоить тысяч потерянных покупателей.

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

Пример формы заказа для landing page

Где сделать landing page форму заявки?

Если только вы не обладаете достаточными знаниями и умениями, а таких меньшинство, вряд ли у вас получится рабочая форма для landing page, которая будет безукоризненно выполнять возложенные на нее функции. Некоторые ищут исходные коды в открытом доступе в сети, хотя такой способ может принести гораздо больше проблем, чем пользы. Во-первых, как будет работать форма неизвестно, тестирование займет много времени, да и это не гарантирует 100%-ной работоспособности. Письма с формы могут попадать в спам или вообще не отправляться или приходить в непонятной кодировке. В последствие выяснится, что некоторые заказы потерялись, или произошел другой сбой, а все это вряд ли благотворно отобразиться на имидже продавца. Во-вторых, что делать, если понадобиться внести какие-то изменения? Самостоятельно копаться в коде или приглашать специалиста, услуги которого также могут влететь в копеечку.

Второй вариант - привлечь к этой задаче фрилансера. Но и этот путь решения проблемы не лишен подводных камней. Топовые фрилансеры, конечно, могут сделать идеальную форму захвата для лендинга, но где найти такого? На поиски может уйти много времени. Можно, конечно, попробовать конкурсный отбор, но это все время и деньги. Опять-таки, актуальным остается вопрос внесения изменений в форму. Хорошо, если координаты автора формы сохранились, а если нет? Да и то, если связь сохранилась, он может быть просто занят другими заказами и не сможет вам помочь. А другие фрилансеры не всегда готовы исправлять работу других собратьев по цеху.

Наиболее эффективным решением данной задачи является онлайн конструктор веб-форм Formdesigner . Данный сервис не требует особенных умений, обладает понятным интерфейсом. Встроенный дизайнер форм поможет создать идеальную форму захвата, лаконично вписывающуюся в веб-сайт. Продумана и защита в виде пароля, протокола HTTPS, и Captcha. Онлайн-платежи доступны и легки, позволят принимать деньги в считанные минуты. Уникальные сценарии создаются с помощью динамических форм .

Принцип работы

Конструктор появился в 2013 году и уже завоевал доверие новичков и профессиональных вебмастеров. Он позволяет владельцам сайтов в считанные минуты создать форму заявок , обратной связи , подписки , форму заказа и многие другие, идеально вписывающиеся в интерфейс любого сайта. Специальных навыков и знаний не нужно, форма захвата на лендинг пейдж, благодаря сервису Formdesigner, будет готова в течение 5 минут. Помимо этого, при необхолимости что-то изменить, достаточно просто еще раз посетить сайт и внести необходимые правки. Кроме того, все это можно сделать совершенно бесплатно, что тоже немаловажно.

Говоря про основные преимущества конструктора веб-форм Formdesigner, можно отметить:

• Конструктор работает онлайн в режиме реального времени;
• Весь процесс создания веб-формы прозрачен и происходит у вас на глазах;
• Все данные из формы хранятся на сервере и доступны 24 часа в сутки;
• Возможность загрузки файлов и использования пользовательского СSS позволяет сделать уникальную веб-форму для лендинга.

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

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

Можно создать сайт с нуля и подкорректировать имеющийся. С прекрасным помощником в мире созидания веб контента вам не придется долго ждать клиентов.

Нужно понимать, что за такую ювелирную работу нужно будет заплатить, но плата того стоит. Нужно обсудить все вопросы по созданию, это повлияет на стоимость работы и на лендинг в целом. Создавая нужно учитывать все возможные мелочи, которые могут привлекать внимание людей: от красоты, до удобства пользования. К тому же, нельзя забывать о психологии и подсознании. Многие решения принимаются подсознательно. И покупка товара – не исключение. Если построить правильную логическую цепочку, которая будет содержать в себе решение проблемы человека, описание этого решения, убеждение, что это решение верное и поможет ему, концентрация на этой цели, подталкивание к действию и само действие, то получится превратить большую часть посетителей в клиентов. Причем, не важно какое будет целевое действие страницы – продажа, подписка на рассылку, приобретение контактных данных посетителя и так далее.

Отдельное внимание нужно уделить форме обратной связи с клиентом. Так как это общение с клиентом, пусть и не прямое. Связь с клиентом крайне важна, так как, один лишь сайт не сможет полностью удовлетворить потребности клиента. Он может обрабатывать лишь стандартные запросы, которых бывает крайне мало, поскольку люди редко выбирают стандартный подход к решению проблемы. Связавшись с клиентом через обратную связь можно увеличить не только оборот продаж/сделок/подписок, но и репутацию компании.

Поскольку личное общение и удовлетворение потребностей клиента очень важно для развития хорошей репутации. Созданию такой формы всегда уделялось отдельное внимание. Использование шаблона, на котором установлена обратная связь сильно ограничивает функционал страницы, потому данная форма всегда вписывалась в основной код вручную с соблюдением всех требований SEO. К такой формы тоже подход особый: она должна быть расположена на видном месте, она должна быть интуитивно понятной и простой в использовании, она не должна спрашивать у клиента много лишней информации, достаточно электронной почты и имени. Расположение влияет на ту категорию людей, которые привыкли быстро искать необходимую информацию и использовать ее. Некоторым достаточно пары секунд пребывания на странице, чтобы оценить будут ли они пользоваться ее услугами или нет. Потому, расположение должно быть таким, чтобы даже такие пользователи успели заинтересоваться предложением и оставить контакты.

Очень важно, чтобы страница была проста в понимании, потому как не все пользователи сети интернет опытны в этом деле. Для охвата аудитории опытной и не очень, нужно чтобы было интуитивное понимание последовательности действий для совершения операции. И не менее важно – количество информации. Это влияет на подсознательный уровень доверия. Если страница спрашивает много контактов: и номер телефона, и электронную почту, номер карты, адрес и так далее. То может возникнуть ощущение, что это страница сделана мошенниками. А это сильный удар «под дых» репутации сайта в целом. Потому – информации нужно спрашивать ровно столько, сколько будет достаточно для связи с клиентом и уточнения его пожеланий и выполнения условий сделки. Лендинг в целом – простой сайт, созданный сложным образом. Он простой для пользователей, но сложный для создания разработчикам. Однако, такая работа стоит затраченных усилий!

Есть специальные блоки, содержащие форму для заявки. Такие блоки находятся в группе "Форма-лид" в левой боковой колонке. При отправке формы регистрируется выполнение целевого действия на лендинге.

Форму вы можете настроить под ваши задачи.

Вы можете изменить текст на кнопке в форме, а также настроить URL, по которому пользователь будет перенаправлен после отправки формы.

Вы можете настроить поля для ввода данных.

Для наведите мышку на поле и в появившемся меню нажмите "Настроить поле".

В появившемся всплывающем окне вы можете настроить параметр "name" (имя поля в форме). Можно вводить только латинские символы.

Также можете настроить параметр placeholder. Это заголовок, который отображается к поле, когда оно не активно и не содержит данных, введенных пользователем. Например, для ввода e-mail следует написать "Введите ваш e-mail".

Заявка отправленная через форму будет отправлена к вам на почту, через которую вы авторизуетесь в сервисе.

Вы можете установить другой e-mail. Для этого в общих настройках лендинга укажите нужный e-mail.

Вы можете интегрировать лендинг с любым внешним сервисом, к примеру сторонней CRM-системой.

Для этого в общих настройках лендинга в поле "Отправлять форму с лендинга по URL" установите нужный URL. А также укажите, каким методом должны отправляться данные: GET или POST.

В этом случае кроме отправки данных из формы на e-mail, они также будут отправляться по указанному URL указанным методом.