Структура лендинга

Содержание:

Mobirise

Mobirise — это бесплатная программа для создания лендингов без редактирования кода на фреймворке Bootstrap. Она доступна в Windows и Mac, являясь прекрасной альтернативой современным конструкторам.

Сравнивать Mobirise с вышеупомянутыми платформами бессмысленно. Это совершенно иного рода решение для создания сайтов со следующими особенностями:

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

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

Перейти на mobirise.com

Создание лендинга в конструкторе Wix

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

Переходим на сайт. Он встречает нас приветливым дизайном.

Жмем «Создать сайт». Появляется форма регистрации, которую можно быстро пройти, благодаря аккаунтам Facebook или Google.

Далее меню предоставляет нам модификации сайтов — мы выбираем пункт «Лендинги».

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

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

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

Структура продающего лендинга

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

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

Этапы прохождения пользователя по лендингу:

Основываясь на лестнице Ханта, можно назвать элементы правильной структуры лендинга. Конечно, можно строго ее не придерживаться. Какие-то блоки можно убрать, какие-то поменять местами. Главное, чтобы landing page справлялся со своей задачей, а именно, чтобы посетитель совершил целевое действие. Чем-то лестница Ханта похожа на этапы воронки продаж, где сначала происходит привлечение внимания пользователя, потом вызывается интерес к товару и желание оставить заявку или поместить товар в корзину, а в конце совершение покупки или заказ услуги.

Правильная структура лендинга:

  • Оффер (заголовок). Данный элемент должен быть привлекательным. В нем отражается предложение компании. В основном, это цены и скидки.
  • Сведения о продукции (товар, услуга). В данной части вы должны рассказать о товаре или услуге: описание, характеристика, изображения. Если есть, то добавьте и видеоматериал.
  • Преимущества вашего предложения. Это повысит шанс на совершение действия. В основном, плюсы расписывают при помощи изображений, графики. Если расписывать преимущества только тестом, то читать аудитория не станет.
  • Схема работы. Здесь посетителю стоит рассказать о схеме вашей работы: клиент-заказчик.
  • Отзывы других клиентов. Это повысит доверие к вам и вашему предложению.
  • Дипломы, грамоты, сертификаты. Они также повышают доверие к вам и вашему предложению.
  • Стоимость. После предыдущих элементов правильной структуры лендинга стоит еще раз сказать о привлекательности стоимости (невысокой цене). Рядом можно разместить форму заказа.
  • Форма заказа (СТА). В основном, она в виде кнопки, нажатие на которую кидает на основной веб-ресурс, или форма для заполнения без перехода. Здесь можно предложить потенциальному клиенту скидку или бонус. Также хорошим приемом станет контрастный цвет кнопки или формы заполнения, повторение кнопки несколько раз.
  • Спецэлементы. Для увеличения конверсии landing page можно использовать различные виджеты. Например, счетчик времени завершения предложения.
  • Контактные данные. Помещаются они либо в хедере (шапка сайта), либо в футере (подвал сайта). И следует указывать все доступные для связи контакты: от телефона и электронной почты до местоположения офиса на карте и кнопок на соцсети.

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

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

Tilda.cc

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

Главное преимущество Tilda в том, что в конструкторе можно создать один лендинг бесплатно самому с полного нуля. Для этого предназначен тариф под название Free. Но о тарифах мы поговорим с вами ниже.

Конструктор Тильда открывает возможности для:

Преимущества конструктора Tilda

  1. Интуитивно понятный интерфейс конструктора для чайников.
  2. 450 готовых блоков: обложки, типографика, фотогалереи, фоновые видео, формы заявок.
  3. Адаптивный дизайн под мобильные устройства.
  4. Редактирование собственных блоков.

Особый акцент Тильда делает на создании лендингов. Специально для одностраничных сайтов в конструкторе разработан ряд блоков – отзывы, перечисление преимуществ, кнопки, блоки call-to-action. Формы сбора данных интегрированы с 12 сервисами рассылок.

Благодаря наличию специальных полей, на сайтах, созданных в конструкторе Тильда, легко заниматься SEO-оптимизацией.

