Настройка витрины магазина

1. В левом боковом меню панели администратора нажмите Витрина. Откроется раздел с пятью вкладками:

Внешний вид - Тема, цвета, логотип и настройки каталога
Названия разделов - Переименование стандартных разделов магазина
Баннеры - Рекламные и информационные блоки на витрине
Новости - Публикации и объявления для покупателей
Термины - Пользовательское соглашение и юридические тексты

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

Логотип и название

Логотип - Изображение в шапке магазина. Формат: PNG, JPG или WebP. Размер: до 2 МБ. Рекомендуемое соотношение сторон 1:1

Название магазина - Текст, который покупатель видит в шапке (например, «Цветы»)

Показывать логотип - Переключатель: показывать логотип рядом с названием или скрыть

Настройки каталога

Группировать варианты - Объединяет варианты товара (цвет, размер) в одну карточку. Если выключено — каждый вариант показывается отдельной карточкой

Превью вариантов - Показывает миниатюры вариантов (кружочки с цветом или картинкой) прямо в каталоге, без открытия карточки. Работает только вместе с «Группировать варианты»

Диапазон цен «от X» - Вместо конкретной цены показывает «от 1 200 ₽», если у вариантов разная цена. Работает только вместе с «Группировать варианты»

Тема и цвета

Выберите тему оформления: Светлая или Тёмная. Тема определяет фон страницы и стиль карточек товаров, которые будут показаны покупателю в зависимости от темы на его устройстве.

Ниже расположены настройки цветов. Цвета задаются в формате HEX (например,#FF5107). Если вы не знакомы с этим форматом, воспользуйтесь любым онлайн-подборщиком цветов — достаточно скопировать код.

Переключатель Добавить в заказ управляет видимостью кнопки добавления товара в корзину на карточке.

После настройки нажмите Сохранить.

2. Вкладка Названия разделов позволяет переименовать стандартные страницы магазина под вашу нишу. Эти подписи используются в шапке и на страницах витрины.

Если ваш магазин продаёт услуги (например, салон красоты), раздел «Брони» логичнее назвать «Записи» или «Визиты».

3. Баннеры — это блоки на витрине, которые привлекают внимание покупателей: акции, скидки, новые коллекции.

Управление баннерами находится на вкладке Баннеры.

У каждого баннера видны:

• Заголовок и подзаголовок
• Тип (информационный, рекламный, контакты, реферальный, системный)
• Позиция и приоритет
• Переключатель включения/выключения

Чтобы отредактировать баннер, нажмите на него или на иконку с тремя точками справа.

При первом входе вы увидите два системных баннера:

• Реферальный — приглашение друга за бонус (выключен по умолчанию)
• Контакты — блок с контактной информацией магазина (выключен по умолчанию)

Создание баннера

1. Нажмите кнопку Добавить в правом верхнем углу.
2. Заполните форму «Создать баннер»:

Блок «Основное»

Тип:
- Информационный — текстовый блок с фоном.

• Рекламный — блок с кнопкой действия.

Позиции: Где показывать баннер. Можно выбрать несколько мест одновременно

Заголовок: Крупный текст баннера (например, «Скидка 20%»)

Подзаголовок: Пояснение под заголовком (например, «На все цветы по четвергам»)

Блок «Оформление»

Фоновое изображение:
Картинка-фон баннера. Формат: любой графический. Размер: до 10 МБ

Цвет фона:
Фон баннера, если не загружена картинка (по умолчанию #222 — тёмно-серый)

Приоритет: Порядок показа среди других баннеров. Чем больше число, тем выше баннер. Например: 100 — первый, 90 — второй, 0 — последний

Блок «Ссылка»

URL, на который попадёт покупатель при нажатии на баннер. Можно указать относительный путь (например, /product/15) или полный URL. Если оставить пустым, баннер будет некликабельным

Чтобы баннер вёл на конкретный товар:

1. Откройте витрину магазина в новой вкладке браузера.
2. Перейдите на страницу нужного товара.
3. Скопируйте часть адреса после домена — например, /product/15.
4. Вставьте её в поле Переход при клике в форме баннера.

Совет

Используйте относительные ссылки (начинающиеся с /), а не полные URL. Так баннер будет работать корректно, даже если домен магазина изменится.

Блок «Показ»

Начало показа: Дата, с которой баннер появится на витрине. Если не задано — сразу

Конец показа: Дата, после которой баннер скроется. Если не задано — бессрочно

Включён: Переключатель видимости. Выключенный баннер не показывается покупателям

4. Блок «Контакты» — это системный баннер, который показывает покупателям телефон, email и адрес магазина.

Как настроить:

1. Перейдите на вкладку Баннеры.
2. Найдите баннер с меткой КОНТАКТЫ / СИСТЕМНЫЙ.
3. Включите его переключателем справа.

Обратите внимание

Если контактные данные не заполнены, рядом с баннером появится предупреждение «БЕЗ КОНТАКТОВ» — баннер не покажется покупателям, пока вы не заполните хотя бы одно поле.

4. Нажмите на баннер, чтобы открыть его для редактирования.
5. Прокрутите до блока Контакты и заполните поля:

Телефон - Номер телефона в формате +7 (XXX) XXX-XX-XX
Email - Адрес электронной почты для связи
Адрес - Физический адрес магазина. Начните вводить — система подберёт адрес автоматически и покажет точку на карте

Кнопка Заполнить из настроек магазина подтянет данные, если они уже указаны в разделе «Настройки магазина». Это удобно, чтобы не вводить одно и то же дважды.

6. Нажмите Сохранить.

Совет

Заполните хотя бы телефон и город. Покупатели чаще доверяют магазинам, у которых указаны контактные данные.

5. Новости — это публикации на витрине магазина: объявления, акции, поздравления. Покупатели видят их в отдельном разделе.

Как создать новость:

1. Перейдите на вкладку Новости.
2. Нажмите кнопку Добавить в правом верхнем углу.
3. Заполните форму:

Заголовок  - Название новости. До 150 символов
Тело новости - Текст публикации. Поддерживает HTML-разметку — можно добавлять жирный текст, ссылки, списки.

Нажмите Превью, чтобы проверить результат

Начало - Дата, с которой новость станет видна. Если не задано — сразу после создания
Окончание - Дата, после которой новость скроется. Если не задано — бессрочно

4.Нажмите Создать.

Новость появится в списке. Если срок действия не задан, рядом будет пометка «Без срока».

Совет

Для временных акций всегда указывайте дату окончания. Так устаревшие новости скроются автоматически, и вам не придётся удалять их вручную.

6. Вкладка Термины позволяет переписать стандартные фразы под вашу специфику.