Список точек продаж с привязкой к городу

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

Внимание!

Данный функционал доступен с версии 11.5.0 и выше. Если Ваш магазин версии ниже, предварительно обновите магазин до актуальной версии.

Сначала вам потребуется создать карту и отметить на ней точки продаж. Чтобы создать карту, перейдите в Конструктор Яндекс.Карт и нажмите "Создать карту".

Найдите на карте нужный город и проставьте на ней ваши точки продаж (рис. 1).

Рисунок 1.

Когда все точки продаж будут добавлены, нажмите на кнопку "Сохранить и продолжить" под списком точек, чтобы перейти к формированию ссылок и iFrame-блоков. Передвиньте активное окно на карте так, как оно должно показываться покупателям, и нажмите на кнопку "Получить код карты" (рис. 2).

Рисунок 2.

В появившемся окошке переключитесь на "iframe" и скопируйте его содержимое (рис. 3).

Рисунок 3.

После этого переключитесь на "Статическую карту" и нажмите на кнопку "Получить код карты" (рис. 4).

Рисунок 4.

Скопируйте и сохраните код - его потребуется немного отредактировать перед добавлением в настройках магазина. Из всего кода вам потребуется только ссылка на изображение вида "https://api-maps.yandex.ru/services/constructor/1.0/static/?um=constructor...lang=ru_RU".

Теперь, когда все данные сохранены, можно приступить к настройкам на стороне интернет-магазина.

Перейдите в раздел "Настройки - Системные настройки (рис. 5) - Города и страны" и найдите город, для которого планируется создать карту с точками продаж.

Рисунок 5.

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

Рисунок 6.

В открывшемся окне разверните "Дополнительные настройки" (рис. 7). По нажатии на кнопку, станут доступны для редактирования следующие поля:

Рисунок 7.

Cсылка на png картинку с точками адресов - в нем разместите ссылку на изображение, которую получили из кода статической карты.

Iframe с точками адресов - в это поле вставьте сохраненный код iFrame.

Для города можно также задать свою зону доставки. Создать её можно аналогичным образом, как карту с точками продаж (рис. 1-4), только вместо инструмента "Метки" на карте нужно будет использовать "Многоугольники" (рис. 8).

Рисунок 8.

Сохранить карту с зонами доставки потребуется в том же формате, и разместить сохраненные данные в полях "Cсылка на png картинку с зонами доставки" и "Iframe с зоной доставки", соответственно.

Если все настроено верно, карты с зоной доставки и точками продаж отобразятся в разделе "Контакты" (рис. 10).

Рисунок 10.

Ознакомиться с тем, как настроить метод доставки по зонам, можно в отдельной инструкции - Доставка по зонам.

Все готово. Мы рассмотрели, как настроить точки продаж и зоны доставки с привязкой к городам.