Услуги

  • Сайты

  • Контент

  • Продвижение

  • Битрикс24

Все услуги
Все услуги

Поиск

  • Разработка интернет-магазина под ключ
  • Разработка сайтов
  • Разработка леднигов
  • Разработка на битрикс24
  • Разработка на Вордпресс

Разработка интерактивной карты доставки для сайта

О задаче: создание карты доставки продукции для сайта

Наш клиент – оптовая компания “Оптика Нева”, – обратилась к специалистам Webnauts с задачей по разработке интерактивной карты доставки товаров по СПб и пригородам. Техническое задание по этой задаче мы приводим в неизменном виде ниже  (нажмите на кнопку, чтобы развернуть ТЗ).

Цель

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

Описание задачи

На сайте на странице «Условия работы» подключить Яндекс.Карту, на которой будет обозначена граница города Санкт-Петербурга, внутри которой будет действовать Первая зона доставки (определенная стоимость). Граница проходит по КАД с севера, востока и юга и ограничена ЗСД и Финским заливом с запада.

Функционал карты

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

Параметры расчёта стоимости

1) Зелёная зона 1
Если точка выбрана внутри границы города (красной границы) — то выводится сообщение: «При сумме заказа до 3000 рублей — стоимость доставки составит 300 рублей (включается в счет). При сумме заказа от 3000 рублей — доставка бесплатно!»

2) Фиолетовая зона 2
Если выбрана точка за пределами границы города — то скрипт рассчитывает ближайший путь до точки доставки — от ближайшей точки съезда с КАД. То есть скрипт рассчитывает именно ближайший путь по дорогам, а не напрямик — по лесам, полям и болотам =) Рассчитывается кол-во километров, и на основе этого — стоимость доставки. 1 км = 35 рублей (стоимость пути в оба конца).

Например, пользователь выбрал точку доставки в районе города Петергоф. Расстояние от ближайшей точки съезда с КАДа на западной границе города до точки в районе Петергофа — 11 км. В этом случае стоимость рассчитывается по формуле: 300 руб. + (11 км * 35 руб.) — если сумма заказа до 3000 руб, — или просто 11 км * 35 руб. — если сумма от 3000 руб. И выводится сообщение: «Расстояние от КАД составляет: 11 километров: При сумме заказа до 3000 рублей — стоимость доставки составит 685 рублей (включается в счет). При сумме заказа от 3000 рублей — доставка 385 рублей«.

3) Поправка к пункту 2 (зона 3):
Если расстояние от КАД до точки доставки составляет более 20 километров, то скрипт выводит сообщение: «Расстояние от КАД составляет N километров: возможность доставки необходимо согласовать с нашим менеджером».

Референсы

В общем и целом, как пример можно взять такую карту на сайте https://www.afonya-spb.ru/p/dostavka/. Только у них доставка рассчитывается на неограниченное кол-во километров — хоть в Улан-Батор, а у нас — есть ограничение в 20 км от границы города.

Что получилось: интерактивная карта доставки

Ниже Вы сможете посмотреть на результат разработки карты доставки товаров для сайта онлайн – так, как он представлен на странице заказчика. Попробуйте проложить маршрут доставки и просчитать её стоимость для разных населенных пунктов пригорода СПб:

Прокладываем маршрут %

Результаты

Доработка, о которой мы рассказали в сегодняшнем кейсе, важна для компаний, которые развозят заказы по городу и за его пределы, а стоимость таких услуг напрямую зависит от протяженности маршрута (удаленности пункта назначения от склада / магазина).

Подобные решения могут быть очень полезны и в других сферах бизнеса. Так, например, неоценимой для конверсии сайта может быть:

  • разработка карты доставки пиццы, суши, бургеров и другой еды на вынос из кафе, ресторана, кафе, пиццерии, суши-бара и т.д.;
  • создание онлайн-калькулятора стоимости доставки для транспортной компании, грузоперевозчика;
  • разработка калькулятора для подсчета стоимости поездки для такси, таксопарка;
  • …а также другие варианты применения.

Хотите обсудить проект?

Оставьте ваш номер телефона и наш менеджер свяжется с вами в ближайшее время