Конструктор посадочных страниц и лонгридов на 1С-Битрикс: Управление сайтом

Наверх

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

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

Содержание

• Посадочные страницы, лонгриды
• Конструктор посадочных страниц
• Как сделать посадочную страницу для БУС в стороннем сервисе
• Вывод

Посадочные страницы, лонгриды

И так, давайте сперва разберёмся с понятиями.

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

Лонгриды (long read) — это подача материала в формате текста, разбитого мультимедийными блоками (изображения, видео, веб-элементы). Их цель — удержать внимание читателя до конца статьи. Здесь тоже нет строгих правил.

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

Компания Цифровой Элемент уже много лет разрабатывает сайты на платформе 1С-Битрикс:Управление сайтом и является золотым сертифицированным партнёром 1С-Битрикс. В далеком прошлом (лет 10 назад) перед нашей командой разработки встала задача — создать собственный конструктор посадочных страниц. Задача оказалась довольно интересной и очень полезной в будущем.

Конструктор посадочных страниц

Как сделать конструктор красивых посадочных страниц на Битриксе?

Сниппеты

Самый простой способ — работать с набором сниппетов.

В 1С-Битрикс сниппет — это готовый фрагмент кода или разметки (HTML, PHP, иногда с элементами шаблонов Битрикса), который можно вставить в визуальный редактор страницы.

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

Таким образом, сниппеты позволяют:

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

Плюсы сниппетов в 1С-Битрикс

• Простота использования — сниппет можно вставить буквально в пару кликов, без знания кода (если пользоваться готовыми заготовками).
• Скорость работы редактора — вставка готового блока занимает секунды, а не минуты, как при ручной верстке.
• Гибкость — можно создавать собственные сниппеты под конкретные задачи компании, накапливая библиотеку типовых блоков.
• Единый стиль — за счет повторного использования одних и тех же сниппетов страницы выглядят более целостно и аккуратно.
• Минимальная нагрузка на сайт — сниппеты после вставки становятся частью HTML-страницы, поэтому загружаются очень быстро.
• Доступность — инструмент встроен в систему, не требует отдельной установки или дополнительных модулей.
• Подходит для прототипирования — можно быстро собрать черновик страницы или лендинга без долгой верстки.

При использовании сниппетов в 1С-Битрикс нужно учитывать ряд особенностей:

• Легко сломать, особенно через визуальный редактор.
• Изменения приходится вносить вручную на всех страницах.
• Удаление и правки возможны только с HTML-знаниями.
• Нет параметров и наследования — каждый блок создаётся отдельно.
• Нет поддержки адаптивных изображений.
• Копирование создаёт независимые дубликаты контента.

Компоненты

Когда данные уже хранятся в базе сайта на Битриксе (например, в каталоге, справочнике или инфоблоке), логично использовать для их вывода компоненты. Благодаря параметрам компонентов можно создавать универсальные блоки. Так, один и тот же компонент способен формировать разные варианты: “2 картинки плиткой”, “4 картинки плиткой”, “8 картинок плиткой” — достаточно просто указать нужное значение параметра “количество картинок”.

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

Он состоит из двух частей:

• логики (PHP-код, который получает и обрабатывает данные, например, из инфоблока или каталога),
• шаблона (HTML/JS/CSS-оформление того, как эти данные показываются пользователю).

Благодаря параметрам компоненты можно настраивать под разные сценарии — от простого списка новостей до сложных каталогов с фильтрацией и корзиной.

По сути, это строительные блоки Битрикса: из них собирается сайт, и каждый блок отвечает за свой участок функционала.

Плюсы компонентов в 1С-Битрикс

• Универсальность — один компонент можно использовать для разных задач, меняя только параметры (например, количество элементов или источник данных).
• Автоматизация — данные подтягиваются напрямую из базы (инфоблоков, каталогов, справочников), не нужно вставлять и обновлять их вручную.
• Гибкость настроек — можно управлять выводом: сортировкой, количеством элементов, отображаемыми полями, фильтрацией.
• Повторное использование — один и тот же компонент можно подключать на разные страницы без дублирования кода и контента.
• Целостность данных — при изменении информации в базе она автоматически обновляется во всех местах, где используется компонент.
• Масштабируемость — удобно создавать новые блоки и страницы на основе готовых шаблонов.
• Поддержка кэширования — несмотря на минусы в скорости, при грамотной настройке кэша можно значительно ускорить работу компонентов.
• Интеграция — легко связать с другими функциями Битрикса (формами, каталогами, CRM и т.д.).

Однако есть ряд особенностей такого подхода, которые нужно учитывать:

• Результат видно только после сохранения страницы.
• Контент нужно опубликовать, чтобы увидеть его вживую.
• Копирование требует переноса и страницы, и данных.
• Работа медленнее из-за запросов к БД и кэшу.

Инфоблок и один компонент

Еще один вариант реализации конструктора посадочных страниц в 1С-Битрикс:Управление сайтом — это отказаться от визуального редактора и построить страницы на основе отдельного инфоблока.

Логика проста:

• Раздел ИБ = страница
• Элемент ИБ = блок страницы

Вывод блоков выполняет компонент bitrix:catalog.section, которому в параметрах задается ID нужного раздела (страницы). У каждого элемента есть свойство “Тип” — оно определяет, какие данные хранятся и как именно шаблон компонента отобразит блок.

У этого подхода также есть свои нюансы:

• Страницу можно увидеть только в публичной части после сохранения данных.
• Копирование работает частично — без доработок или решений из Маркетплейса изображения не перенесутся.
• Для настройки инфоблока и шаблонов потребуется программист.
• Встроенный поиск Битрикса либо не увидит такие страницы, либо создаст битые ссылки без серьёзной доработки.

Как сделать посадочную страницу для БУС в стороннем сервисе

Сегодня существует множество инструментов для создания посадочных страниц, лонгридов и даже целых сайтов. Чаще всего они работают на отдельном домене или поддомене, что неудобно для проектов на Битриксе — интеграция возможна только через поддомены. Среди популярных решений — Tilda, Wix, LP Generator и так далее.

Некоторые сервисы, например Tilda, позволяют экспортировать результат в архив с исходным кодом (HTML, CSS, JS). Но прямой интеграции с 1С-Битрикс нет: файлы приходится вручную загружать на сайт, а при каждом изменении страницы повторять процедуру заново. Это проблема для автоматизации.

Мы познакомились с Tilda уже после старта собственной разработки и увидели ключевые преимущества нашего конструктора:

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

Вывод

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

	Сниппеты	Компоненты	Инфоблок	Сторонний сервис
Визуальное редактирование	Да	Нет	Нет	Да
Необходимость знания HTML	Да	Нет	Нет	Нет
Простое копирование страниц	Да	Нет	Нет	Нет
Адаптивный дизайн и изображения	Сложно	Да	Да	Да
Скорость работы	Очень быстро	Быстро	Быстро	Быстро
Настройки используемых блоков	Нет	Да	Да	Да
Внутренний поиск 1С-Битрикс	Да	Нет	Нет	Нет

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

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

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

Сопровождение и развитие Заказать услугу

Статьи по теме:

• Интеграция Битрикс24 и 1С: автоматизация бизнеса, обмен данными, настройка синхронизации
• Как настроить воронку продаж в Битрикс24
• Как настроить источники в Битрикс24