В поисках работы? Обучение на дому, свободный график. Хватит работать на дядю, РАБОТАЙТЕ НА СЕБЯ!      Узнать подробности
Авто заполняемый сайт    Авто заполняемый сайт




Home » Способы заработка для новичков » Интернет-форма на веб-сайте: отправка, примеры

Интернет-форма на веб-сайте: отправка, примеры


Logo


Здрасти!

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

Но рыбка срывается. Причина — форма захвата на веб-сайте. Появляются вопросцы: что с ней не так, как оценить, где смоделировать удачный опыт?! О этом, и даже больше, узнаете в статье.

Что такое форма захвата

Форма захвата контактов, как воздух. О ней не задумываешься, когда делаешь веб-сайт и считаешь, что принципиально всё, но лишь не она.

Правда, мы скажем по другому — жить без нее недозволено. Может быть, резкое сопоставление, но для упора значимости темы, в самый раз. Поэтому, что вопросец о Вашем кошельке.

Форма оборотной связи — это окно с полями для ввода данных, текстом и клавишей для оборотной связи с гостем Вашего веб-сайта.

Таковая форма является одной из ступеней воронки продаж, собирает контакты гостей сервиса либо Landing Page.

Иными словами, форма захвата дружит покупателя с торговцем. Еще её именуют лид — форма либо форма оборотной связи. Но глобально не принципиально как Вы её будете именовать, если мы осознаем о чём идёт речь.

Виды форм для веб-сайта

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

1. Закрытая форма

Эта контактная форма именуется закрытой, когда она выполнена в виде клавиши либо ссылки на сервисе, при нажатии на которую возникает развернутая форма с полями. Классика жанра — это виджет оборотного звонка в шапке веб-сайта.

Интернет-форма на веб-сайте: отправка, примеры

Закрытая форма

Интернет-форма на веб-сайте: отправка, примерыНовое окно

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

Также, когда она содержит больше 4-х полей и перекрывает часть контента на сервисе. В главном в веб-интернет — магазинах. Единственный минус — просит доп клика мыши юзером.

2. Открытая форма

Интернет-форма на веб-сайте: отправка, примерыОткрытая форма захвата оформлена в развернутом виде и размещается, почти всегда, на первом экране главной странички веб-сайта либо лендинга.

Открытая форма

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

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

3. Двойная форма

Интернет-форма на веб-сайте: отправка, примерыОсновное отличие двойной формы от обыкновенной — наличие мотивирующего, продающего, информационного текста, который вернее располагать слева от полей для ввода данных.

Двойная форма

В таковой форме может находиться особое предложение либо акция, которая не озвучена на веб-сайте.

Ваш лид — магнит либо особенное условие для клиента, отправившего заявку с данной формы. Основное, чтоб это было ценным для юзера.

Примеры форм для веб-сайта

Окей. Сейчас, когда Вы глобально узрели какие бывают виды форм захвата, можем перебегать к примерам.

И здесь перечень будет достаточно длительный, но Для вас не надо всё. Основной принцип Вашего выбора: форма обязана соответствовать желанию клиента в момент его нахождения в определенном месте сервиса. А мы начинаем.

1. Подписка на рассылку

E-mail маркетинг удачно работает, что бы о нем не гласили. Потому одним из видов формы является “Подписка на рассылку”.

Интернет-форма на веб-сайте: отправка, примерыЕё цель — взять e-mail адресок юзера для предстоящей реализации Ваших товаров при помощи рассылки (к примеру, через сервисы: UniSenderNotisend)

Подписка на рассылку

Хотя с учётом того, что на данный момент интенсивно развиваются чат-боты для бизнеса и автоворонки в соцсетях, это может просто поменять e-mail маркетинг в данной форме.

Интернет-форма на веб-сайте: отправка, примерыПодписка на рассылку через соцсети

Расположите форму сбоку от основного контента либо понизу главной странички, опосля того, как юзер ознакомится с принципиальной информацией.

Довольно всего 1-го поля с указанием адреса почты. Ну, максимум, ещё имени. Естественно, наилучший эффект Вы получите, лишь когда человек чётко поймёт на веб-сайте, что он получит взамен за собственный контакт.

Потому здесь заглавие “Подписка на рассылку” больше общее. Вы сможете также просто предложить взамен на контакты получить какой-либо подарок. К примеру, мы нередко предлагаем 300 методов рекламы.

