Узнайте, как мы сделали сайт, где маркетолог без программиста создает страницы услуг и решает SEO-задачи с помощью блочного редактора
Некоторое время назад мы разработали сайт для тату салона Tattoo Times. Сайт достаточно типовой, но была одна интересная задача, рассказываем далее.
Задача: маркетологу нужно иметь возможность в админ панели сайта создавать и менять страницы услуг с различной структурой, не прибегая к помощи программиста.
Решение: использовали модуль «блочный редактор» внутри админ панели.
Как мы реализовали это решение
Сначала наша команда провела анализ текущей структуры сайта и страниц услуг, чтобы понять, какие блоки встречаются чаще всего и какие элементы должны быть гибко настраиваемыми. Мы выделили ключевые типы контента: текстовые блоки, формы обратной связи, галереи работ, отзывы, карточки мастеров.
Далее мы спроектировали интерфейс редактирования внутри стандартного элемента инфоблока Битрикс. Создали отдельную вкладку «Блоки», где маркетолог может видеть список доступных блоков и управлять ими. Каждый блок был заранее сверстан и подготовлен для динамического наполнения контентом через админ панель.
Как это выглядит внутри админ панели:
Этапы реализации:
- Настроили добавление новых блоков с возможностью выбора типа блока из заранее подготовленного списка.
- Реализовали редактирование контента внутри каждого блока: текст, изображения, ссылки, видео.
- Настроили функцию перемещения блоков по странице методом drag-and-drop, чтобы маркетолог мог легко менять порядок элементов.
- Добавили возможность удаления блоков и отмены изменений без потери данных.
- Обеспечили сохранение всех изменений и синхронизацию с публичной частью сайта, чтобы после редактирования маркетолог мог сразу видеть результат.
Т.е. внутри стандартного элемента инфоблока мы добавили вкладку «Блоки» и там уже дали возможность добавлять, наполнять, корректировать, перемещать, удалять типовые блоки на странице услуги, которые мы заранее отрисовали и сверстали.
Это может быть текстовый блок, блок — форма обратной связи, блок с галереей работ, блок отзывов, блок мастера тату и другие.
Вот так выглядит добавление новых блоков внутри админ. панели:
После добавления и заполнения нужных блоков, можно сохранить изменения и посмотреть, как они отобразились в публичной части сайта.
На этом этапе мы провели тестирование на разных страницах и проверили корректность отображения блоков на мобильных устройствах и десктопах.
Сейчас все услуги добавлены на сайт и корректируются с помощью данного блочного редактора.
Также с помощью данного модуля была решена SEO-задача: созданы каталоги тату, для привлечения потенциальных клиентов, которые начинают поиск с выбора рисунка/эскиза тату.
Для решения этой SEO-задачи мы проанализировали ключевые запросы, подготовили структуру каталогов и настроили автоматическое формирование страниц на основе выбранного блока «галерея работ».
Заказчик остался так доволен возможностями данного редактора, что решил все свои другие сайты перевести также на него.