Tilda – это конструктор с бесплатным доменом и хостингом. Но здесь есть один нюанс: домен в подарок предоставляется только при оплате тарифа за год.

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

Сайты на Тильде легко экспортируются на другой сервис или интегрируются с готовым сайтом через API.

Виды лендинг пейдж, которые можно создать в конструкторе Tilda

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

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

Как раз самое время поговорить о тарифах.

Тарифы

Оплатить тариф на Tilda можно за месяц и за год. Как правило, при годовой оплате всегда предоставляется скидка. Домен в подарок на Тильде можно получить при оплате тарифа за год. Выгрузка исходного кода сайта возможна только на тарифе Business.

И я совсем забыла упомянуть, что это конструктор сайтов на русском языке.

Реальные примеры работающих лендингов

Лет 15-20 назад лэндинги создавались для импульсивных покупок. В старые времена на людей еще действовали кислотные цвета, сумасшедшие гифки и прочий мусор. Сейчас мы стали разборчивее: проходим мимо пустых обещаний, доверяем спокойному тону и убедительным доказательствам.

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

Пример 1. Мастер Климат — компания по установке и продаже климатического оборудования

www.masterclimat.pro — этот сайт мы сделали с другом, когда еще занимались изготовлением сайтов под заказ.

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

Пример 2. Вакансии Альфа-Банка

www.job.alfabank.ru — прокручиваем сайт и видим – как стартует карьера молодого человека в Альфа-Банке. Через некоторое время, наглядевшись на заманчивую визуализацию, посетители сайта наконец-то видят буквы. На странице опубликован годный текст – его качество ничуть не хуже анимированной картинки.

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

Кнопка действия: наверху небольшая и слабозаметная кнопка «отправить резюме» – это минус; в самом низу страницы яркая ссылка «смотреть вакансии» – это плюс.

Кому выгоднее работать с landing page

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

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

Что такое лендинг пейдж — обзор для новичков

По теме создания посадочных страниц написаны сотни статей. В один материал сложно «впихнуть» все советы, весь опыт. Но я все-таки постараюсь рассказать вам о самом главном, что касается landing page.

Landing page дословно переводится с английского: «целевая» или «посадочная страница».

Такие одностраничники вы наверняка видели в Интернете.

Примеры лэндингов:

Почему делают лэндинги:

  1. Они хорошо мотивируют посетителя совершить нужное действие.
  2. Они быстро конструируются. И часто стоят дешевле обычного сайта. Еще один плюс: посадочную страницу можно сделать самостоятельно.
  3. Landing page легко переделать – улучшить, изменить, добавить недостающую информацию.

Лэндинги создают для:

  1. Продажи продукта. Для этого используют призывы: «купить», «оставить заявку», «позвонить».
  2. Сбора информации. Тут посетителям предлагают: «подписаться», «узнать больше».
  3. Распространения софта — продажа программного обеспечения.

Лендинг и воронка продаж

Процесс продаж через лендинг пейдж выглядит примерно так:

Из сотни – две продажи. Отдача – 2%. Это неплохой вариант. Не совершенный, но и не проигрышный.

Воронка продаж выглядит как перевернутая кухонная воронка: широкое основание и узкое горлышко.

Самая широкая часть – переход на страницу. На этом этапе мы тестируем работу контекстной рекламы, сообщений в соцсетях, публикаций на других сайтах. Определяем CTR.

Средняя часть – заявка. Анализируем эффективность посадочной страницы – ее дизайн, текстовую часть.

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

Когда анализируют лендинг, рассчитывают еще один показатель – EPC.

Чем выше показатель доходности, тем выше эффективность вашей рекламной кампании.

Случай 1. Низкая конверсия (продажи) основного сайта компании

Когда сайт показывает низкий показатель конверсии – то есть покупатели уходят, ничего не купив. И денег на создание нового работающего большого сайта – нет.

Пример расчета: за 24 часа на сайте побывало 300 человек. Подписались на рассылку – 12 пользователей. Конверсия составит: 12 / 300 * 100% = 4%.

Средняя конверсия сайтов в зоне .РУ – 0,5%. Конверсия лэндингов 5–10%. В этих цифрах скрывается вся правда о том, почему предприниматели так любят продавать свои товары и услуги через одностраничники.

