Создание сайта на wordpress

2 814
- 14 минут

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

Что такое Landing Page

Landing Pages, что буквально означает “страница посадки”, это - отдельная веб-страница, заточенная под определенное целевое действие (продажа, получение контакта, запись на консультацию, личное посещение и другое). Чаще всего, посетитель на нее попадает по объявлению из контекстной рекламы и уже имеет намерение купить товар или воспользоваться услугой. Задача лендинга - закрыть последние возражения клиента и подтолкнуть его к покупке.

В зависимости от желаемых действий, целями создания лендингов являются:

  • Получение контактов пользователей. Обычно, цель - электронная почта посетителя. Далее с помощью рассылок из таких теплых контактов можно сделать “горяченьких” клиентов. В обмен на контакты обычно предлагают некоторую полезность: книгу, чек-лист, мануал и прочее.
  • Продажа товаров. В этом случае ваш сайт будет играть роль карточки товара, поэтому логично разместить на нем подробные описания, фото товаров, ответы на основные возражения клиентов, преимущества вашего продукта по сравнению с конкурентами. Отличительной чертой такого типа сайтов является кнопка call-to-action с надписью “Купить сейчас”, “Заказать” и другие варианты.
  • Продажа услуг. Данный тип аналогичен “товарным” лендингам с одной существенной разницей. Здесь упор делается не на мгновенные продажи, а на “заказ обратного звонка”, заполнение формы заявки, записи на консультацию и другое. Работу по окончательной продаже ведет менеджер по продажам.

Как создать правильный лендинг

Вам не нужны знания и умения использования кода, чтобы создать свой сайт. Потому, что у вас есть возможность воспользоваться бесплатной CMS WordPress (WP). Нужно лишь немного денег на оплату хостинга и домена. Ниже вы найдете подробное описание того, как создать лендинг пейдж на wordpress.

Подготовительные работы

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

  • Купить хостинг и доменное имя. Сделать это можно вот тут - https://beget.com.Просто выберете тариф и оплатите его. Обратите внимание, что покупать хостинг на год дешевле, чем помесячно. Вам будет достаточно самых начальных тарифов - их стоимость не превышает 1500-2000 рублей. У этого же хостинг-провайдера есть возможность регистрации доменов (вот тут - https://beget.com/ru/domain-register). Настоятельно рекомендуем вам не пользоваться техническим (его выдают при создании сайта) или подаренным доменом от вашего хостера, а регистрировать свой. Так вы будете иметь возможность свободно перемещать ваш сайт на другой хостинг при необходимости.
  • При покупке домена в Beget не забудьте поставить галочку в пункте «Создать новый сайт и направить домен на него», а потом нажмите на кнопку «Добавить домен». Через 10–15 минут новый домен пропишется на DNS-серверах, и вы сможете приступить к установке CMS.
  • Переходим к установке вордпресс. Авторизуйтесь в личном кабинете Beget и найдите раздел “CMS”. Отыщите в списке логотипов CMS ВордПресс, нажмите на него, внимательно прочитайте все и заполните необходимые поля. Запустите установку и дождитесь окончания. После завершения система автоматически выдаст вам логин и пароль для доступа к панели управления вашим ресурсом.

Первый шаг

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

  • Логотип. Элемент повышения доверия и идентификации (что-то вроде ответа на вопрос: “а туда ли я попал?”).
  • Дескриптор. Краткое (буквально 1-2 предложения) описание того, чем вы занимаетесь.
  • Контакты. Еще один инструмент повышения доверия. Очень хорошо работает яркая и привлекающая внимание кнопка обратного звонка.
  • УТП (уникальное торговое предложение). УТП должно как можно полнее выражать ваше предложение покупателю, делать это максимально коротко и выгодно выделять вас на фоне конкурентов. Обычно в качестве УТП выбирают что-то вроде: “Качественное сырье”, “Быстрая доставка” или “Низкие цены”. Поэтому вы должны выделиться из серой массы и сделать конкретное предложение - “Доставка в день заказа”, “Пакет услуг от 999 рублей” и так далее.
  • Обязательно поместите на первый экран изображение, серию фото или видео, где показан ваш продукт в действии. В случае, если продаете услуги, то можно использовать видео-отзывы клиентов, успешные кейсы или презентацию ваших услуг.
  • Кнопка call-to-action. Обязательно к размещению на первом экране (можно это сделать в нескольких местах). Иногда на первом экране размещают форму обратной связи.