Интернет-форма на веб-сайте: отправка, примерыПодарок в обмен на контакты

2. Заказ оборотного звонка

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

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

Интернет-форма на веб-сайте: отправка, примерыОборотный звонок

“Заказать звонок” лучше располагать рядом с номером телефона в “шапке” веб-сайта. И не непременно это обязана быть клавиша.

Форма может покажется опосля нажатия на текст, который можно выполнить в виде ссылки (подчёркнута пунктиром и выделена цветом)

Интернет-форма на веб-сайте: отправка, примерыФорма захвата — оборотный звонок

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

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

3. Консультация

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

Консультация

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

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

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

Бесплатная консультация

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

4. Расчёт / калькулятор цены

Снова же, если Вы продаёте наращивание ногтей, то стоимость можно указывать сходу на веб-сайте.

Интернет-форма на веб-сайте: отправка, примерыА если у Вас услуга непростая, то какую бы стоимость Вы не указали, она в любом раскладе будет приблизительная, а означает нужна отдельная форма захвата по её индивидуальному расчёту.

Расчет цены

К слову, выше на примере Вы видите реализацию расчёта цены через 4 (в нашем случае квиз-блок). Создать его, как и обыденную форму для веб-сайта, поможет конструктор квизов. У программ широкий функционал, они разрешают непревзойденно геймифицировать сервис.

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

Но не непременно так заморачиваться, в неких вариантах довольно просто создать клавишу с обыденным предложением “Высчитать стоимость” либо “Получить предложение с ценами”.

5. Онлайн-консультант

Онлайн-чат тоже относится к форме оборотной связи, хоть и косвенно. Но мы не оставим его без внимания.

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

Интернет-форма на веб-сайте: отправка, примерыОнлайн-консультант

Подстраивайтесь под специфику Вашей ниши. Если Вы реализуете детские игрушки, то сможете написать такое приветствие: “Здласти! Если Вы не мозете опледелица с выболом, написыте нам в цят и полуците всю инфолмацию )))”

Несуразно, но прикольно. А позитив и хохот, поверьте, больше располагает, нежели сухое: “Здрасти, чем могу посодействовать?”. 

6. Форма входа и регистрации

Интернет-форма на веб-сайте: отправка, примерыЭта форма обеспечивает доступ к доборной инфы либо способностям ресурса на демонстрационный период. Снова же, никаких излишних действий для юзера. Довольно 3-х полей: “Имя”, “E-mail” и “Пароль”.


Форма регистрации

Чудилось бы, проще обычного, но… Можно создать еще проще: сгенерировать пароль за юзера и освободить его, в очередной раз от перебирания в голове дат рождения собственных родных.

Лишь если вдруг Вы сервис, то не смешивайте меж собой форму “Вход” и “Регистрация”. У этих форм хоть и нет огромного отличия, но они предусмотрены для различных задач.

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

Формы вход и регистрация

7. Поп-ап с формой оборотной связи

Popup — окно, которое “выскакивает”, когда курсор гостя движется к вкладкам браузера либо через определенное время пребывания юзера на веб-сайте.

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

Интернет-форма на веб-сайте: отправка, примерыСпец.предложение

Считается, что поп ап раздражает и вызывает недовольство. Но если у Вас вправду есть предложение, которого больше ни у кого нет, то почему бы не испытать создать поп — ап? Покажет лишь тестирование.

Лишь умоляю Вас, настройте нормальную логику его возникновения. Этот поп-ап не должен вылетать на каждой страничке через 2 секунды движения мышки.

Всё обязано быть разумно, тогда и даже можно будет тестированием не заниматься.Интернет-форма на веб-сайте: отправка, примеры

Фишечки и аспекты

Вы, обязано быть, уже ощутили, что этот “квадратик с клавишей” на веб-сайте не таковой уж и нехороший.

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

1. Окно благодарности опосля отправки формы

Это та “галочка”, которая возникает на дисплее монитора, опосля отправки формы юзером.

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

2. Каптча

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

Интернет-форма на веб-сайте: отправка, примерыКаптча

Минус — добавляет трудности в заполнении формы юзером. И время от времени конкретно каптча становится предпосылкой ухода гостя с веб-сайта. Непонятные надписи, неразборчивые буковкы. В общем, трудно все.

