Как добавить Яндекс карту на сайт

Количество просмотров: 
Отправим материал Вам на почту
Заполняя любую форму на сайте, вы соглашаетесь с политикой конфиденциальности

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

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

Как вставить?

Для этого потребуется получить код, вставить его на ресурс. При этом не важно, какой платформой вы пользуетесь. Нижеописанный порядок подойдет для порталов на html, WordPress и пр. Основное требование – поддержка скриптов, которую предоставляют практически все платные платформы и множество бесплатных.

Яндекс Конструктор

  • Нажимаем «Создать», выбираем имя и сохраняем изменения.

название карты

  • После нажатия «Продолжить» выбираем тип, размер в пикселях, местоположение, необходимый масштаб.

выбираем область

  • Далее «Получить код».

код карты

Его копируют, после чего переходят на свой сайт и вставляют. Для HTML достаточно вставить его в нужное место.

HTML код

А для CMS WordPress его вставляют в статью, без применения любых плагинов. При этом формат должен быть установлен текстовый.

CMS WordPress

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

виджет в WordPress

Чтобы вывести на экран местоположение, можно использовать поиск. Для этого в поисковую строку конструктора вводят название компании или адрес, нажимают «Найти». Далее производят настройку по желанию.

Для замены имеющейся информации необходимо перейти в раздел CMS «Страницы сайта», перейти в «Контакты» или другую, на которой размещена карта. Ее открывают для редактирования, переходят в «Расширенные настройки страницы», находят в поле «Слайдер» старый адрес и заменяют его новым.

изменение карты

Чтобы получить ширину, соответствующую странице, нужно убрать из кода параметр «width» и число, стоящее за ним. Оно обозначает ширину в пикселях.

Больше интересного и полезного о сайтах и взаимодействии с Яндексом вы можете узнать у нас.

Как перейти с Google на Яндекс
19.04.2022
Чем порадует Яндекс.Маркет
28.03.2022
Компании, которые ушли с российского рынка
23.03.2022
Появились вопросы?

Специалисты компании "Третий Путь" готовы ответить на все ваши вопросы по продвижению сайта, увеличению звонков и заявок на сайте.
Закажи звонок эксперта — мы свяжемся и ответим на все вопросы.