Создаем форму захвата (лид форму) на сайт за 3 минуты
Здравствуйте.
В прошлом посте мы рассказывали вам о форме для лендинга. Сегодня мы подробно покажем вам, как можно быстро и качественно создать нужную форму захвата на сайт или лид форму, используя конструктор веб-форм FormDesigner.ru.
Если у вас еще нет аккаунта в нашем конструкторе форм, то сейчас самое время зарегистрироваться. После регистрации войдите в свой личный кабинет и откройте список форм.
На странице списка форм, необходимо нажать кнопку «Создать форму» и выбрать готовый шаблон «Форма заявки»:
После чего перед вами откроется всплывающее окно, где нужно ввести название вашей будущей лид формы:
Данное название будет выводиться в качестве заголовка в форме захвата, при необходимости, заголовок можно скрыть. После того, как придумали название, необходимо нажать кнопку «Создать» и вы перейдете на страницу «Элементы» в веб-форме.
По сути это все! Мы создали конверсионную форму захвата на сайт. Если сейчас открыть лид форму по прямой ссылке, то она будет выглядеть следующим образом:
Пример готовой формы захвата на сайт
Читайте также: Эффективное проектирование веб-форм: структура, поля ввода, метки и действия
Настройка элементов лид формы
Сейчас наша форма захвата состоит из следующих элементов:
- Поле для ввода имени. Обязательное для заполнения.
- Специальное поле для ввода e-mail адреса, с автоматической проверкой правильности ввода. Обязательное для заполнения.
- Поле для ввода телефона. Не обязательное для заполнения.
- Статус заявки – данное поле не выводится в форме и доступно только для админа, которое выводиться при редактировании заявки в разделе «Статистика»
По умолчанию для ввода телефона используется элемент формы «Цифры», т.
е. в это поле можно ввести только цифры. При необходимости его можно заменить на специальный элемент формы «Телефон», который позволяет вводить номер по маске ввода.
Для всех этих полей (кроме статуса заявки), в настройках включена опция «Не отображать название в форме» и прописано значение по умолчанию, для вывода заголовка внутри поля ввода.
При необходимости, вы всегда можете удалить не нужные поля или добавить новые, отредактировать существующие – изменить названия, параметры отображения и валидации, и т.д.
E-mail уведомления в форме захвата
После того, как мы разобрались с полями нашей формы захвата, необходимо настроить e-mail уведомления. Для этого необходимо перейти в настройки лид формы в раздел «E-mail уведомления»:
Здесь вы можете настроить e-mail уведомления для администратора формы, а также, при необходимости e-mail уведомление для пользователя (автоответчик).
Для того, чтобы активировать нужный тип e-mail уведомлений, нужно кликнуть на специальный переключатель.
Давайте настроим уведомление для администратора нашей формы захвата:
Здесь вы указываете, на какие e-mail адреса будут приходить уведомления (можно указать несколько e-mail адресов), настраиваете нужную тему письма, имя и e-mail адрес отправителя, а также сам текст письма. Для имени и e-mail адреса отправителя, можно выбрать значения из нашей формы захвата, чтобы в приходящем на наш почтовый ящик письме, автоматически подставлялись значения из формы, в качестве отправителя.
Точно также можно активировать и e-mail уведомления для пользователя, который отправил форму — автоответчик. Там можно написать, что ваш заказ получен и наш менеджер свяжется с вами. Но сейчас мы это не будем делать.
Кроме e-mail уведомлений, можно подключить и sms уведомления. Но это платная услуга.
Для того, чтобы отслеживать эффективность формы и считать конверсию, можно перейти в раздел «Аналитика» и там подключить счетчик Google Analytics и/или Яндекс.
Читайте также: Конверсия формы заказов
Настройка дизайна формы захвата контактов
После того, как с настройками формы захвата контактов закончили, можно перейти во вкладку «Тема оформления»:
Здесь вы можете выбрать другую готовую тему оформления. Для этого необходимо нажать на кнопку «Выбрать тему»:
Кроме этого, можно изменить любую тему оформления под себя, так как вам больше нравится. Для этого тему оформления необходимо скопировать, после чего вы сможете её редактировать:
Вы можете изменить такие параметры как: фон, рамка, тень, шрифт, отступы, выравнивание и размеры. Все эти параметры сгруппированы по таким разделам: страница, форма, заголовок, элементы, кнопки, подсказки, ошибки, блок успешного заполнения.
А для тех, кто знаком с CSS, можно прописать свои собственные стили для формы.
После того, как выбрали и настроили тему оформления, можно перейти во вкладку «Получить код» и скопировать готовый код, для вставки лид формы к себе на сайт:
Читайте также: Как создать форму подписки и интегрировать ее с сервисом Mailigen
Как видите, для того, чтобы создать форму захвата для лендинга и настроить внешний вид, совсем не обязательно быть программистом и знать все тонкости создания и верстки сайта. Все можно настроить в простом и удобном конструкторе веб-форм за несколько минут.
Видео урок по созданию формы захвата на сайт
Удачи и высоких вам конверсий!
Leader Landing Page от R53 Themes HTML-шаблон
Leader Landing Page от R53 ThemesHTML-шаблон целевой страницы
«Лидер — шаблон целевой страницы» полностью ориентирован на получение большего количества лидов, а цель целевой страницы — конвертировать посетителей сайта в продажи или потенциальных клиентов.
Он предлагает потрясающий дизайн, идеально подходит для мобильных устройств, построен на HTML5 и CSS3 и многом другом.
Обычная цена $24
- Качество проверено Envato
- Будущие обновления
- Мобильный Отзывчивый
- Оптимизация для SEO и быстрая загрузка
Купить сейчас Живой предварительный просмотр
«Лид — Шаблон целевой страницы» полностью ориентирован на получение большего количества потенциальных клиентов, а цель целевой страницы — конвертировать посетителей сайта в продажи или потенциальных клиентов. Он предлагает потрясающий дизайн, идеально подходит для мобильных устройств, построен на HTML5 и CSS3 и многом другом.
Преимущества для «Лид — Целевая страница»
Форма захвата лидов:
«Лид — Шаблон целевой страницы» — создание эффективной формы захвата лидов для этого шаблона.
Интернет-маркетинг:
Этот шаблон является мощным для Интернет-маркетинга, такого как продвижение продуктов, продвижение бизнеса, стимулирование сбыта, оплата за клик и т. д. — это целевая страница HTML/CSS с привлекательным и легко читаемым призывом к действию. Вызов находится прямо вверху и состоит из заголовка, ярких кнопок и красивого изображения.Чистый и лаконичный текст:
Чем проще пользователям будет читать и усваивать содержимое вашей целевой страницы, тем выше ваши шансы на успех. Используйте читаемые шрифты со здоровой дозой межбуквенного интервала и высоты строки.Обзор функций
- Лучшая форма для привлечения потенциальных клиентов
- Удобство для мобильных устройств
- Простая реклама продуктов
- Создан с использованием HTML5 и CSS3
- Чистый код
- Простота настройки 9 0011 Google шрифты
- Иконочные шрифты Google
- Современный и креативный дизайн
0: 21 августа 2018 г.> 1. Целевая страница Tour and Travel интегрирована > 2. Целевая страница продукта интегрированаВерсия 3.0: 23 августа 2018 г.
> 1. Добавлена целевая страница мероприятия и семинара > 2. Добавлена целевая страница продвижения видеоВерсия 4.0: 26 августа 2018 г.
> 1. Демонстрация продукта (вариант 1) Добавлена целевая страница > 2. Демонстрация продукта (Вариант 2) Добавлена целевая страница > 3. Исправление ошибки: указатель курсора на верхней панели включен > 4. Исправление ошибки: увеличена скорость загрузки страницы.
Социальные сети
Cras nulla nulla, pulvinar sit amet nunc at, lacinia viverra lectus. Fusce imperdiet ullamcorper metus eu fringilla.
Ютуб
Смотреть последние видеоFacebook
Оставайтесь на связиТвиттер
Последние обновленияWhatsApp
+91 79 0446 2944
Авторские права © 2020 Rn53themes.
net Все права защищены.
креативный и привлекательный шаблон дизайна целевой страницы формы для захвата небольших лидов в сфере недвижимости
креативный и привлекательный шаблон дизайна целевой страницы формы для захвата небольших лидов в сфере недвижимостиГотовый к использованию и эффективный дизайн целевой страницы недвижимости для привлечения потенциальных клиентов и повышения конверсии.
Тип: Дизайн целевой страницы Категория: НедвижимостьID: real-estate-selling-leads-res-lp-005
Файл включен: Целевая страница (адаптивное HTML/CSS + шрифты) Необходимое программное обеспечение: 900 25
Для распаковки файлов: Winzip или любой zip-архиватор
Для Редактирование: код Visual Studio или любой HTML-редактор
Прочтите перед покупкой:
* Для готового к использованию шаблона вам необходимо предоставить свой логотип, тексты и изображения высокого качества вместе с четкими инструкциями.