36 бесплатных шаблонов лендинг пейдж
Содержание:
- Как сделать хороший лендинг
- Онлайн-сервисы
- Что лучше: заказать лендинг у профессионалов или самостоятельно сделать посадочную станицу?
- Плагины для браузеров
- Где еще быстро создать лендинг: 13 качественных сервисов
- Дизайн лендинга: основные правила
- Process of Navigation Online
- Что такое лендинг пейдж — обзор для новичков
- Разновидности лендингов
- Установка Вордпресс
- Реальные примеры работающих лендингов
- Важные моменты
- Landing Page как маркетинговый инструмент
- Подведем итоги
Как сделать хороший лендинг
К сожалению универсального хорошего лендинга на все случаи жизни не существует. Интернет меняется, а с ним и запросы пользователей. То что работало раньше быстро теряет актуальность. Поэтому не обойтись без тестов и постоянного мониторинга рынка.
Есть несколько общих моментов на которые стоит ориентироваться.
Хороший лендинг:
вызывает любопытство, удерживает внимание и закрывает все вопросы;
не даст пользователю время опомниться и уйти на другие сайты в поиске информации;
мотивирует посетителя сделать нужное нам действие;
посвящен одному продукту или событию, создан для конкретной аудитории, под определенное действие;
простая логика – пришел, увидел, понял, купил.
На просмотр контента должно уходить 2-3 минуты, чтобы пользователь не успел устать. Закрываем очевидные проблемы и хотелки, лендинг должен отвечать на существующие вопросы, а не поднимать новые.
Альтернативная формула – PMPHS: проблема, ее обострение, надежда, решение. Например. Набрали лишний вес – диеты не помогают, вызывают проблемы с желудком – забудь о диетах диеты – таблетки помогут сбросить от 2 до 7 кг за месяц.
Формулы не универсальные, где-то лучше работает один формат, где-то другой. Но эти ориентиры помогут взять правильное направление.
Хороший лендинг имеет логическую структуру и закрывает все вопросы пользователя
К счастью, есть более объективные показатели качества landing Page, их можно измерить. Помним, что суть арбитража – получить прибыль. Поэтому смотрим на цифры:
- время просмотра страницы;
- процент отказов;
- конверсия.
Оценить эффективность лендинга помогают различные инструменты: встроенная аналитика есть у большинства онлайн-конструкторов и CMS. Более подробную статистику дают специализированные системы. Например: Google Analytics, Яндекс.Метрика, К50, Serpstat, Oribi, SimilarWeb.
Мощные инструменты для аналитики есть у популярных трекеров: CPAtracker, AdsBridge. Оценить CR разных вариантов дизайна можно с помощью A/B-тестирования – сначала показывается один вариант лендинга, потом другой. После сравнивается отклик аудитории. Опция тоже есть у большинства онлайн-конструкторов (bloxy, tilda, GetResponse). Более гибкие тесты можно проводить через специализированные сервисы (например, Kameleoon).
Так выглядит хороший лендбинг
Распространенные ошибки
- Лендинг должен быть длинным – нет. Нужно подробно рассказать о продукте – это означает снять все вопросы, а не породить новые. Идеально – донести суть за один экран.
- Особенный, вкусный текст – иногда это работает, но в популярных конверсионных тематиках (гемблинг, дейтинг, нутра, товарки, финансы) чем проще написано, тем лучше.
- Таймер с обратным отсчетом – когда-то это был железобетонный прием, сейчас пользователи раскусили фишку, счетчики отталкивают, а не мотивируют.
- Расплывчатое УТП – это звучит банально, но юзер должен понимать, что ему продают и что нужно сделать;
- Длинный список из преимуществ – никто его не будет читать, достаточно 3-5 пунктов.
- Много отвлекающих факторов: часы, календарь, блоки с картинками, виджеты, пестрый разноцветный текст с разными шрифтами – такими были сайты из 2000х и они не работают в 2020-х.
- Несколько целевых действий. Этот прием работает на сайтах, у лендинга одна цель и наличие выбора только оттягивает принятие решения, в итоге юзер не сделает ни одного.
- Лендинг не соответствует объявлению. Например, баннер с рекламой “быстрого заработка” перенаправляет пользователя на лендинг “быстрых кредитов” или “онлайн-казино”.
- Сложная форма обратной связи – не просите слишком много, не все юзеры готовы оставить даже номер мобильного. Если вы спросите адрес, семейное положение – ждите отказ. Идеальная форма Имя (без фамилии) и адрес электронной почты при подписке. Номер мобильного, мессенджер для формы продажи.
Онлайн-сервисы
Со скачиванием и редактурой лендингов хорошо справляются онлайн-сервисы. Принцип их действия прост: заходим на сайт сервиса, регистрируемся, выбираем тариф, оплачиваем и вперед.
LPcopier
Этот сервис не только копирует нужные посадочные страницы, но и обладает рядом дополнительных функций. Например, установка различных счетчиков для аналитики, заливка на хостинг и другие. Проще говоря, он заточен на решение многих арбитражных задачек.
LPcopier платный — за копирование страницы придется заплатить 300 рублей.
Главный плюс сервиса — предельная простота. Достаточно указать адрес лендинга, который нужно скопировать, и почту для приема заявок.
К недостаткам, пожалуй, можно отнести то, что LPcopier копирует лендинги из популярных СРА-сетей. Если нужно скопировать одностраничник, которого там нет, придётся оформить заказ через поддержку.
Xdan
С этим сервисом можно создать полностью зеркальную копию нужного сайта. На выходе получится архив, с которым уже можно работать. Например, очистить счетчики и поменять ссылки.
Функционал сервиса минималистичный и простой — копируем адрес нужного лендинга и вводим на сайте сервиса. Бесплатен для использования.
Copysta
Отличный выбор, если лендинг нужно скопировать быстро. Достаточно вставить ссылку на сайт сервиса и дело почти сделано. На выходе получаем лендинг, на котором вдобавок ко всему еще можно полностью уникализировать изображения.
Сервис платный, есть три тарифа — 1000, 2000 и 3000 рублей.
WebCloner
А этот сервис справится с копированием лендинга любого уровня сложности. При этом надежно почистит старые контакты, счетчики и прочие “внутренности”. Есть возможность отредактировать форму заказа.
Весь этот набор сервис предлагает за довольно демократичный прайс — 190 рублей за одну копию. Также можно воспользоваться другими тарифами и оплатить 3 дня или 2 недели.
7lend.club
А вот и однозначный лидер среди онлайн-сервисов для копирования лендингов. Дает пользователю огромный арсенал возможностей для работы со скачанным лендингом.
Для заказа достаточно написать адрес нужного сайта и указать свой адрес почты для связи. Отдельно можно указать правки, которые нужно сразу сделать со скачанным одностраничником.
Правда, и по ценам за пользование этот сервис один из самых дорогих — есть четыре тарифа от 8 до 50 долларов. Но он того стоит.
Что лучше: заказать лендинг у профессионалов или самостоятельно сделать посадочную станицу?
Команда, необходимая для создания лендинг пейдж с нуля:
- Маркетолог. Разрабатывает стратегию. Формирует предложение. Тестирует результаты. Создает прототип сайта.
- Копирайтер. Пишет тексты. Создает заголовки.
- Веб-дизайнер. На основании прототипа делает макет. Реализует спецэффекты.
- Front-end разработчик. Программирует и верстает. Тестирует отображение лендинга на разных устройствах. Настраивает форму обратной связи, кнопку призыва и прочее.
- Директолог, специалист по контекстной рекламе. Анализирует семантическое ядро. Подбирает ключевые слова. Настраивает контекстную рекламу.
- Менеджер. Контролирует работу. Рассчитывает окупаемость проекта. Принимает ключевые решения.
Услуги шести специалистов обойдутся вам от 3 000 у.е. Это цена за лендинг пейдж, который будет работать.
Если правильно спланировать каждый этап работы и заранее найти хороших людей – посадочная страница будет готова через 2-3 недели.
Теперь перейдем ко второму – «самостоятельному» варианту.
Если вы «обычный» человек – задачи по программированию, дизайну и верстке вы, скорее всего, провалите. Ничего не остается, как скачать готовый бесплатный шаблон или воспользоваться платным конструктором лендинг пейдж.
Работу копирайтера, менеджера, специалиста по контекстной рекламе и маркетолога придется взвалить на себя. Вот приблизительная схема действий:
- Придумайте идею. Сформулируйте предложение – посыл к аудитории, которой нужен ваш товар или услуга.
- Разбейте идею на логичные блоки. Если вы задаете в первом блоке вопрос – второй или третий блок должен быть ответом.
- Разработайте тизер* – картинку или текст. Сделайте его цепляющим и лаконичным.
- Поработайте над основным текстом. Здесь вы выступите в роли копирайтера.
- Придумайте заголовки. Желательно, чтобы они были не разнородными и складывались в рассказ.
- Призовите к действию. У вас на продающем сайте должны быть фразы и слова «закажите сейчас», «звоните», «подпишитесь».
- Займитесь дизайном. Выберите подходящий шаблон лендинг пейдж. Отредактируйте его под придуманную структуру. Фотографии, иллюстрации ищите в стоках. Или берите камеру и снимайте материал самостоятельно.
- Запускайте лендинг. Настройте контекстную рекламу.
Тяжело? Зато бесплатно! Правда, времени на это вы затратите немало: пожалуй не меньше 4-5 недель.
Давайте рассмотрим таблицу способов получения готового одностраничника.
№ | Вариант изготовления | Цена | Сроки | Сложность задачи | Конечный результат |
1 | Обратиться к профессионалам | От 3 000 у.е. | 2-3 недели | Очень просто | Высока вероятность положительного результата |
2 | Создать самостоятельно | От 20-30 у.е. | 4-5 недель | Сложно | Все зависит от вас 🙂 |
Плагины для браузеров
Чем хорош плагин для копирования лендинга? Во-первых, не нужно скачивать и устанавливать на свой компьютер какие-либо программы. Во-вторых, это бесплатно.
ScrapbookQ
Плагин подходит только для браузера FireFox. Установить его просто – нужно зайти во вкладку «Дополнения» в браузере и в поисковой строке ввести «scrapbook». Последний шаг – выбрать из выдачи ScrapBook и установить. После перезагрузки браузера расширение готово к работе.
Плагин ScrapBook — это мини-редактор для лендингов. Он позволяет менять текст, стили шрифтов, цвета, удалять и добавлять целые блоки. Бесплатное пользование и относительно высокая скорость работы — вот основные преимущества плагина.
Но и без минусов не обошлось — при работе со сложными скриптами могут возникать проблемы.
WebScrapBook
Предпочитаете пользоваться браузером Chrome? Тогда для копирования лендингов подойдет плагин WebScrapBook. Установить его просто — идем в раздел расширений браузера, ищем по названию. Оптимальные настройки расширения — на экране ниже:
Скопированный лендинг сохраняется в виде архива, папки или HTML-страницы (если потом нужно покопаться в коде и поменять что-то под себя). Кроме бесплатного пользования к плюсам приложения можно отнести возможность редактировать форму заказа на скачанном одностраничнике.
А вот то, что у плагина нет визуального редактора — несомненный минус.
Где еще быстро создать лендинг: 13 качественных сервисов
Это англоязычный конструктор. У него большая база (более 500 шаблонов), сконструированных для быстрого сбора лидов. Есть возможность менять контент в зависимости от пришедшей аудитории. Сервис предоставляет многопользовательское управление, что позволит управлять сайтом разным специалистам. Цены не самые гуманные для российских пользователей – 149 $ в месяц при годовой подписке. Но если нужен красивый лендинг с динамическим контентом, можно протестировать эту платформу.
Это также англоязычная платформа с большой базой шаблонов. Ее редактор напоминает фотошоп. Элементы добавляются путем перетаскивания, каждая деталь гибко настраивается. Всплывающие окна хорошо отображаются на разных устройствах. Лендинг можно интегрировать с MailChimp, подключать к Google Analytics, тестировать. Стоимость – от 29 $/мес. при годовой оплате. Тарифы ограничены количеством посетителей в том числе.
Стандартный конструктор посадочных страниц, который на всех тарифах предлагает:
- Интеграцию с внешними сервисами, Google Analytics и Яндекс.Метрикой;
- Полную адаптивность;
- Добавление всплывающих лид-форм;
- Сбор базы подписчиков;
- Хостинг и домен.
Минимальная стоимость – 400 руб./мес.
Конструктор отличается качественным внешним видом блоков, на уровне профессиональных дизайнеров. Собирается сайт из 800 секций-блоков, и можно воплотить любую задумку. Платформа обладает всем функционалом, необходимым для онлайн-торговли. Но необходимые инструменты доступны в пакете за 1490 руб./мес.
Примеры лендингов, созданные на Bloxy
Конструктор предлагает 1300+ шаблонов, которые поделены на сферы деятельности. Есть пустая страница, позволяющая собрать одностраничник с нуля. Конечно же, страницы адаптированы под мобильные устройства, есть виджеты и онлайн-оплата. Бесплатный тариф действует 2 недели, затем минимальная стоимость будет составлять 315 руб./мес.
Здесь можно сделать лендинг с абонентской платой от 210 руб./мес. Есть бесплатный тариф с поддоменом, возможностью добавить 5 товаров и 20 фотографий. Доступно 100+ шаблонов.
Сайты интегрируются не только с CMR, но и “Мой склад”, СДЭК. Есть выгрузка товаров в Яндекс.Маркет.
А вот здесь можно создать лендинг, который будет бесплатен полгода. Правда, до этого нужно оплатить годовой абонемент и разместить пост о площадке в соцсети.
Лендинг собирается из готовых блоков, каждый из которых можно изменять под себя. Есть готовые шаблоны, где необходимо заменить текст на свой.
Можно подключиться к Bazium CRM, составлять свои формы. Содержание лендинга обойдется в 290 руб./мес. при годовой оплате.
Конструктор предлагает посмотреть шаблоны лендингов и возможности редактирования до регистрации, что удобно. Базовый тариф стоит 190 руб./мес. В нем доступно 60+шаблонов, бесплатный домен (на год), но всего 50 Мб места на сервере. Платформа подойдет для стандартного лендинга, без тяжелой графики.
На платформе шаблоны также можно посмотреть заранее, причем они представлены в виде готовой страницы. Есть бесплатный тариф, но сайт будет размещаться на поддомене, на нем будет реклама. Зато лендинг можно подключить к почтовыми сервисам и CRM.
Платформа позволяет без регистрации просмотреть не только веб-версию шаблона, но и мобильную. Дизайны современные, отличаются простотой и большим количеством «воздуха». Стоимость начинается от 3.19 $/мес.
Конструктор предлагает собрать лендинг самому на основе одного из 200 шаблонов или из 250 блоков. Есть AI-помощник, который будет подсказывать лучшие решения в процессе редактирования сайта. Создать посадочную страницу можно бесплатно на неограниченный период, правда, он будет на поддомене и содержать брендированную плашку Weblium.
Англоязычный конструктор с высокими ценами. Минимальный тариф составляет 80 $\месяц, причем действует ограничение по числу конверсий и посетителей. Сервис предоставляет качественные шаблоны, множество интеграций и аналитику.
Дизайн лендинга: основные правила
Теперь поговорим о дизайне лендинга, его основных правилах, ведь структура лендинга – это еще не все
Важно, чтобы landing page был привлекательным и в плане оформления.
Основные правила разработки дизайна лендинга:
- Минимализм. Дизайн должен быть стильным, шрифты читабельными. Тестовая часть и изображение следует чередовать. И не следует нагромождать много элементов. Пусть лучше будет побольше свободного пространства.
- Кнопки СТА стоит размещать в конце первого экрана. Это правило для лучшей продажи.
- Не стоит использовать шаблоны. Следует применять уникальные изображения продукции или хотя бы добавьте на шаблонные фотографии дизайнерские элементы, которые применяются в вашей компании.
- Сайт-страница должна быть удобна для посетителя: от активных элементов до кнопки СТА.
Соблюдая эти простые правила при дизайне лендинга, он принесет больше целевых действий
Ведь сначала обращают внимание на оформление, а потом уж на все остальное. И не лишним будет знать основы SEO оптимизации сайта, ведь они помогут подняться в поисковой выдаче.
One of the essential things to keep in mind is that the top of the page must always contain short but targeted relevant information about your company and the tacky headline with the slogan, which will be easy for advertising. You must put the terms of service, subscription service, contact information, and other contact data at the bottom with thank you page if needed. At the top of the page must always contain short but targeted relevant information about your company and the tacky headline with the slogan, which will be easy for advertising. You must put the terms of service, subscription service, contact information, and other contact data at the bottom with thank you page if needed.
Что такое лендинг пейдж — обзор для новичков
По теме создания посадочных страниц написаны сотни статей. В один материал сложно «впихнуть» все советы, весь опыт. Но я все-таки постараюсь рассказать вам о самом главном, что касается landing page.
Landing page дословно переводится с английского: «целевая» или «посадочная страница».
Такие одностраничники вы наверняка видели в Интернете.
Примеры лэндингов:
Почему делают лэндинги:
- Они хорошо мотивируют посетителя совершить нужное действие.
- Они быстро конструируются. И часто стоят дешевле обычного сайта. Еще один плюс: посадочную страницу можно сделать самостоятельно.
- Landing page легко переделать – улучшить, изменить, добавить недостающую информацию.
Лэндинги создают для:
- Продажи продукта. Для этого используют призывы: «купить», «оставить заявку», «позвонить».
- Сбора информации. Тут посетителям предлагают: «подписаться», «узнать больше».
- Распространения софта — продажа программного обеспечения.
Лендинг и воронка продаж
Процесс продаж через лендинг пейдж выглядит примерно так:
Из сотни – две продажи. Отдача – 2%. Это неплохой вариант. Не совершенный, но и не проигрышный.
Воронка продаж выглядит как перевернутая кухонная воронка: широкое основание и узкое горлышко.
Самая широкая часть – переход на страницу. На этом этапе мы тестируем работу контекстной рекламы, сообщений в соцсетях, публикаций на других сайтах. Определяем CTR.
Средняя часть – заявка. Анализируем эффективность посадочной страницы – ее дизайн, текстовую часть.
Узкая часть – обработка заявок и продажа. Здесь мы оцениваем работу живых людей – операторов, менеджеров.
Когда анализируют лендинг, рассчитывают еще один показатель – EPC.
Чем выше показатель доходности, тем выше эффективность вашей рекламной кампании.
Случай 1. Низкая конверсия (продажи) основного сайта компании
Когда сайт показывает низкий показатель конверсии – то есть покупатели уходят, ничего не купив. И денег на создание нового работающего большого сайта – нет.
Пример расчета: за 24 часа на сайте побывало 300 человек. Подписались на рассылку – 12 пользователей. Конверсия составит: 12 / 300 * 100% = 4%.
Средняя конверсия сайтов в зоне .РУ – 0,5%. Конверсия лэндингов 5–10%. В этих цифрах скрывается вся правда о том, почему предприниматели так любят продавать свои товары и услуги через одностраничники.
Случай 2. Запуск нового продукта
Когда вы запускаете новый продукт и желаете показать его в самом лучшем виде. Когда на новинке нужно сфокусировать контекстную рекламу.
Рекомендую прочитать нашу исчерпывающую стать о том, что такое контекстная реклама.
Случай 3. Решение конкретной задачи
Когда нужно решить конкретную маркетинговую задачу. И основной сайт компании для этого не подходит.
Создание landing page без в большинстве случаев поможет увеличит продажи.
Само по себе наличие посадочной страницы не привлечет сразу кучу клиентов. На самом деле лендинг – это лишь инструмент. Даже самая навороченная дрель не просверлит дыру в стене, пока вы не возьмете ее в руки. Так и здесь.
Чтобы страница заработала – нужно ее «включить».
Для этого можно предпринять следующие ходы:
- Запустить контекстную рекламу на ваш одностраничный сайт.
- Запустить e-mail рассылку по заранее собранной базе подписчиков. В письме кратко расписать свойства продукта и добавить ссылку на лэндинг.
- Прорекламировать продукт на форумах, сайтах-партнерах, досках объявлений. Везде добавлять ссылку на страницу.
Вывод из этого примера: используйте вспомогательные инструменты интернет-маркетинга для усиления эффекта от продаж через ваш одностраничник.
Разновидности лендингов
Поговорим о разновидностях лендингов. Они бывают самые разные. У каждого вида свои цели и задачи, но есть и то, что их всех объединяет – все лендинги должны рассказать клиенту о товаре или услуге и параллельно с этим дать возможность связи.
То есть почти на всех одностраничных сайтах есть контакты, формы заявок, которые собирают определенную информацию, призывы к действию и т. д. Теперь рассмотрим примеры.
Страница сбора контактов
Как правило, такие страницы кратко рассказывают об услуге или товаре, после чего просят ввести контакты для получения более подробной информации. Такое часто используют инфобизнесмены. Они рассказывают о своем бесплатном курсе и предлагают пользователям ввести свои контакты для записи или скачивания этого курса.
Само собой, на таком лендинге должен быть функционал сборщика. То есть просто знание HTML и CSS тут не подойдет. Либо придется дописывать специальный скрипт на Java, либо делать такую страницу на другой платформе. Отлично подойдут WordPress и Joomla
В них имеются различные шаблоны, которые легко смогут зацепить внимание клиентов и побудить их к заполнению формы заявки
Товарный лендинг
Из названия вы могли догадаться, что такие сайты призваны что-то продавать. Они содержат максимум информации о конкретном товаре или их группе и предлагают клиентам осуществить покупку.
На таких лендингах максимум красивостей и различных примочек. Кстати, очень часто товарные лендинги используются при арбитраже трафика. Люди клепают продающую страницу, рассказывают на ней о товаре в хорошем ключе и начинают лить туда трафик с поисковых систем и контекстной рекламы.
На момент написания статьи такой подход все еще актуален, поэтому если вы хотите заработать хорошие деньги, то CPA-партнерки – это отличный вариант сделать это.
Сайт-визитка
Визитки тоже можно отнести к лендингам. В них может быть представлена самая различная информация о специалисте или компании. Как правило, сайт-визитка создается фрилансерами для поиска заказчиков. На таком ресурсе должна быть вся необходимая информация об умениях, портфолио и ценах.
Простенький дизайн тут будет не к месту. Люди хотят видеть результат сходу, а если сайт-визитка выглядит отвратительно, то они даже не дойдут до страницы с портфолио.
Корпоративные визитки призваны рассказать клиентам о компании, истории ее создания и прочих подобных вещах. Там же размещена информация о расценках, раздел с партнерами и выполненными работами.
По сути, корпоративные и личные визитки мало чем отличаются. Используются одни и те же принципы подачи информации.
Сайт-визитка поможет вам рассказать о себе или о своей компании, донести самую важную информацию и внести вклад в бренд. Не нужно упускать это из виду при построении вектора продвижения.
Лендинг с услугами
Его легко перепутать с сайтом-визиткой, но здесь обычно нет привязки к компании или конкретной личности. Просто рассказывается об услугах, чуть ниже, как правило, есть секция с отзывами. Все по стандарту: блоки, призывы к действию и прочие прелести целевых страниц.
Также лендинг с услугами создают компании. В них нет форм для сбора заявок, но есть контакты. Номера телефонов, электронные адреса, никнеймы в мессенджерах и т. д.
Подобные сайты могут отлично рекламироваться и приносить клиентов. Если, допустим, у вас есть компания по пошиву одежды, то создание хорошего лендинга с услугами может в значительной мере улучшить ваши продажи. Сама цель существования лендингов – продажа продукта, поэтому сейчас бизнес без сайта – вовсе не бизнес.
Брендированный лендинг
Крупные компании могут позволить себе брендированный лендинг. Как правило, о них и так все знают и задача брендированных лендингов – давать информацию в самом чистом виде.
Допустим, тот же Apple. У них все просто и банально. Выходит новинка – iPhone XS MAX. Задача лендинга – представить не только новый продукт, но и повысить узнаваемость бренда компании.
Как видите, здесь есть картинка нового Айфона и две ссылки. Одна ведет на страницу с более подробной информацией, другая – на страницу покупки. Любопытный образец, который показывает, что все гениальное – просто.
Примерно так же выглядят все остальные брендированные лендинги. Можно сказать, что это лучшие варианты на рынке лендов. Они не содержат никаких громких заявлений, четкие и лаконичные. И все все равно идут на эти сайты и восхищаются подобными приемами.
Установка Вордпресс
Перед созданием сайта купите хостинг и зарегистрируйте доменное имя. Это легко сделать на Beget или SpaceWeb. Просто выберите тариф и оплатите его удобным способом. Вот расценки на хостинг от указанных выше провайдеров:
Оплачивать хостинг на год вперёд выгоднее. Для лендинг пейдж выбирайте начальные (стартовые) тарифы — «Взлёт» или Blog. Их вам хватит с головой.
У этих же хостинг-провайдеров можно зарегистрировать доменное имя. Пройдите в раздел «Регистрация доменов» или «Домены» и проверьте домен на уникальность.
При покупке домена в Beget не забудьте поставить галочку у пункта «Создать новый сайт и направить домен на него», а потом нажмите на кнопку «Добавить домен». Через 10–15 минут новый домен пропишется на DNS-серверах, и вы сможете приступить к установке CMS.
И на Beget, и на SpaceWeb CMS WordPress можно установить в один клик. Если вы приобрели хостинг SpaceWeb, то после оплаты и авторизации в личном кабинете найдите в меню раздел «Установка программ» и отыщите в списке WordPress. Нажмите на кнопку «Установить». В открывшемся окне выберите версию CMS, домен или поддомен и нажмите на кнопку «Установить». В течение минуты сервис автоматически установить WordPress и создаст базу данных MySQL. После этого вам останется лишь залогиниться в админ-панели и приступить к редактированию контента.
Чтобы установить WordPress на Beget, авторизуйтесь в личном кабинете, найдите в меню раздел «CMS | Установка систем управления» и перейдите в него. Отыщите в списке логотипов CMS ВордПресс, нажмите на него и ознакомьтесь с условиями. Заполните форму с данными по сайту:
Нажмите на «Установить» и дождитесь окончания установки. Сервис автоматически создаст базу данных и реквизиты к ней. Сохраните эти данные и авторизуйтесь в CMS вашего будущего одностраничника. Ссылка для входа:
http://ваш_сайт/wp-admin или http://ваш_сайт/wp-login.php
А чтобы поисковые системы не индексировали изменения, которые вы вносите на сайт до его публикации, просто закройте его от индексации в настройках.
Реальные примеры работающих лендингов
Лет 15-20 назад лэндинги создавались для импульсивных покупок. В старые времена на людей еще действовали кислотные цвета, сумасшедшие гифки и прочий мусор. Сейчас мы стали разборчивее: проходим мимо пустых обещаний, доверяем спокойному тону и убедительным доказательствам.
«Те» времена прошли, но все еще остаются люди, которые считают, что лендинг должен быть «кричащим». Этот раздел я создал, чтобы убедить их в обратном. Перед вами примеры лендинг пейдж. Давайте разберем их плюсы и минусы, поймем, почему они работают.
Пример 1. Мастер Климат — компания по установке и продаже климатического оборудования
www.masterclimat.pro — этот сайт мы сделали с другом, когда еще занимались изготовлением сайтов под заказ.
Сайт имеет понятную структуру, приятный дизайн в стиле «вентиляции и кондиционирования». Также на данном лэндинге реализована адаптивная верстка, то есть сайт адаптируется под любые размеры экранов, в том числе под мобильные устройства.
Пример 2. Вакансии Альфа-Банка
www.job.alfabank.ru — прокручиваем сайт и видим – как стартует карьера молодого человека в Альфа-Банке. Через некоторое время, наглядевшись на заманчивую визуализацию, посетители сайта наконец-то видят буквы. На странице опубликован годный текст – его качество ничуть не хуже анимированной картинки.
Прямо на поверхности размещено описание новых вакансий, опубликован раздел возможностей. Для соискателей – небольшая и очень простая форма.
Кнопка действия: наверху небольшая и слабозаметная кнопка «отправить резюме» – это минус; в самом низу страницы яркая ссылка «смотреть вакансии» – это плюс.
Важные моменты
Хороший лендинг имеет адаптивный дизайн, грузится за 1-2 секунды
Скорость
Время загрузки – критический параметр. Если сайт грузится дольше чем 3 секунды, страницу закроет 30-40% пользователей. Если дольше 5 – потеряете до 75% трафика. 75 человек из 100 откажется ждать, поэтому даже самый крутой ленд не даст результата. Но каждый клик добыт большими усилиями, на это затрачен рекламный бюджет. Поэтому внимательно тестируем время загрузки. Помогут инструменты Pingdom, PageSpeed Insights. Если сайт долго грузится – оптимизируем его: чистим код, убираем лишние динамические элементы, визуальные эффекты запускаем через TinyPNG.
Адаптивность
Помним о мобильных пользователях. В последние годы их доля постоянно растет и сейчас в большинстве ниш процент переходов со смартфонов или планшетов составляет от 50 до 70%. Можно делать отдельно лендинги для смартов и десктопов. Но адаптивные сайты смотрятся не хуже. При этом экономят время на разработку, уменьшают затраты на хостинг, домен.
Шаблоны для WordPress
Это самая популярный конструктор и CMS, естественно под него написаны сотни тысяч шаблонов. Создатели платных версий обещают заоблачную конверсию, но по факту большинство макетов – бездарные копии, которые не дадут результатов. Идеальная схема: смотрим, что работает у конкурентов, выбираем подходящий по структуре бесплатный шаблон. Он обязательно должен нравиться вам – если есть сомнения, ищем дальше. Выбранный вариант дорабатываем в соответствии с прототипом.
Landing Page как маркетинговый инструмент
Большинство пользователей проводит на просторах сети длительное время, заменяя этим другие источники внешней информации.
Среди популярных вариантов – SEO продвижение, контекстная реклама, социальные проекты, бесплатные Landing Page шаблоны psd и прочие инструменты.Landing Page – целевая страница, куда пользователи переходят с различных источников, чтобы ознакомиться с конкретным маркетинговым предложением.
Можно ошибочно предположить, что в эту категорию попадает любая страница тематического сайта. На практике все обстоит иначе. Landing Page обладают особой структурой и соответствуют ряду критериев, благодаря которым достигается высокая эффективность и конверсия.
Среди основных отличий, которыми отзывчивые шаблоны Landing Page выделяются на фоне остальных сайтов:
Не перегружены дополнительными блоками, сложными элементами и графикой
Их задача не только привлекать внимание и запоминаться, но и грамотно акцентировать важные детали.
Зачастую одна страница соотносится с одним конкретным продуктом. На ней содержится информация об определенном товаре или услуге, а не о широком ассортименте разнообразных предложений.
На целевой странице отсутствует чрезмерная и отвлекающая информация
Посетитель должен точно понимать, куда он попал, что он получит и что он должен сделать. Landing Page должны исключительно информировать и мотивировать.
Если шаблон Landing Page скачать, можно обратить внимание, что разные страницы обладают схожей многоцелевой структурой. Это блок с контактными данными, само маркетинговое предложение, привлекательная иллюстрация, запоминающийся заголовок, преимущества и характеристики продукта, а также дополнительные элементы вроде таймеров, счетчиков, форм сбора данных и анкет.
Подобная структура целевых страниц обеспечивает им высокую посещаемость и конверсию, так что все больше рекламодателей отдают предпочтение такому инструменту.
Кроме того, это отличная возможность протестировать разные ниши, испытать нововведения, получить полезные данные о состоянии и активности аудитории.
Также шаблоны free можно найти для проведения акций, распродаж, реализации специальных предложений.
Подведем итоги
Создание лендингов – творческий процесс, который требует усидчивости, умения искать информацию по крупицам и анализировать ее
Прежде всего, важно понимать ЦА, ее боли, интересы, страхи и развеять их, найти выгоды для конкретных пользователей. Именно это, а не формат изложения мыслей или красивый дизайн дает нам конверсию
Чем глубже мы исследовали рынок, тем выше шансы зацепить пользователя.
Техническая сторона – почти формальность. С огромным выбором готовых шаблонов, платных и бесплатных инструментов писать код вручную несколько дней не нужно. Конструкторы с визуализированными редакторами автоматизируют процесс. Достаточно собрать блоки по заранее подготовленному макету, добавить картинки, вставить текст. На настройку уйдет не больше часа.