Случай 2. Запуск нового продукта

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

Рекомендую прочитать нашу исчерпывающую стать о том, что такое контекстная реклама.

Случай 3. Решение конкретной задачи

Когда нужно решить конкретную маркетинговую задачу. И основной сайт компании для этого не подходит.

Создание landing page без в большинстве случаев поможет увеличит продажи.

Само по себе наличие посадочной страницы не привлечет сразу кучу клиентов. На самом деле лендинг – это лишь инструмент. Даже самая навороченная дрель не просверлит дыру в стене, пока вы не возьмете ее в руки. Так и здесь.

Чтобы страница заработала – нужно ее «включить».

Для этого можно предпринять следующие ходы:

  1. Запустить контекстную рекламу на ваш одностраничный сайт.
  2. Запустить e-mail рассылку по заранее собранной базе подписчиков. В письме кратко расписать свойства продукта и добавить ссылку на лэндинг.
  3. Прорекламировать продукт на форумах, сайтах-партнерах, досках объявлений. Везде добавлять ссылку на страницу.

Вывод из этого примера: используйте вспомогательные инструменты интернет-маркетинга для усиления эффекта от продаж через ваш одностраничник.

Основные отличия лендинга от обычного сайта

1 Лендинг пейдж обязательно включает в себя форму захвата, которая собирает данные о потенциальном покупателе: адрес электронной почты, имя и тому подобное. Если посетитель заполняет форму захвата, то часто получает взамен скидку, купон или бесплатный продукт. Форма захвата – главная составная часть лендинга.

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

2 Страницы захвата длинные, так как включают максимум описания товара, достоинств, отзывы. Это прямая коммерческая рекламная идея. При этом навигации с переходом на другие страницы нет, только навигация по посадочной страничке. Так задумано для того, чтобы посещая страницы, потенциальный покупатель не забыл, зачем пришёл.

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

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

Когда стоит выбирать сайт

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

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

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

Пример оформленной под лендинг страницы на многостраничном сайте

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

Особенности landing page

  • Обычно, это сайт — визитка, которая не перегружена файлами (графика, видео и т.д.). Из-за минимализма страницы на ней хорошо читается текст.
  • На странице — landing page не должна размещаться реклама, она и так является рекламой ваших услуг и товаров.
  • На лендинг пейдж не должна размещаться лишняя информация, которая не относится к продаваемому товару или услуги.
  • Посадочная страница должна иметь определенную структуру: рекламный текст, картинки, минимальная навигация страницы, отзывы и т.д. Таким образом отличить «лендинг» от другой обычной страницы сайта очень легко.

A/B тестирование посадочной страницы

Отличным способом А-Б тестирования считается создание двух типов «лендинга» — посадочных страницы и показ потенциальным клиентам через рекламу. Обе посадочные страницы рекламируются одно и то же время и для одних и тех же посетителей (клиентов). После этого проводится анализ проделанной работы и выводится эффективность одной из двух.

Для этого потребуется:

  1. Создать 2 (два) landing page;
  2. Настроить пункты «Цели» в Яндекс.Метрике или Google Analytics;
  3. Определенное время для сбора информации с сервисов статистики.

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

Как должен выглядеть продающий лендинг и что должен содержать

  • заголовок в верху страницы
  • подробное описание услуги или продукта
  • фотографии (картинки), видеоролики, которые относятся к продаваемому товару или услуге
  • выгоды покупки
  • отзывы покупателей
  • продающий рекламный текст
  • тригеры
  • призывы к действию (подписка, покупка и т.д.)
  • и пр.

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

Пример посадочной страницы — лендинг пейдж

Вот почему лендинг становится все более популярным, тем более, что вопрос «Лендинг что это такое» является для вас знакомым!

Что такое лендинг пейдж в интернете

В интернет сфере подобные странице имеют различные названия, в частности, их называют: страницами приземления, посадочные страницы, страницами захвата, одностраничными сайтами, landing page и т.д.

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

Из российских компаний, можно выделить winlanding.ru. Мы перепробовали много компаний но в итоге остановились на них

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

Вот несколько работ от них:

  • http://olymp.winlanding.ru
  • http://autogazkz.kz
  • http://zub.winlanding.ru

