Многие интернет-магазины в городах своего присутствия сталкиваются со сложной ценовой политикой доставки: множество районов, разнообразные цены — легко запутаться. Оптимальным UX-решением в такой ситуации является отображение цен на карте. В этой статье мы расскажем, как быстро и просто создать удобную и наглядную карту зон доставки.
Сервис Яндекс.Карты предоставляет удобные инструменты для зонирования карт с возможностью добавления комментариев к каждой зоне. Важно отметить, что для создания такой карты не требуется привлекать программиста. Его помощь может понадобиться лишь на финальном этапе — для вставки кода на страницу сайта или конструктора сайтов, что займет не более 10 минут.
Итак, чтобы создать карту, выполните следующие шаги:
- Перейдите в «Конструктор карт Яндекса», авторизуйтесь и нажмите «Создать новую карту».
- Выберите инструмент «Многоугольники» и отметьте точки, обозначающие границы области. Да, вам придется отрисовать все области вручную. Хотя в основной версии Яндекс.Карт отображаются границы областей, в «Конструкторе» при поиске района они не показываются. Поэтому откройте на одном экране Яндекс.Карты, на другом — «Конструктор» и перерисуйте границы.
- Настройте созданный многоугольник: измените цвет и прозрачность заливки, цвет и толщину границ, а также добавьте комментарий. После завершения нажмите «Готово».
- После разметки всех зон нажмите «Сохранить и продолжить». Установите размер и выберите видимую область — тот фрагмент карты, который будет отображаться на странице сайта по умолчанию. Карту можно редактировать в любое время, даже после установки кода на сайт. При этом сам код менять не нужно; все изменения отобразятся сразу после сохранения.
- Нажмите «Получить код карты». Обычно генерируется код с тегом <iframe>. Если на карте нужно внести изменения (добавить метку, изменить визуальное оформление и т.д.), возьмите код JavaScript и обсудите с разработчиком необходимые доработки.
Готово! Карта размещена на вашем сайте, пользователи довольны, а уровень UX — на высоте при минимальных затратах времени.
В агентстве Clover IT мы успешно помогаем интернет-магазинам в SEO-продвижении. Наш опыт и профессионализм позволяют увеличить видимость вашего магазина в поисковых системах и привлечь больше клиентов. Закажите услугу у нас, и мы обеспечим рост вашего бизнеса и укрепление позиций на рынке.