- Для чего нужен сервис Яндекс.Карты
- Как создать карту Яндекс для сайта в конструкторе?
- Как сделать метку, линию и так далее на карте Яндекс?
- Как добавить дополнительные адреса
- Добавление на сайт
- Карта, которую я сделал
- Как добавить компанию в Яндекс.Справочник
- Шаг 1
- Шаг 2
- Шаг 3
- Как смотреть статистику
- Код карты для вставки на сайт
- Создание собственной карты в конструкторе
- Вариант 1: Как сделать схему проезда
- Вариант 2: С несколькими точками
- Как вставить карту Яндекс на сайт
- Типы карт
- Яндекс.Карты, Google Maps и другие конструкторы
- Yandex.Maps
- Goolge Maps
- Mapbox
- Snazzy Maps
- Zeemaps
- Создание карты – инструкция
- Добавление карты на сайт
- Как добавить карту на сайт или на страницу контакты
- Как вставить карту на сайт на WordPress
- Для чего это нужно?
Для чего нужен сервис Яндекс.Карты
Яндекс.Карты необходимы для сайтов, предоставляющих коммерческие услуги. С помощью точки на карте заказчик может найти подробную информацию о местонахождении организации.
Как создать карту Яндекс для сайта в конструкторе?
Сначала проверьте, зарегистрирован ли ваш аккаунт на Яндекс. Если нет, вам придется его запустить. Ничего сложного, вам просто нужно создать почтовый ящик от Яндекс. Если он у вас уже есть, вы можете пропустить этот шаг.
Далее идем к строителю.
Откройте конструктор Яндекс.Карт. Перед пользователем отображается окно навигации. Ниже приведен список ранее созданных карт, которые запомнил Яндекс (созданные текущим аккаунтом). Здесь вы можете увидеть дату и время сохранения, а также название карты. Если пользователь не назовет новый файл, он будет сохранен с именем «Без названия» по умолчанию. Сохранения всегда можно просмотреть двойным щелчком и отредактировать при необходимости.
Выберите один из ранее созданных файлов. Диаграмма открывается с ранее отмеченной позицией. Если вы закончили работу с этим файлом или по ошибке нажали на него, вы всегда можете вернуться в предыдущее окно, нажав на «Список карточек» в правом верхнем углу.
Как сделать метку, линию и так далее на карте Яндекс?
Перейдем непосредственно к созданию нового места. Для начала нажмите «Создать карту».
Откроется план мира, с которым будет работать пользователь. Размер можно изменить колесом мыши или плюсами и минусами на шкале шкалы. Для перемещения зажмите левую кнопку мыши.
Вверху есть строка поиска, где вы можете ввести адрес или название объекта. Вот несколько инструментов, которые помогут вам при редактировании:
- Этикетки: указывают местонахождение офиса;
- Линии: проложите путь к определенному месту;
- Полигоны: отмечает целые территории;
- Пробки — при выборе этой кнопки информация о пробках будет отображаться автоматически.
- Уровни: когда этот параметр установлен, покупатель увидит схематический план или получит фото со спутника.
В том же окне с левой стороны вы можете дать карте имя и краткое описание. Это необязательно, но значительно упростит процесс работы в будущем, когда вы создадите более двух Яндекс.Карт.
Также есть «Список объектов», в который будут занесены все ваши действия. При необходимости с помощью этого списка можно легко вернуться к каждому элементу и изменить данные.
Яндекс.Карты или Яндекс.Навигатор: что выбрать пользователю?
В поле поиска введите адрес компании. В нашем примере мы вводим адрес «улица Ляпидевского, 22, корпус 1». Нажмите «Найти», если внизу появится дополнительное окно с таким же адресом, нажмите его.
Теперь вы можете видеть, что на схеме появилась отметка на желаемом здании. При необходимости выполните масштабирование до подходящего размера.
Значки можно редактировать. Щелкните по одному из них, откроется окно, в котором вы можете ввести необходимое название и описание. Здесь меняются цвет и тип, а в центре добавляется дополнительный значок. Такие изменения позволят не растеряться, когда объектов слишком много.
Если вы случайно создали много ярлыков, их проще удалить через список слева. Нажмите на дополнительные метки, над ними появится окно, выберите «Удалить», и все будет готово.
Затем выберите область с помощью инструмента «Многоугольник». С ним легко работать, просто выберите «Многоугольники» и создайте границу вокруг здания. Нажмите на желаемые углы, линии и формы сформируются сами собой. По завершении нажмите клавишу Enter. Программа завершит рисование, и появится меню. Описание, цвет, прозрачность: все вы создаете на свое усмотрение. Снова нажмите «Полигоны», чтобы отключить этот режим.
А сейчас создадим другую схему для тех, кто будет ходить пешком. Выберите ближайшую точку транспорта: метро или автобусную остановку, либо обе сразу.
Снимите план местности. В нашем случае ближайшая станция метро — Речной вокзал. Нажмите «Линии», и от здания с вашей вывеской проведите предложенный маршрут, нажимая на те же клики. Снова нажмите Enter, в появившемся меню укажите примерное время, необходимое для прогулки, нажмите «Готово» и снова «Линии», чтобы выйти из режима рисования.
Что такое Яндекс Браузер
Как добавить дополнительные адреса
Чтобы добавить больше адресов, повторите те же шаги. Введите адрес, добавьте метку. В дальнейшем, когда вы добавите карту на свой интернет-ресурс, на ней будут отображаться все необходимые надписи.
С покраской мы закончили, осталось настроить уровни. Сделай свой выбор.
Уровни состоят из трех элементов:
- Схема состоит из схематичных квадратов зданий и примерных улиц. Все подписано;
- Спутник — это фотография из космоса. Вид на настоящие дома с деревьями и машинами, но ничего не обозначено и сориентироваться довольно сложно;
- Гибрид: те же спутниковые фото, только с подписями и нарисованными на схеме дорогами. Наиболее удобный вариант для чтения, но очень часто предпочтительнее вариант «Схема»
Затем нажмите кнопку «Сохранить и продолжить» в левой части экрана.
Готово, переходим в режим сохранения. Выделите, перемещая углы, в квадрате все, что должно попадать в область видимости вашей схемы, или установите этот формат в пикселях в пункте «Размер».
Далее «Вставить на сайт», затем выбор: интерактивная или статическая карта. Если вы хотите большей эстетики на сайте, установите флажок «Растянуть по ширине», и тогда узор займет всю ширину справа налево. После нажатия кнопки «Получить код» HTML-код вашей карты появляется в окне рядом с ним, а выше отображаются два формата: JavaScript и iFrame.
IFrame имеет ограничения:
- Карты отображаются только в слое «Схема»
- Только большой масштаб просмотра
- Не все теги HTML работают
JavaScript в изначально заданных настройках не имеет поиска, не может использоваться для отслеживания пути, и режим обзора не отображается. Все это можно дополнительно настроить, зарегистрировав API-ключ в офисе разработчика. Пункт под кодом «Добавить поиск и маршруты на карту» ведет к тому же шкафу.
Выделите весь код и скопируйте его, щелкнув по выделенному правой кнопкой мыши и щелкнув пункт «Копировать» в раскрывающемся меню».
Добавление на сайт
Вы можете вставить код на любой интернет-ресурс в режиме редактирования. Главное, чтобы был подходящий размер карты, иначе на странице появится ссылка и она никуда не приведет. В дизайнерах или визуальных редакторах переключитесь в режим HTML и вставьте код. Вот как выглядит код в редакторе.
Как пользоваться Яндекс Такси
Вот как добавить карту в WordPress. Откройте свой сайт, выберите страницу контактов, отредактируйте страницу. Выберите знак плюса на черном квадрате, во всплывающем окне нажмите «Просмотреть все».
Слева появится огромный список всех функций WordPress, так что не прокручивайте долго, введите HTML в строку поиска и нажмите Custom HTML.
В строке «Написать HTML…» вставьте скопированный код. Нажмите на превью в том же блоке. И вот она, созданная диаграмма со всеми отметками, которые можно увеличивать и перемещать.
Карта, которую я сделал
Вот что у меня получилось после всех сделанных мной настроек:
Этот элемент удобен для всех, а нужные объекты подсвечиваются, а масштаб подбирается так, как положено. Кроме того, сервис Яндекс позволяет пользователю определить свое местоположение (стрелка в левом верхнем углу) и проложить индивидуальный маршрут до нужной точки.
Кнопка в правом верхнем углу в виде двух расходящихся в разные стороны стрелок позволяет развернуть карту на весь экран. Теперь о плагинах.
Как добавить компанию в Яндекс.Справочник
Теперь мы расскажем, что вам нужно, чтобы добавить свою недвижимость в Яндекс.Директорию. Эта функция бесплатна. После публикации организация будет отображаться на общей карте. Чем больше вы заполните информацию о нем, тем больше клиентов узнают о вас.
Шаг 1
Ознакомьтесь с правилами заполнения полей. Затем на странице «Новая организация» введите данные своей компании.
Организации с физическим адресом добавляются следующим образом:
- «Имя» и «Тип бизнеса» — выберите из списка
- В пункте «Есть ли у вас клиентский офис?» отметьте «Да, есть филиал, магазин, офис»
- Теперь введите адрес своей собственности или выберите местоположение на карте самостоятельно.
Примечание! Закрытый Яндекс.Директория:
- Адреса сдаваемых в аренду объектов недвижимости (квартиры, офисы, частные дома)
- Интернет-магазины без фактического адреса или расположенные по адресу владельца. Они обозначены как онлайн-организации.
Алгоритм действий для организаций без фактического адреса, работающих в сети:
- «Имя» и «Тип бизнеса» — выберите из списка
- В пункте «Есть ли у вас клиентский офис?» установите флажок «Нет, у меня интернет-бизнес»
- Зона обслуживания: выберите подходящие регионы. При выборе региона «Россия» система автоматически ставит знак в центре страны: Красноярский край, Эвенкийский район. Не волнуйтесь, ваша организация будет там, где вы ее изначально отметили.
Примечание! Организации без фактического адреса отображаются только в поиске Яндекса. Онлайн-организации не размещаются на Яндекс.Картах.
Шаг 2
Введите свою контактную информацию и подтвердите регистрацию. Модератор позвонит по указанному контактному телефону и сообщит код. Введите его в поле «Подтвердить регистрацию».
После этого данные проходят модерацию. Будьте готовы к тому, что проверка может занять две недели. Если статус вашей заявки не менялся более двух недель, обратитесь в службу поддержки.
Шаг 3
После успешного прохождения модерации заполните все поля информации о вашей организации как можно полнее.
Как смотреть статистику
Перейдите на страницу «Мои организации», в ней нажмите на ссылку в названии компании. Перейдите на вкладку «Информация об организации» и оттуда в раздел «Статистика». Учитывается информация за последние 30 дней.
Основные показатели:
- Запросы по категориям: сервисы Яндекса привязывают поисковые запросы к категориям. Например, запрос «куда пойти» будет связан с записями «Театр», «Кафе» и «Развлекательный центр». Запросы от пользователей, находящихся на расстоянии не более 5 км от вашего объекта, принимаются во внимание.
- Конкурсанты — это организации, которые отметили одинаковые заявки и находятся в пределах 5 км от вас.
- Прямые переходы — пользователь специально искал ваше учреждение и в результате открыл страницу с данными на карте.
- Отслеживание переходов — пользователь искал другое место на диаграмме, но пришел посмотреть ваши данные.
Код карты для вставки на сайт
Наша карта готова и теперь нам нужно получить ее код для встраивания на сайт, Яндекс позволяет:
- интерактивная карта (о которой я говорил с самого начала);
- статический — нормальное изображение, только со сложным кодом, в нем ничего нельзя перемещать, к тому же максимальное количество объектов ограничено;
- распечатанный — файл изображения высокого качества, поддерживаются не все страны, в основном СНГ и Турция, спутниковая и гибридная версии не поддерживаются.
Выбор между ними отобразится сразу после сохранения.
Окончательный размер пикселя устанавливается в том же меню. Вы можете установить его вручную или перемещая углы вокруг выделенной области справа. Флажок «Растянуть по ширине» заставляет карту занимать все пространство сайта, опираясь на края блока, в котором она отображается.
На этом этапе можно вернуться к редактированию карты; в левой верхней части окна есть соответствующая надпись со стрелкой.
Последний код появляется после нажатия кнопки «Получить код карты», мой выглядит так:
При выборе печатной карты будет добавлен выбранный вами формат файла — png или jpg, а кода в результате не будет — вместо этого появится кнопка загрузки. Этот файл также можно вставить на сайт, только вам нужно будет загрузить его на хостинг и, если на вашем сайте нет визуального редактора, вам нужно будет записать изображение в тегах HTML (src)
Создание собственной карты в конструкторе
Ресурсом могут пользоваться только зарегистрированные пользователи, поэтому для работы необходим аккаунт на Яндексе. Затем вы можете пойти к дизайнеру и произвести установку.
Вариант 1: Как сделать схему проезда
Дорожные знаки — удобное указание пути от одного объекта к другому. Здесь же можно указать кратчайший маршрут. Чтобы создать карту Яндекса с легендой:
- Авторизуйтесь в Яндексе, затем зайдите в конструктор. Сразу дайте карточке имя и описание. Поле для заполнения находится в левой части экрана.
- Найдите свое местоположение на карте. Для этого уменьшите масштаб и найдите ближайшую станцию и местоположение вашей организации. Переключитесь на инструмент «Линии».
- Теперь остается только проложить путь от одной точки к другой. Сделайте это так, чтобы клиент мог добраться до места назначения на машине. Нарисовав путь, щелкните последнюю точку. Появится всплывающее меню. В нем нажимаем «Готово».
- Внизу экрана появится блок. В пустом поле введите описание предмета. Этот текст будет виден, когда вы щелкните пункт назначения на карте. Затем нажмите кнопку «Готово».
- Блок слева укажет расстояние от одной точки до другой.
- В левом нижнем углу нажмите кнопку «Сохранить и продолжить». Это действие подтверждает условия лицензионного соглашения.
- Используйте инструмент, чтобы выбрать желаемый масштаб. Переместите углы прямоугольника так, чтобы вы могли видеть не только отмеченный путь, но и обе точки, от которых измерялось расстояние.
- В блоке слева выберите действие, которое нужно выполнить с карточкой: «Вставить на сайт» или «Распечатать». Также здесь можно получить код для встраивания, ссылку на созданный объект или изменить тип карты.
- Если вам нужно экспортировать готовую карту маршрута, нажмите кнопку «Экспорт».
- В новом окне выберите тип файла для сохранения. Выберите удобный формат и нажмите кнопку «Скачать» или «Сохранить на Я.Диск».
- Подождите, пока загрузится схематическая карта, затем откройте загруженный файл. Теперь вы можете использовать его в своих целях. Документ считается авторским, поэтому подходит для размещения на коммерческих ресурсах.
На заметку! Помните, что для тех, кто привык работать исключительно с кнопками, в сервисе есть функция «Горячие клавиши». Вы можете найти его внизу экрана, нажав на вопросительный знак.
Вариант 2: С несколькими точками
Если у вашей организации два офиса или любой другой объект, вам нужно будет создать интерактивную карту с использованием нескольких точек. Чтобы нарисовать карту Яндекса:
- Входим в сервис, создаем карту и описываем ее. Перейдем к инструменту «Места».
- Устанавливаем объект в точное место на карте. Для этого увеличьте его, чтобы были видны номера домов. Аналогичным образом отметьте второй объект на карте.
- В появившемся окне напишите название тега и дайте его описание. Затем нажмите «Сохранить и продолжить». Все остальные действия выполняются как в предыдущей инструкции.
По возможности следует указать разные маршруты к объекту, особенно если в городе несколько организаций.
Как вставить карту Яндекс на сайт
Мы получили код, теперь нам нужно перенести его на наш веб-ресурс. Для размещения подходит любое место, главное, чтобы размер подходил. Если вы используете визуальные конструкторы или редакторы, не забудьте переключиться в текстовый режим (HTML) при вставке кода. Нравится:
Типы карт
Веб-сервис предлагает возможность одновременно создавать разные типы карт:
- Статический. Самый простой вид карты для создания. Конечный результат — изображение PNG. К статическим маршрутам можно добавить только ограниченное количество элементов и объектов;
- Печатный. Выполняется в виде качественного изображения. Его можно сохранить на ПК и отправить в печать;
- Интерактивный. Эту карту можно редактировать в режиме реального времени, а объекты на ней могут перемещаться и изменяться. Удобный вариант для тех, кто намерен проложить маршрут, которым одновременно будут пользоваться несколько человек. Это позволяет вам обмениваться короткими сообщениями и предупреждениями. Кроме того, интерактивные карты можно добавлять на другие сайты.
Обратите внимание, что тип карты выбирается уже на финальном этапе ее создания. Заранее продумайте, какой вариант выбрать. Если вы использовали много маленьких указателей, стрелок и других указателей, лучше сохранить интерактивную карту или версию для печати. Так что сложностей с чтением маршрута не возникнет.
Яндекс.Карты, Google Maps и другие конструкторы
Конструкторов карт действительно много, они немного отличаются по функционалу и интерфейсу, поэтому поговорим о самых популярных.
Yandex.Maps
Конструктор карт Яндекс — один из самых доступных, простых в использовании и популярных конструкторов карт в России.
С помощью этого конструктора вы можете создать полноценную карту для любого нужного вам занятия, будь то «Как привести друзей в свой дом», заканчивая «Как найти свой магазин”.
На карте можно нарисовать:
- теги — входы, места встречи и т д
- линии — дороги, маршруты, границы и т д
- полигоны (в том числе с внутренним контуром) — дома, коттеджные поселки, озера и т д
Кроме того, с помощью этого конструктора вы можете создавать карты трех типов: статические, интерактивные и печатные. Каждый из них выполняет определенную задачу.
Статический — карту, которую можно сохранить как изображение, вы можете разместить ее на своем сайте или поделиться ею с друзьями или клиентами, чтобы они могли найти конечную цель.
Интерактивный: карту, которую можно разместить на сайте или интегрировать в любое приложение (в том числе на мобильные устройства). Каждый пользователь может активно взаимодействовать с ним, выбирать удобный для себя маршрут или ближайшую точку из предложенных вами.
Печатная версия: карту, которая представляет собой печатную версию карты, можно сохранить и распечатать на бумаге.
Если вы хотите использовать более сложные элементы, требуются навыки программирования и умение работать с API Яндекс Карт.
Вот пример того, что не может сделать строитель. Группировка данных:
Goolge Maps
Конструктор карт Google: почти те же функции, что и конструктор Яндекс, но главное отличие здесь в том, что вы добавляете карту Google на сайт.
Этот конструктор позволяет добавлять:
до 10 000 линий, форм или мест;
до 50 000 точек (в линиях и формах);
до 20 000 ячеек таблицы данных.
Также на любую карту вы можете добавить свои места, такие как рестораны, отели, музеи и другие общественные места для удобства использования.
С помощью этого конструктора, как и в случае с Яндексом, вы можете добавить интерактивную карту Google на свой сайт, что будет очень удобно для любого потенциального покупателя или вашего друга, чтобы отправить ее.
Mapbox
Конструктор карт Mapbox идеально подходит для тех, кто хочет добавить интерактивную карту на свой сайт за пределами России и свободно говорит по-английски. У него тоже есть свои достоинства и недостатки, о которых стоит написать отдельную статью, но в первую очередь это простота использования и создания этой карты. Создатели карты и сам строитель создали подробные инструкции по каждому из действий.
Если вы живете в США или любой другой англоязычной стране, этот конструктор идеально подходит для интеграции в ваш веб-сайт или приложение. Он очень прост в использовании, эстетичен и имеет обширную функциональность, так что любой может легко найти пункт назначения и создать оптимальный маршрут всего за несколько щелчков мышью.
Если ни один из этих конструкторов вам не подходит или вы просто хотите найти информацию о других конструкторах карт, заслуживающих вашего внимания, мы оставляем их имена.
Snazzy Maps
Snazzy Maps — удобный конструктор для англоговорящих пользователей.
Zeemaps
Zeemaps — это профессиональный картографический сервис, который позволяет легко создавать, публиковать и публиковать интерактивные карты. Также на английском.
Создание карты – инструкция
Перед тем, как приступить к созданию карты, вам необходимо зарегистрироваться на Яндексе или авторизоваться в существующем профиле.
Затем перейдите по ссылке https://yandex.ua/map-constructor/ и ознакомьтесь с основными функциями сервиса. Нажмите «Продолжить»:
Конструктор можно использовать в любой ситуации. Например, вам нужно быстро проложить маршрут к дому или показать другому человеку, как добраться до места встречи.
Яндекс строит самые оптимальные и быстрые маршруты.
Если вы выбрали интерактивную карту, во время движения она укажет водителю, где находятся важные дорожные знаки, ремонтные работы, пробки и другие объекты.
Вы можете не только разместить созданную карту на своем сайте или в блоге, но и добавить ее в мобильное приложение, отправить на свой смартфон, поделиться ею со своими контактами или сохранить в галерее как изображение большого формата.
Следуйте инструкциям, чтобы использовать конструктор для создания собственной карты:
- В главном окне сервиса нажмите на поле «Создать». Если вы работали с дизайнером раньше, сервис предложит вам вернуться и отредактировать дизайн. Также вы можете удалить или скопировать их. Кнопка «Импортировать» позволяет скачать на компьютер или смартфон готовую карту, в которую нужно добавить новые объекты или внести изменения;
- В левой части сервиса введите название нового проекта и его описание;
- Затем вы можете импортировать элементы на карту из памяти компьютера. Сайт поддерживает загрузку файлов в формате XLSX, CSV, KML, GPX или GeoJSON;
- Если у вас нет объектов для импорта, вы можете сами разместить их на карте. Просто выберите масштаб изображения в правой части окна и приступайте к работе с дизайнером. Используя панель инструментов, вы можете добавлять на карту надписи, линии, многоугольники, места скопления автомобилей или работать со слоями;
- Для быстрой навигации по карте нужного вам района в текстовом поле поиска введите желаемый адрес, название города или организацию.
Примечание! На сайте есть несколько ограничений. На карте невозможно использовать более 10 000 объектов. Кроме того, невозможно вставить интерактивные указатели в версию карт для печати или в статический тип проекта.
Если служба обнаруживает, что создаваемый ею путь связан с другим из ваших проектов, она отобразит всплывающую подсказку, с помощью которой вы можете создать пересечение двух путей или включить данные первого пути в другой.
Это значительно упростит работу по добавлению надписей, указателя и различных линий.
Добавление карты на сайт
Завершив создание маршрута, вы можете встроить полученную форму на веб-сайт интернет-магазина или любой другой организации.
Следуй инструкциям:
- В окне сохранения выберите тип «Интерактивный»;
- Затем на карте выберите область, которая является основной. Определение границ поможет вам получить более крупный предварительный просмотр карты на вашем сайте;
- Затем установите размер объекта. После выбора области на карте размер будет установлен автоматически, и если вам нужно конкретное значение, введите ширину и высоту вручную. Кроме того, вы можете растянуть карту по ширине, что полезно для встраивания на целевые страницы или одностраничные ресурсы;
- Нажмите кнопку «Получить код»;
- В правой части окна появится поле с кодом для встраивания. У вас есть возможность выбрать один из двух вариантов разметки: JavaScript или iframe, в зависимости от специфики сайта. Скопируйте содержимое текстового поля;
- Чтобы добавить объект на свой сайт, просто добавьте скопированный элемент в код страницы. Если карта не отображается, рекомендуем очистить кеш браузера.
Обратите внимание, что код iframe имеет ряд ограничений. Среди них нет мелкого масштаба, путь можно увидеть только в виде диаграммы.
Обновленные теги разметки HTML не всегда совместимы с iframe. Из-за этого у пользователей могут возникнуть проблемы с функционированием карты.
В окне сохранения карты есть прямая ссылка на результат работы.
Его можно скопировать и поделиться с другими пользователями в социальных сетях по почте.
Даже если у человека нет аккаунта на Яндексе, он все равно сможет увидеть персональную карту. Увеличьте его и увидите все добавленные к нему объекты.
Вы также можете встроить статическую или печатную версию карты на сайт. В окне сохранения выберите нужный тип, установите размер и получите код, содержащий прямую ссылку на изображение с путем.
Как добавить карту на сайт или на страницу контакты
Как я уже писал выше, после создания карты нужно скопировать код и встроить его на сайт.
После создания карты нажмите «Получить код карты». Вы увидите фрагмент кода, который необходимо добавить на сайт.
Обычно карта публикуется на сайте:
- На странице «Контакты»;
- В подвале (нижнем колонтитуле) сайта;
- Реже — на главной странице или на странице «Доставка и оплата» (в основном, если речь идет о самовывозе).
Имея готовый код карты, легко ввести его на сайте. Я покажу вам несколько способов, в основном для владельцев сайтов WordPress. Вы также можете выполнить настройки самостоятельно.
Как вставить карту на сайт на WordPress
Давайте посмотрим, как разместить карту вашего сайта WordPress на странице контактов. Мы уже написали наш адрес и номер телефона на этой странице, и карта будет помещена под всем содержимым.
Переходим в административную панель сайта. Перейдите в раздел «Страницы»:
Затем находим нашу страницу «Контакты» и выбираем «Изменить». Измените редактор с «Визуального» режима на «Текстовый». В конструкторе карты выберите код iframe и скопируйте его:
Внизу после текста введите этот код и обновите страницу.
Теперь наша карта на сайте:
Вы можете изменить ширину и высоту прямо в коде, предоставленном Яндексом (ширина тега, высота — укажите желаемое числовое значение в кавычках).
Другой вариант размещения карты, который часто используется на целевых страницах, — это размещение карты в нижнем колонтитуле (подвале) сайта. Для этого вам нужно отредактировать HTML-код страницы, вставив туда код, предложенный дизайнером.
В WordPress вы можете редактировать нижний колонтитул через панель администратора. Перейдите в Внешний вид — Редактор — Нижний колонтитул:
Чтобы отредактировать файл, вам необходимо иметь хотя бы базовое понимание HTML. Если все идет не так, лучше всего передать работу веб-разработчику (вы также можете найти мастера-фрилансера).
Для чего это нужно?
Самый простой способ — для удобства ваших потенциальных покупателей и покупателей, потому что гораздо легче визуально увидеть, где находится ваш магазин между незнакомыми улицами и домами, чем просто искать по названию улицы и самостоятельно проложить маршрут. То есть он может вписать в него адрес собственного отправления, а карта на вашем сайте автоматически укажет для него наиболее удобный маршрут до пункта назначения, выбранного заказчиком среди указанных пунктов. (Магазин, Шоу-рум, кафе и др.). Но он может сделать это с помощью карты нормалей, которых сейчас так много, верно? Да, но в то же время он покинет ваш сайт, и есть вероятность, что вы потеряете клиента, и с помощью интегрированной интерактивной карты он останется на сайте и непременно достигнет конечного пункта назначения.
Каждый покупатель сможет визуально увидеть, где находится его ближайшая точка, если их больше одной. Это очень удобно и понятно даже для тех, кто не очень ориентируется как на земле, так и в интернет-пространстве, ведь им не нужно вручную сравнивать все адреса и проверять, где ближе всего к вам добраться, а может быть, к вашему конкуренты, в которых эта карта включена и где они находятся.