Блистро × Tilda × Ozon Доставка

Ozon Доставка в корзине Tilda

Покупатель выбирает пункт выдачи Ozon прямо в корзине вашего сайта: по адресу, на карте или рядом с собой. Стоимость доставки сразу попадает в итог заказа. Подключение — около 15 минут, без программиста.

Посмотреть демо-магазин Подключить в кабинете Блистро
92 000+пунктов Ozon по России
15 минутна настройку корзины
0 ₽за демо-режим

Что получает покупатель

Под вариантом «Ozon Доставка» в стандартной корзине Tilda появляется панель выбора пункта. Остальные способы доставки работают как раньше.

Подсказки адреса

Начинает вводить «мск вавил» — видит подходящие адреса пунктов.

Рядом со мной

Одна кнопка — и ближайшие пункты с расстоянием до каждого.

Карта пунктов

Двигает карту — пункты подгружаются вокруг. Выбор кликом по метке.

Цена в корзине

Стоимость и срок Ozon сразу в итоге заказа, без ручного пересчёта.

Три режима

Начните с демо — увидите виджет на своём сайте за пару минут. Подключите Ozon Доставку, когда будете готовы.

demo

Показ

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

test

Проверка

Реальный расчёт Ozon по вашим ключам, весам и коробке. Отправления не создаются.

live

Боевой

Включаем после успешного тестового заказа. Код выдаёт кабинет Блистро.

Подключение по шагам

Шаги 1–2 — в кабинете Блистро, шаги 3–6 — в редакторе Tilda.

1

Кабинет Блистро и ключи Ozon Доставки

app.popso.ru → Мои магазины → Подключить сайт
  • Создайте подключение сайта и внесите Client ID и Client Secret приложения Ozon Доставки (кабинет Ozon Доставки → «Управление приватными приложениями»).
  • Укажите способ отправки до ПВЗ, размер коробки и домен сайта.

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

2

Вес товаров

В том же разделе заполните вес в граммах для каждого артикула. Ozon считает доставку по весу, без него вариант Ozon покупателю не предлагается.

3

Артикулы товаров в Tilda

Каталог Tilda → товар → «Артикул» · блок ST300 → Контент → карточка → «Подзаголовок или артикул»

Артикул в Tilda должен совпадать с артикулом в кабинете Блистро — по нему находится вес.

4

Вариант «Ozon Доставка» в корзине

Блок ST100 → Контент → Поля для ввода → Добавить поле → «Варианты доставки»

Добавьте вариант с ценой 0 к своим способам доставки — настоящую цену подставит виджет.

варианты доставки
Самовывоз = 0
Ozon Доставка = 0

Важно: вариант должен начинаться со слов «Ozon Доставка». В форме корзины нужно поле «Телефон» — Ozon проверяет номер получателя.

5

Скрытые поля

Там же → Добавить поле → «Скрытое поле» (5 раз)

В них попадут пункт выдачи, цена и ключ расчёта — они придут вместе с заявкой.

имена переменных
ozon_pvz_id
ozon_pvz_address
ozon_selection_token
ozon_delivery_price
ozon_mode
6

Код виджета

Настройки сайта → Ещё → HTML-код для вставки внутрь HEAD · или блок T123 на странице с корзиной

Для показа вставьте демо-код. После шагов 1–2 замените его персональным кодом из кабинета Блистро.

демо-код
<script>
  window.BlistroDeliveryConfig = {
    mode: "demo",
    optionName: "Ozon Доставка"
  };
</script>
<script src="https://app.popso.ru/static/widget/blistro-delivery.js?v=0.4.2" defer></script>

Опубликуйте сайт и проверяйте на опубликованной странице — в редакторе Tilda код не выполняется.

Если что-то не так

Чаще всего дело в названии варианта доставки или в артикулах.

Что видноЧто сделать
Под «Ozon Доставка» нет панели выбора пунктаОткройте опубликованный сайт, а не редактор. Проверьте, что вариант начинается со слов «Ozon Доставка», а код вставлен в HEAD или T123.
Вариант «Ozon Доставка» серыйВиджет не смог записать цену в корзину. Напишите в поддержку Блистро — подстроим под вашу корзину.
«У товара … нет артикула»Заполните артикул товара в Tilda (шаг 3).
«Магазину нужно указать вес товаров»Заполните вес артикула в кабинете Блистро (шаг 2).
«Сайт не указан в настройках интеграции»Добавьте домен сайта в кабинете Блистро.
«Укажите телефон…»Покупатель вводит телефон в форме до выбора пункта — это нужно для расчёта Ozon.

Попробуйте на своём сайте

Демо-код работает сразу, без ключей и договора.

Открыть демо Кабинет Блистро
Made on
Tilda