А все портфолио winlanding можно посмотреть здесь.

Особенно выгодно использование landing page следующим организациям:

  • Любым компаниям, занимающимся продажей;
  • Компаниям, занимающимся оптовыми продажами;
  • Лидерам MLM;
  • Производителям продукции различного типа;
  • Инфо-предпринимателям;
  • Компаниям по продаже особо ценного, уникального товара;
  • Компаниям, специализирующимся на продаже обучающих программ;
  • Туристическим фирмам;
  • СПА-салонам, фитнес-клубам.

Идеальный пример ЛЕНДИНГА

Таким образом, landing page выгодно использовать многим, кто заинтересован в увеличении клиентской базы и существенном увеличении целевой аудитории.

Основная цель таких страниц, как уже упоминалось, побудить к целевому действию:

  • Подать заявку на получении бесплатной консультации;
  • Приобрести товар;
  • Подать заявку на осуществление разнообразных подсчетов (расчетов);
  • Подписаться на какую-либо рассылку;
  • Зарегистрироваться на участие в акции;
  • Подать заявку на получение прайса;
  • И еще масса разных вариантов…

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

Рекомендуем посмотреть:
Как начать зарабатывать на недвижимости без начального капитала

Одностраничный сайт и лендинг — в чем разница

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

Одностраничный сайт — это ресурс, который состоит из единственной страницы и закреплен за одним URL.

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

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

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

Не каждый одностраничник является лендингом, а landing — это не всегда самостоятельный сайт.

Рекомендуем к прочтению! Узнайте, чем лендинг отличается от многостраничного сайта.

За сколько можно заказать landing page?

На вопрос, сколько стоит лендинг, однозначного ответа вам никто не даст, поскольку каждая компания по-своему оценивает услуги, предоставляемые ее сотрудниками. Так, существует несколько вариантов, и мы их рассмотрим далее.

  1. Лендинг пейдж за 100-300 долларов – довольно неплохой вариант для людей с ограниченными финансовыми возможностями. За такую цену фрилансеры возьмутся за работу. Чтобы получить качественную страницу, ознакомитесь с портфолио и отзывами будущего исполнителя.
  2. В диапазоне 800-1,500 долларов США. За такие деньги можно рассчитывать на более высокое качество услуг по разработке посадочной страницы от дизайн-студий. Такая ценовая категория считается самой оптимальной на рынке за оказание содействия по разработке и внедрению лендинг пейдж.
  3. Данный вариант самый дорогостоящий, но в этом случае вы можете рассчитывать на довольно высокие показатели конверсии. За свои услуги веб-дизайнеры могут потребовать от 4000 долларов за 1 лендинговую страничку. При этом работа будет выполнена не фрилансерами, а работниками престижных фирм, однако далеко не все готовы платить такие деньги за разработку одной посадочной страницы.

Теперь вам известно, сколько стоит сделать лендинг. Заказывать ли его настоящим профессионалам, либо постараться сделать самостоятельно – решать вам. Главное, чтобы лендинговая страница выполняла свои функции, и была оформлена согласно со всеми описанными выше правилами и нормами. Только тогда ваши усилия или финансовые затраты не будут напрасными, и вы сможете значительно приумножить капитал своего предприятия.

FAQ

Если у вас нет аккаунта в SendPulse,создайте учетную записьи перейдите в раздел «Сайты». Визуальный редактор работает по принципу нажатия на элемент и перетягивания его в нужное место вашего будущего сайта. Все элементы, которые можно перетягивать на мини-лендинг, расположены слева. Макет мини-лендинга отображается посередине. Каждый элемент, который вы перетягиваете на макет, настраивается в меню справа. Читайте подробную инструкцию о том, каксоздать мини-сайт в редакторе SendPulse.