Оффер

Проектируя лендинг пейдж на wordpress вам нужно уделить максимальное внимание этому разделу. Это самая объемная и важная часть сайта (мало привлечь внимание “первым экраном” - важно его удержать оффером). Здесь вы объясняете пользователю ценность вашего продукта или услуги, говорите о его преимуществах перед другими и закрываете возражения. Фактически, вы должны дать потенциальному покупателю все данные для принятия решения и подстегнуть его к покупке. Сделать это можно с помощью:

  • Размещения 3D модели товара. Сейчас этот способ имеет не столь сильное распространение, а значит, что он выгодно вас выделит.
  • Детального описания выгод, которые получит клиент. Люди покупают продукты или услуги по принципу “Jobs-to-be-done” (или “работа, которая должна быть сделана”). Это значит, что они “нанимают” ваш продукт или услугу, чтобы решить свои проблемы. Расскажите им, как они смогут решать свои насущные вопросы с вашей помощью.
  • Технические параметры товара (есть сферы, где техническая часть главенствует над эмоциональной). Так никто не покупает буровую установку на эмоциях, больше всего покупателя интересует сколько погонных метров с ее помощью можно пробурить, и как быстро.
  • Варианты, тарифы, дополнительные опции. Распространена методика, когда на выбор покупателю предоставляют три пакета услуг - эконом с минимальной ценой, средний пакет - средняя цена, и премиум - высокая цена. И лучше всего продается пакет “средний”. Премиум создан для того, чтобы создать выгодное ценовое преимущество тарифа “средний”.
  • Калькулятор, конвертер и другое. Эти инструменты распространены в B2B. Сильно ускоряет процесс налаживания сотрудничества, когда еще до обращения в компанию ваш будущий контрагент может понять подходите ли вы ему для сотрудничества.

Социальное доказательство

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

 

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

  • Число отзывов не менее трех.
  • Фото клиентов необходимо использовать настоящие.
  • Тексты отзывов должны быть написаны простым языком и иметь в своем составе контакты лица, дающего отзыв (это доказательство того, что ваш покупатель реально существовал).

Футер (подвал сайта)

Здесь в обязательном порядке должен находиться Call To Action. По вашему усмотрению сюда выносится второстепенная информация (ссылки на форумы и прочие источники дополнительной информации, кнопки социальных сетей).

Несколько рекомендаций для улучшения способности продавать

Существует несколько проверенных механизмов для подталкивания к покупке. Остановимся на нескольких самых эффективных:

  • CTA - призыв к действию. Он должен быть коротким, четким и располагаться на первом экране, в футере и в среднем через каждые 2 блока.
  • Дефицит (акция). Видели сайты, на которых при открытии начинает тикать таймер, отсчитывающий время действия “специального” предложения для вас? Так вот ограниченность по времени работает очень хорошо. Существует еще ограниченность числа товаров (последняя 1000 единиц товара по 100 рублей).
  • Побольше закрытых возражений. Вам уже приходилось сталкиваться с возражениями вроде: “Дорого!”, “Какой вариант выбрать?”, “Я видел дешевле!” и другие по самым разным аспектам.

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

    Просто сядьте и выпишите те возражения, которые придут вам в голову. А потом дополните этот список из общения с клиентами - это самый верный способ отработать реальные возражения клиентов. Закрывать возражения можно создавая специальный раздел на сайте - FAQ, что дословно означает “часто задаваемые вопросы”.
  • Будьте лаконичны. Лендинг служит одной цели - продаже. Поэтому важно упаковать максимум полезной информации в минимум текста. Нет необходимости наполнять сайт “простынями” текста.
  • Сегментирование. Иногда, при разделении аудитории по сегментам, можно создавать отдельные лендинги под каждый из сегментов. Зачем это делать? Из-за разницы в менталитете, поведении и “работе, которая должна быть сделана”. У каждого сегмента эти параметры индивидуальны.

