WP Google Maps: Как встроить Google Maps в WordPress

Встроить Google Maps в WordPress очень просто: Вы можете либо использовать код вставки карты, либо выбрать один из многочисленных плагинов WordPress для Google Maps. Оба эти метода относительно просты и не требуют особых знаний.

Существует ряд причин, по которым вы можете захотеть добавить Google Maps на свой сайт WordPress. Например, возможно, вы разместили свой бизнес на Google Maps и хотите показать клиентам, как они могут добраться до вас, или проиллюстрировать маршрут между двумя другими местами. Вставить Google Maps относительно просто. Существуют различные способы сделать это — вам нужно выбрать тот метод, который наиболее подходит для вашего сайта. Для некоторых сайтов наиболее целесообразно использовать плагин WordPress; другие предпочитают встраивать карты без использования каких-либо расширений WordPress.

Самый простой метод добавления Google Maps на ваш сайт WordPress предлагается самой компанией Google Maps.

Шаг 1: Откройте карту, которую вы хотите встроить. Это может быть конкретное местоположение или маршрут между двумя или более местами.

Шаг 2: Если карта выглядит правильно, нажмите на три линии в левом верхнем углу страницы.

Шаг 3: Откроется меню. Выберите опцию «Поделиться или вставить карту».

Шаг 4: Откроется всплывающее окно. Нажмите на «Вставить карту». Теперь вы можете выбрать подходящий размер карты, а затем скопировать код для встраивания.

Шаг 5: Нажмите на «Копировать HTML».

Шаг 6: Вставьте код из Google Maps на свой сайт WP. Используйте редактор и вставьте код вставки в блок.

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

Если вы используете коммерческий сайт WordPress, важно, чтобы вы также вставили ключ API. Мы объясним это более подробно ниже.

Вы также можете использовать Google Мои карты для создания и встраивания карт. На одной из таких карт вы можете использовать более детальный подход и вставить свои собственные заметки. Это удобно, когда, например, вы хотите показать пользователям, где они могут припарковаться, или проиллюстрировать альтернативные маршруты. После создания карты ее встраивание в ваш сайт WordPress будет происходить точно так же, как описано выше. Вы создадите код для вставки, скопируете его и вставите в редактор WordPress.

В качестве альтернативы вы можете использовать плагин для встраивания Google Maps в WordPress. Плагины также подойдут, если вы хотите добавить карту из альтернативного сервиса Google Maps. Они упрощают процесс и предлагают дополнительные возможности для настройки дизайна. Если вы хотите встроить несколько карт, плагин — самое удобное решение. Настройками плагина можно управлять в приборной панели WP после его установки. Сейчас мы представим некоторые из лучших плагинов WordPress Google Maps.

Google Maps Widget — это особенно удобный вариант для встраивания Google Maps на ваш WP-сайт. Сначала вам нужно установить и активировать виджет и ввести ключ API. Затем найдите виджет в меню в разделе «Дизайн». Этот инструмент позволяет встраивать карты в любую часть вашего сайта и даже создавать интерактивные карты. Этот бесплатный виджет удовлетворит потребности большинства пользователей.

Название этого плагина говорит само за себя. Особенностью Google Maps easy является то, что вы можете создавать новые карты с помощью отдельного интерфейса. Инструмент позволяет вставлять описания, комментарии и фотографии, а также выбирать настройки масштабирования. Создав карту, вы можете вставить ее с помощью шорткода.

WP Google Maps — один из самых популярных вариантов для встраивания карт Google в WordPress. Вы можете выбрать между базовой, бесплатной версией и платной версией с некоторыми дополнительными возможностями. Бесплатная версия предлагает множество опций, включая десять различных тем, пользовательские опции масштабирования, интеграцию велосипедных дорожек, направлений и других деталей.

Hero Maps Premium

Hero Maps Premium стоит 20 долларов, и это довольно дорого, если вы хотите просто вставить одну карту на свой сайт без каких-либо изысков. Однако, если вы хотите встроить карту, которая полностью настроена, идеально вписывается в ваш сайт и предлагает индивидуальные опции для ваших посетителей, этот плагин может быть подходящим для вас. В частности, вам может пригодиться функция фильтрации. Если вы не уверены в том, что его цена действительно стоит того, вы можете протестировать плагин с помощью бесплатной демо-версии.

WP Google Map Plugin также имеет свой собственный интерфейс администратора. Карты могут быть настроены с помощью нового пункта меню, и этот процесс прост и понятен. Вы просто выбираете места, которые хотите отобразить на карте, а затем задаете несколько параметров. Затем карта может быть встроена с помощью шорткода. WP Google Map Plugin имеет довольно ограниченный набор функций по сравнению с другими вариантами, но его вполне достаточно для простых карт без особых изысков.

Если вы хотите встроить Карты Google на сайт WP для коммерческого использования, вам понадобится ключ API. В зависимости от посещаемости вашего сайта, это, вероятно, не будет стоить вам ничего. Только если ваш сайт посещают тысячи человек в месяц или если вам нужно нечто большее, чем простая карта, вам придется заплатить. Вы можете получить ключ API на консоли Google Cloud Platform. Просто создайте проект и выберите продукт. Если вы хотите встроить Google Maps на свой сайт WordPress без плагина, выберите «Maps Embed API». Если вы используете плагин, выберите «Google Maps Static».

Вы также можете выбрать несколько продуктов и изменить настройки позже. Нажмите «Включить», чтобы активировать выбранные продукты. Затем вы найдете свой ключ API в разделе «Учетные данные». Вы также можете установить ограничения для этого ключа, чтобы никто другой не мог его использовать. Получив ключ, просто добавьте его в код вставки или введите его в используемый плагин. Если ваш сайт не является коммерческим, вам не нужен собственный ключ API.

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