1. Как создать карту
  2. Как подключить виджет карта
Раскрыть полностью

Карта — это виджет, интегрирующий интерактивные карты Яндекс и Google, позволяющий пользователям быстро найти местоположение компании.

Карты внешний вид
Внешний вид

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

Как создать карту

Для размещения карты на сайте необходимо предварительно создать её в картографическом сервисе. В данном примере мы рассмотрим процесс создания карты в Яндекс.Картах. Для этого авторизуйтесь в аккаунте Яндекса и перейдите по ссылке https://yandex.ru/map-constructor. Затем нажмите кнопку "Создать карту". В строке "Адрес или объект" введите адрес местоположения вашей компании и нажмите "Найти". Выберите нужный адрес из предложенного списка.

На карте появится всплывающее окно, где можно:

  • Добавить подпись для метки;
  • Указать описание точки (по умолчанию — адрес);
  • Выбрать цвет и тип метки;

карты Яндекс добавить метку
Добавление метки

После настройки параметров метки нажмите "Готово". В левой части экрана укажите название и описание карты, затем нажмите "Сохранить и продолжить".

Интерактивная карта с возможностью прокладки маршрута упрощает клиентам поиск вашего офиса и увеличивает вероятность их визита.

Далее установите параметры отображения карты:

  1. Выберите тип карты: интерактивная.
  2. Укажите высоту карты — 500 пикселей.
  3. Растяните карту по ширине на 100%.

Карты Яндекс код для вставки
Код для вставки

После завершения настроек нажмите "Получить код карты" и скопируйте его. Затем этот код необходимо вставить в настройках виджета карт в Neiros.

Как подключить виджет карта

Чтобы добавить карту на сайт, откройте раздел "Виджеты" → "Карта" и нажмите "Подключить".

Карта подключение
Подключение

Для подключения карты на сайте перейдите в "Основные настройки" и вставьте в поле "Код для карты" JavaScript-код, который загружает API картографического сервиса.

Карта добавление кода
Добавление кода

JavaScript-код предоставляется сервисами карт, такими как Яндекс.Карты, Google Maps или 2ГИС.

Настройте внешний вид карты, выбрав цветовую схему, соответствующую стилю вашего сайта.

Карты цвет виджета
Цвет виджета

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

На этом настройка виджета "Карта" завершена✅. Теперь посетители сайта смогут быстро находить вашу компанию, что повысит удобство пользователей и увеличит поток клиентов. 🚀

Нашли ошибку в тексте? Выделите нужный фрагмент и нажмите ctrl + enter

Комментарии Диплинки

Есть вопросы?

Спросите техподдержку в чате на сайте, мы всегда рады помочь вам. Работаем 24 часа 7 дней в неделю.

Задать вопрос