Интернет-форма на веб-сайте: отправка, примерыЕсли пошевелить мозгами, то неувязка мусора и роботов на ресурсе не является неувязкой Ваших клиентов. Она Ваша. Так что пытайтесь избегать либо созодать каптчи ординарными (invisible reCAPTCHA от Goog) либо в полу-игровой форме, с внедрением изображения.

Каптча в игровой форме

3. Политика конфиденциальности

Помните о Законе N 152-ФЗ “О индивидуальных данных”. Нет?! В общем, закон Русской федерации говорит, что Вы не имеете собирать контакты людей без их согласия.

А их согласие — это установка галочки в особом чек-боксе под клавишей (размещение быть может хоть какое).

Интернет-форма на веб-сайте: отправка, примерыПолитика конфиденциальности

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

4. Приз

Надеюсь, Вы еще не заснули. Фактически, призы в Вашем бизнесе тоже влияют на конверсию лид-формы. 

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

5. Призыв

Миксуйте очевидные призывы к действию с небанальными. К примеру, у студии дизайна в блоке “Портфолио” тупо созодать главный призыв к действию — “Заказать звонок”. Лучше будет написать “Желаю также”.

Интернет-форма на веб-сайте: отправка, примерыПризыв к действию

Или, если Вы представляете продукт, у которого много преимуществ, но он просит подробной консультации, можно применять призыв — “Еще более плюсов”.

Либо применить такое решение, как на примере ниже, когда мы хотим предложить связаться и ответить на любые вопросцы.

Интернет-форма на веб-сайте: отправка, примерыНеобыкновенный призыв к действию

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

Как обязана смотреться форма захвата

Зрительный канал людского восприятия составляет 60%. Потому зрительная составляющая формы на подсознательном уровне обязана вызывать у человека эстетическое наслаждение.

Цвет, форма, размер, текст, клавиша, размещение. Любая мелочь влияет на эстетическое восприятие юзера.

1. Цвет формы

Определенного установленного цвета нет. Чтоб повеселить глаз юзера, цвет формы должен быть выполнен в согласовании со стилистикой веб-сайта.

Диссонанс либо отсутствие гармонии в цвете будет вызывать дискомфортное чувство.

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

Цвет формы

2. Цвет клавиши

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

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

Мы пришли к одному глобальному выводу, основное, чтоб клавиша была контрастной относительно фона. Это будет выделять её.

А все другие догадки, если и дадут итог в а/б тестирование, то так крохотный, что Вы больше потеряете времени, чем заработаете средств.

3. Цвет полей

Как говорится, черным по белоснежному написано. Конкретно потому цвет полей для ввода данных белоснежный. Но есть один аспект. Выделяйте поля цветной рамкой, когда юзер кликнет на поле, чтоб написать текст.

Интернет-форма на веб-сайте: отправка, примерыЦвет полей

Гость сходу осознает, что форма активна и исправно работает. Если в этот момент гость решит пойти взять для себя еще печенюшек, то по приходу он сходу увидит на чем тормознул.

4. Размер формы и её частей

Все зависит от Вашей мотивированной аудитории. Если у Вас люди взрослые и у их со зрением так для себя дела, то необходимо применять огромную форму во всех её проявлениях.

Интернет-форма на веб-сайте: отправка, примерыЕсли это молодёжь, то здесь основное, чтоб она была видна и прекрасно вписалась в дизайн, а размер уже будет второстепенным.

Размер формы и её частей

5. Поля для ввода

Этот пункт применим для веб-сайтов, в каких форма размещается на отдельной страничке. Нет необходимости поле “Ваше имя” созодать на всю ширину странички. Либо, даже, наполовину.

Так как не бывает в Рф таковых длинноватых имен. Но основное, что вы теряете: полезное место, на котором можно показать доп выгоды либо добавить текст с пошаговыми действиями опосля отправки данных.

Интернет-форма на веб-сайте: отправка, примерыПоля для ввода

Текст подписи полей информирует юзера о том, какие данные нужно вводить в конкретное поле.

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

6. Заголовок и подводка к форме

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

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

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

7. Анимация

Основное не переусердствовать. Допустимо, чтоб клавиша при наведении курсора мало подпрыгивала, светилась, изменяла цвет, увеличивалась — это не плохая мысль.

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

8. Иконки

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

Иконки

Кратко о главном

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

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

  1. Забота о юзере — вот что должен ощущать гость;
  2. Его мысли должны совпадать c Вашей формой связи.

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



Авто заполняемый сайт    Авто заполняемый сайт


Top