Дизайн

Теперь, когда мы разобрались с содержимым вашего ресурса, настало время поговорить о важном аспекте в создании сайта - дизайне. Для лендинга вопрос дизайна жизненно важен. Его можно представить так: качество дизайна = конверсии из посетителей в клиентов. С помощью дизайна расставляются акценты на нужных местах посадочной страницы. Это способствует определенному, выгодному для вас, восприятию информации пользователем. Мы дадим вам несколько важных рекомендаций для создания качественного дизайна сайта на WP:

  • Пусть высота первого экрана не превышает 700-1000 пикселей. Сейчас в этот диапазон укладывается высота большинства мониторов (содержимое первого экрана полностью отобразится на мониторе пользователя).
  • Заголовок (h1) размещайте слева. А изображение справа. Если фон первого экрана не однотонный, то позаботьтесь о полупрозрачной подложке под текст.
  • Используйте шрифты без засечек. Они проще воспринимаются человеческим глазом.
  • Форма обратного звонка и кнопка СТА должны быть контрастными по отношению к фону. Количество полей в форме - минимально.
  • Если вы создаете свой продающий лендинг на основе имеющихся шаблонов, то выбирайте такой, где много свободного места и нет нагромождения текста и изображений.

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

Плагины для создания лендинг пейдж на вордпресс

Существуют платные и бесплатные плагины. Среди платных можно выделить: wPPage, Visual Composer, Optimize Press, Thrive Landing Pages, InstaBuilder, Divi Builder.

Среди бесплатных: WordPress Landing Pages, (Ultimate) Landing Page, Free Landing Pages Builder by Wishpond, WPLead, Long Form Storybuilder и Elementor.

Все они имеют примерно одинаковый функционал:

  • Готовые шаблоны.
  • Привлекательный дизайн.
  • Работа с html/css.
  • Большой выбор элементов.
  • Визуальный редактор;
  • Интеграция с другими плагинами;
  • Возможность настройки аналитики и получения развернутой статистики.

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

  • У плагина есть сайт. Более того, он выполнен качественно и его приятно просматривать. Сразу понятно, что разработчики гордятся своим детищем и могут эффектно его презентовать.
  • У Elementor есть свой канал на YouTube. Там вы сможете найти обучающие видео, чтобы улучшить свое мастерство.
  • Впечатляющая статистика. Более 1 миллиона установок и средняя оценка 4,8. А это уже ничто иное, как социальное доказательство.
  • Для полноценной работы хватит и его бесплатной версии. Большинство из тех впечатляющих работ, которые вы сможете увидеть на том же самом канале YouTube вы можете повторить, не прибегая к платным продуктам.

Справедливости ради, стоит сказать, что у плагина есть пара минусов:

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

Все эти недостатки легко закрываются тем, как легко установить и использовать плагин, а также простотой создания landing page с нуля на этом плагине.

 

Установить этот плагин можно из панели управления WP, просто найдя его название в поиске. После установки мы рекомендуем установить дополнение Envato Elements. Оно даст вам несколько десятков дополнительных шаблонов для оформления. Теперь можете смело начинать создание своего сайта на wordpress.

Итог

Сегодня мы рассказали вам, как создать лэндинг на wordpress. Кратко прошлись по всем важнейшим моментам в дизайне и наполнении сайта. А еще дали несколько рекомендаций по ускорению разработки вашего ресурса. WP - мощная, динамично развивающаяся и безопасная CMS для вашего ресурса. С ней ваш сайт будет работать долгие годы, не вызывая нареканий.

Интересна услуга?
Давайте обсудим детали!
Оставьте Ваши контактные данные
и мы перезвоним