Номинируйте на конкурс Workspace Digital Awards телеграм и видео каналы, бренд-медиа и статьи. Скидка по промокоду media — 20%!
Назад
Веб-разработка

Конструктор страниц на Битриксе

196 
 

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

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

Конструктор страниц на Битриксе

Зачем это нужно

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

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

Мы как опытный продавец создаём скрипт (сценарий) общения с покупателем и реализуем его через посадочную страницу (landing page).Это длинная страница, состоящая из разных информационных блоков (секций). Цель таких страниц ярко и наглядно презентовать пользователю решение его задачи и отработать возражения. В большинстве случаев конверсия у таких страниц выше, чем у банальной страницы услуги, где размещён большой текст, цены и изображения.

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

Конструктор страниц на Битриксе

Как мы создаём конструктор страницы

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

Далее переходим к разработке дизайн-макетов этой страницы. Чаще всего мы делаем 4 версии макетов для разных типов экранов: Full HD, ноутбуки (HD), планшеты и мобильные телефоны. Завершив работу над макетами, согласовываем их с заказчиком и начинаем HTML-верстку.

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

После этого идёт этап интеграции с CMS, в нашем случае с 1С-Битрикс. По итогу в панели администрирования появляется возможность создавать страницы из отдельных блоков.

Как это работает на практике

Когда у нас появилась идея создать такой конструктор, мы решили сперва попробовать его на своём сайте. Рассмотрим, как после внедрения конструктора создаётся новая страница.

  1. Для начала готовим контент. Формулируем тексты, решаем, какая информация на странице важна пользователю.
  2. Далее, исходя из контента, определяем состав блоков на новой странице, опираясь на структуру блоков с мастер-страницы.
  3. Создаём в панели администрирования новую страницу и добавляем на неё блоки.
  4. Вставляем в них контент.
  5. Страница готова!

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

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

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

В некоторых примерах мы не можем называть компанию.

Добавление товаров в статьи

Часто в статьях хочется сразу показать, о чём идёт речь. Например, компания «Darwin» подготовила статью с идеями подарков для сотрудников IT-компаний. В статье приводятся примеры брендированных сувениров, и под каждым примером есть карточки товаров из него. В процессе чтения статьи можно сразу добавить себе в корзину понравившиеся товары и заказать их. Можно, конечно, просто добавить ссылки на товары в статью, но это не так эффектно выглядит, плюс уводит пользователя со страницы статьи. А ещё это вносит разнообразие в состав блоков на странице, что однозначно оценят поисковые роботы и специалисты по поисковому продвижению.

Повышение конверсии страницы

Маркетолог с помощью конструктора создал посадочную страницу для новой услуги. Через какое-то время проанализировал статистику и поведение пользователей в Яндекс.Метрике и составил ряд гипотез на тему повышения конверсии данной страницы. После этого просто изменил порядок блоков на странице, добавил новую информацию и подкорректировал старую. Редактирование страницы заняло достаточно мало времени. Если бы не конструктор блоков, ему пришлось бы ставить задачу разработчикам и ждать изменения страницы. Итог: экономия времени и денег и увеличение конверсии. А ещё можно быстро создать 2 версии страниц и запустить А/Б-тест для проверки эффективности.

Быстрая адаптация под региональные особенности


Разместите
тендер бесплатно

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

Заполнить заявку 13325 тендеров
проведено за восемь лет работы нашего сайта.


Компания работает в нескольких городах, и для каждого региона нужна своя страница с учётом местной специфики. Например, в одном городе важно показать блок с партнёрами и кейсами из этого региона, в другом — акцент на быструю доставку и наличие офиса. Раньше приходилось каждый раз обращаться к разработчикам и ждать. Теперь менеджер регионального направления сам за час собирает нужную страницу из готовых блоков, меняя только контент и порядок секций. Результат: запуск продаж в новом регионе ускорился с 3 недель до 2 дней.

Тестирование гипотез без программистов

Маркетинговая команда хотела проверить, что лучше конвертирует потенциальных клиентов: видеоотзывы в начале страницы или калькулятор стоимости. Раньше для создания двух версий страницы нужно было ставить задачу в разработку и ждать неделю. С конструктором создали две версии страницы за считанные часы, запустили сплит-тест через Яндекс.Метрику и через две недели получили данные. Оказалось, что калькулятор в начале страницы существенно увеличил конверсию. Быстрое тестирование идей стало обычной практикой, а не роскошью.

Зачем конструктор, если можно и без него?!

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

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

Можно, конечно, пойти классическим путём. Спроектировать страницу, разработать дизайн-макеты, подготовить HTML-верстку и интегрировать новую страницу в CMS. Это требует привлечения нескольких специалистов, занимает больше времени и стоит дороже, но тоже имеет место быть. Такое решение задачи подойдёт, если вам редко нужны новые страницы.Например, мы делали такое для одной стоматологии. У них есть основной сайт, и мы создали посадочную страницу по имплантации. Задача была увеличить продажи данной услуги. Другие страницы в подобном формате заказчику не были нужны.

Поддержка решения

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

Чек-лист "Нужен ли вам конструктор страниц?"

Ответьте на вопросы. Если 3 и более ответа «Да» — конструктор вам точно пригодится:

  • Вы запускаете 3 и более посадочных страниц в год (для рекламных кампаний, акций, новых услуг);
  • У вас есть маркетолог или контент-менеджер, которому приходится ждать программистов для создания новых страниц;
  • Вы тратите на создание одной новой страницы от 20 000 ₽ и ждёте больше недели;
  • Вам нужно часто менять порядок блоков на страницах и тестировать разные варианты подачи информации;
  • У вас несколько направлений бизнеса или регионов, и для каждого нужны свои страницы с разным наполнением;
  • Вы хотите быстро реагировать на изменения рынка и запускать страницы под актуальные запросы;
  • Вам важно сохранять единый стиль сайта, но при этом гибко управлять контентом без помощи дизайнера;
  • Вы проводите A/B-тестирование и вам нужно быстро создавать варианты страниц для экспериментов.

Результат:

0–2 «Да»: Возможно, вам пока достаточно статичных шаблонов страниц

3–5 «Да»: Конструктор заметно ускорит вашу работу и сэкономит бюджет

6–8 «Да»: Конструктор страниц — must have для вашего бизнеса

Конструктор страниц на Битриксе

Заключение

Некоторые заказчики любят конструкторы сайтов, вроде «Tilda», в первую очередь за простоту. Не нужно писать подрядчику или программисту, можно самому создать новую страницу или переделать уже имеющуюся. Часто любовь заканчивается, когда возникают zero-блоки (кто знает, что это, тот поймёт), и самому уже сложно.

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

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

Выскажите мнение
Авторизуйтесь, чтобы добавить свой комментарий.




196

Лучшие статьи

Поделиться: 0 0 0

Оцените статью
Спасибо за оценку