На страницу сайта вы можете добавить следующие элементы:

  • Текст» — разместите текстовый блок на макете сайта. Настройте шрифт и размер текста, задайте фоновое изображение, укажите отступы и редактируйте другие параметры.
  • Обложка» — используйте ее, чтобы оформить шапку сайта.Создайте обложку самостоятельно — загрузите изображение и укажите его размер, или загрузите обложку из соцсети — тогда в нее подгрузится ваш аватар и краткое био.
  • Галерея» — загружайте одну картинку или вставляйте слайдер с несколькими изображениями. Этот элемент также служит для добавления видео на мини-лендинг.  
  • Кнопка» — добавляйте кнопки на страницу, пишите на них свой текст и задавайте нужный цвет. В кнопку можно вставить не только ссылку, но и телефон или email чтобы сразу нажать «позвонить» или «отправить письмо». Если цель страницы продать товар, добавляйте кнопки оплаты рядом с товаром и принимайте платежи от ваших пользователей.  
  • Форма подписки» — добавьте форму подписки, чтобы посетители сайта подписывались на вашу email рассылку.
  • Соцсети» — добавьте на ваш одностраничный сайт кнопки соцсетей, чтобы пользователи подписывались и следили за новостями вашего бренда в удобной соцсети.
  • Чат-боты» — элемент позволяет добавить кнопку чата на сайт, чтобы посетители сайта подписывались на вашего бота в мессенджере. Если у вас есть чат-бот, созданный в SendPulse, элемент подтянет существующую ссылку на бота. Если у вас есть чат-бот, созданный в другом сервисе, можно добавить свою ссылку. Если вы еще не используете мессенджер-маркетинг, рекомендуем попробовать бесплатно c помощью SendPulse создать бота в Facebook и Telegram.
  • Отступ» и «Линия» — предназначен для разделения контента на вашей странице, например, это может быть линия определенного цвета и нужной толщины.

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

Интерактивные элементы

Кроме всего прочего в коллекции редактора конструктора Wix доступны интерактивные элементы, которые повышают конверсионность лендинга: таймеры, всплывающие формы и т.д.

Таймер обратного отсчета

Добавим на свой вариант посадочной страницы таймер. Для этого:

  1. В меню слева переходим в раздел Wix APP Market, в поисковое поле вводим «таймеры» и выбираем Wix Countdown Clock.
  2. Расположим таймер в блоке со второй мотивирующей надписью. После этого переходим в настройки элемента.
  3. Здесь задаем дату окончания таймера, часовой пояс, дизайн и т.д.

Всплывающая форма лидогенерации

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

Для добавления на лендинг всплывающей формы:

  1. В разделе бокового меню «Добавить» переходим в пункт «Интерактив» — «Промобоксы» — «Контакты» и выбираем нужный элемент.
  2. В режиме промобокса удаляем все его содержимое.
  3. После этого меняем фон промобокса.
  4. Переходим на лендинг, копируем расположенную ниже форму для сбора пользовательских данных. Вставляем ее в промобокс.
  5. Затем в настройках промобокса указываем, на каких страницах его отображать и с какой задержкой.

Настройка якорей и CTA-кнопок

На созданной нами странице присутствует три CTA-элемента. Кнопка «Позвонить» расположена в правом верхнем углу хедера и две кнопки «Погнали» на полосках с мотивирующими фразами. В их настройках можно задать следующие варианты перенаправления:

  • На внешний интернет-ресурс.
  • На страницу сайта.
  • К определенному элементу лендинга (например, форме).
  • К футеру или хедеру веб-страницы.
  • На определенный документ (файл).
  • К отправке электронного письма на заданный email-адрес.
  • К звонку на указанный номер.
  • На промобокс.

Кнопка «Позвонить»

Рассмотрим настройку кнопки «Позвонить». Для этого:

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

Кнопки «Погнали»

К первой кнопке мы привяжем якорную ссылку, ведущую к форме лидогенерации, расположенной внизу лендинга. Для этого:

  1. В настройках кнопки кликаем по иконке ссылки, которая расположена внизу диалогового окна.
  2. В списке «Куда ведет этот элемент?» выделяем вариант «Якорь». В параметрах справа выбираем страницу сайта и элемент (лид-форма), на который будет указывать кнопка.
  3. Сохраняем внесенные изменения.

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

  1. Переходим в настройки кнопки и в списке «Куда ведет этот элемент?» выделяем вариант «Промобокс» и справа выбираем нужный элемент.
  2. Нажимаем «Сохранить».
Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Adblock
detector