Перед настройкой
Выберите нужный магазин и убедитесь, что подключён нынешний виджет. Старые записи в разделе «Виджеты» имеют другой набор возможностей. Если каталог ещё не загружен, пустой предпросмотр не доказывает неисправность оформления: сначала проверьте каталог.
Подготовьте фирменный цвет, читаемое сочетание фона и текста и небольшой логотип. Учитывайте шапку, cookie-баннер и другие плавающие кнопки магазина. Встроенный предпросмотр полезен для дизайна, но не заменяет проверку вашей темы на реальном сайте.
Основные настройки нынешнего виджета
- Откройте «Внешний вид». В «Как открывается» выберите «Выпадающий», «На весь экран» или «В странице».
- В «Цвета и форма» настройте «Основной цвет», «Фон», «Текст», «Скругление», «Тема» и «Шрифт».
- В «Что показывать на карточке» включите нужные элементы: «Наличие», «Скидку», «Кнопку “В корзину”», «Метки (хит, новинка)».
- Переключите предпросмотр между «Десктоп» и «Телефон». Проверьте длинное название, старую цену и карточку без изображения.
- Нажмите «Сохранить». После подтверждения проверьте магазин отдельно: интерфейс сообщает, что обновление появится в течение минуты.
| Поле | Что можно задать | Что проверить |
|---|---|---|
| Скругление | Ползунок от 0 до 24 | Соответствие кнопкам магазина |
| Тема | Как на сайте, светлая, тёмная | Контраст в обеих темах |
| Шрифт | Название семейства | Доступность шрифта на сайте |
| Логотип в поиске | JPG, PNG, WEBP, SVG до 300 КБ | Читаемость в шапке открытого поиска |
Кнопка корзины только разрешает её показ. Она не создаёт обработчик корзины вашего магазина. Если товар не появляется в настоящей корзине, настройте интеграцию корзины, а не цвет кнопки.
Экран кабинета показывает расположение настроек, а не готовое оформление на вашем сайте.
Пока покупатель не начал печатать
В одноимённом блоке есть колонки «Компьютер» и «Телефон». Для каждой отдельно доступны «Недавние запросы покупателя», «Что ищут чаще всего», «Подборка товаров» и «Кнопка “Спросить консультанта”».
- Оставьте на телефоне только полезные блоки, чтобы они не отодвигали товары слишком далеко.
- Включив подборку, заполните «Запрос для подборки» и «Сколько товаров» от 2 до 8.
- Проверьте этот запрос вручную. Например, «наушники» имеет смысл только при наличии такого ассортимента.
- Если запрос пустой, интерфейс описывает подборку как товары с высокой оценкой, которые есть в наличии. Не называйте её подтверждёнными бестселлерами.
Недавние запросы зависят от истории конкретного покупателя и режима согласия на отслеживание. Их отсутствие у нового посетителя ожидаемо.
Подписи и стили
Раскройте «Свои надписи», найдите нужную строку через «Найти надпись…» и измените только необходимое. Пустое поле сохраняет стандартный текст. Например, подсказка «Артикул или название товара» объясняет допустимый ввод лучше рекламного лозунга.
«Свои стили» предназначены для точной подгонки внутри виджета. Интерфейс запрещает @import, expression() и ссылки на чужие адреса. Для ширины и расположения внешнего контейнера используйте стили сайта. Не вставляйте код аналитики или загрузку шрифтов в это поле.
Старые виджеты: отдельная форма
В «Виджеты → Настроить» версии v1/v2 позволяют менять историю поиска, категории товаров, кнопку «все результаты» и оформление строки. Бренды и язык подписей доступны v1. У v3 оформление и списки здесь не настраиваются. Изменения старого бандла могут появляться в течение пяти минут.
Для кнопки всех результатов поле «Адрес страницы поиска на вашем сайте» принимает шаблон вроде https://shop.example/search?q={query}. Это отличается от настройки нынешнего виджета. Не переносите старые параметры в новый код наугад.
Если результат отличается
Несохранённый предпросмотр не публикует изменения покупателям. После ошибки сохранения проверьте сообщение и повторите действие; не считайте черновик подтверждением. Если магазин выглядит иначе, проверьте выбранный магазин, версию загрузчика, кэш и атрибуты подключения. Изменяйте по одному параметру и проверяйте поиск, закрытие панели и корзину после каждого существенного изменения.
Связанные статьи: встраивание, поиск, ограничения и безопасность, все статьи.