Стоимость доставки в карточке товара Shop-Script

Как настроить доставку в карточке товара

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

1. Установите и включите плагин

1. В административной части Webasyst откройте «Инсталлер», найдите «Доставка в карточке товара» и установите плагин.
2. Перейдите в Shop-Script → «Плагины» и выберите «Доставка в карточке товара».
3. На вкладке «Основные настройки» отметьте «Включить предварительный расчёт доставки».
4. В поле «Место вывода» выберите положение блока. Для начала подойдёт «Около кнопки покупки».
5. Нажмите кнопку сохранения настроек и откройте карточку товара на витрине. Если блок не появился, проверьте вывод хука темой или перейдите к разделу о ручном размещении ниже.

2. Настройте определение города

1. В разделе «Выбор города» укажите «Страна по умолчанию» и при необходимости «Регион по умолчанию».
2. В поле «Город по умолчанию» укажите город для первоначального расчёта. Если хотите, чтобы посетитель выбрал его сам при отсутствии других данных, оставьте поле пустым.
3. В поле «Источник города» выберите «Не использовать другой плагин», если в магазине нет отдельного плагина выбора города.
4. Если используете установленный и включённый cityselect или «SEO-регионы», выберите соответствующий источник. Плагин возьмёт город из него, если город уже выбран.
5. При необходимости включите автоопределение Sypex Geo. До включения учтите передачу IP-адреса внешнему сервису в политике конфиденциальности магазина.
6. Если подключена DaData, подсказки помогают выбрать город и могут заполнить регион и индекс. Точный индекс получателя уточняется при оформлении заказа.
7. Сохраните настройки. Приоритет такой: город, выбранный покупателем в виджете; затем город стороннего плагина; затем автоопределение, если оно включено; затем город по умолчанию.

3. Выберите способы доставки

1. Откройте вкладку «Настройка способов доставки».
2. В таблице отметьте галочками службы, которые должны участвовать в предварительном расчёте.
3. В столбце «Группа» для обычных служб сначала оставьте «Автоматически»: плагин определит группу по данным тарифа.
4. Для доставки из собственных магазинов выберите «Самовывоз», для грузового перевозчика — «Транспортная компания». Не назначайте грузовую группу обычной курьерской службе.
5. При необходимости для отдельной службы выберите загрузку собственной иконки и укажите файл PNG, JPEG или WebP. Ограничение — до 1 МБ и 1024 × 1024 пикселей.
6. Сохраните настройки. Если службы нет в таблице, сначала установите и включите соответствующий способ доставки в Shop-Script.

4. Настройте карту пунктов выдачи

1. В общих настройках Webasyst выберите Яндекс.Карты и настройте ключ карт. В настройках этого плагина отдельное поле ключа не требуется.
2. Убедитесь, что у выбранной службы есть доступные пункты выдачи для проверяемого направления.
3. На витрине откройте карточку товара и нажмите на блок доставки, чтобы открыть подробности.
4. Выберите пункт выдачи и проверьте список и карту. Пункты без координат могут оставаться в списке, но не отображаться на карте.
5. Попробуйте поиск по адресу и фильтры служб. Проверьте адрес, график и стоимость выбранного пункта.

5. Настройте внешний вид

1. Откройте вкладку «Стилизация».
2. В поле «Оформление карточек доставки» выберите вид вариантов внутри открывающегося окна: компактные карточки, строки без рамок или акцент на сроке.
3. В разделе «Блок в карточке товара» выберите «Вариант оформления»: «Две строки» или «Таблица». Этот выбор действует на блок товара и настраивается отдельно от окна доставки.
4. При необходимости заполните «Заголовок блока». Если заголовок не нужен, оставьте поле пустым.
5. Проверьте формат даты, подписи типов доставки, кнопку пересчёта, текст подсказки, цвета и размеры. Пустые названия типов возвращают стандартные подписи.
6. Для иконок типов доставки можно оставить стандартные изображения или загрузить свои. Иконки отдельных служб в окне настраиваются отдельно на вкладке способов доставки.
7. В блоке «Предпросмотр» переключите «Экран предпросмотра» между компьютером и телефоном. Затем сохраните настройки и проверьте реальную карточку товара на обоих устройствах.

6. Ручное размещение в теме

1. Если автоматическое место не подходит или тема не выводит нужный хук, выберите «Ручное размещение» в поле «Место вывода» и сохраните настройки.
2. Откройте редактор дизайна Webasyst и найдите шаблон карточки товара вашей темы.
3. Скопируйте код ручной вставки, который показан в настройках плагина, и разместите его в нужном месте шаблона, где доступен объект товара.
4. Сохраните шаблон и откройте несколько карточек товаров, чтобы проверить расположение блока. Если вы не работаете с шаблонами, поручите этот шаг разработчику темы.

7. Проверьте расчёт на витрине

1. Откройте товар с заполненными весом и габаритами. Убедитесь, что товар доступен и у службы доставки есть тариф для него.
2. Выберите город и проверьте, появились ли стоимость и сроки. Измените количество или артикул и убедитесь, что расчёт обновился.
3. Откройте подробности, проверьте курьера, самовывоз или ПВЗ и сравните данные с настройками соответствующей службы.
4. Повторите проверку на телефоне и для другого города. Состав заказа, скидки, способ оплаты и точный адрес могут изменить окончательную стоимость на этапе оформления.

Если блок или тарифы не появились

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

Нет тарифа нужной службы. Проверьте, включены ли служба в Shop-Script и в настройках плагина, подходит ли направление, заполнены ли вес и размеры товара. Ответ зависит от настроек и возможностей самой службы.

Нет точек на карте. Проверьте Яндекс.Карты и ключ Webasyst, выбранный город и наличие координат у пунктов. Точки без координат могут отображаться только в списке.

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