В статье разберем, как в elementor добавить яндекс карту, как создать карту для сайта с помощью сервиса и встроить ее с помощью визуального конструктора страниц.
Как создать яндекс карту для сайта
Для начала необходимо перейти в сервис яндекса «Конструктор яндекс карт«. На главной странице заполните всю необходимую информацию, задайте название, укажите адрес местонахождение вашей фирмы. Подробнее смотрите картинку.
После того когда вы укажете ваше местонахождение, появиться окно (если нет то нажмите на иконку на карте для редактирования) в нем необходимо указать метку, выбрать иконку, задать цвет. Далее нажмите кнопку сохранить и продолжить.
Далее необходимо задать размеры карты в пикселях. Важный момент, как вы зададите настройки карты так они и будут отображаться на сайте. Можете отредактировать в ручную мышкой, колесиком можно приблизить и уменьшить размер, по желанию можете поставить галочку растянуть по ширине. После всех настроек нажмите на кнопку «получить код карты». Более подробно смотрите видео внизу статьи.
Следующий шаг, вам необходимо скопировать полученный код и вставить его на сайт с помощью elementor, виджет html код.
Как вставить полученный код на сайт с помощью elementor
На первом этапе мы создали карту для сайта и получили код, теперь его необходимо вставить на сайт с помощью elementor. Выбираете необходимую страницу вашего сайта куда необходимо внедрить карту, добавьте новую секцию перетащите в нее виджет «Html-код». Далее вставьте ранее скопированный код и нажмите кнопку обновить. Ваша карта готова.
