Как встроить карты Google в WordPress

Опубликовано: 2023-02-12

гугл карты и вордпресс

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

Хотя перечисление ваших адресов на вашем сайте может работать, ценность UX этого довольно ограничена. Гораздо более эффективной стратегией является встраивание адаптивной карты Google на ваш сайт WordPress. Это позволит вашим клиентам мгновенно просматривать лучший маршрут к местоположению вашего бизнеса.

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

Зачем использовать карты Google?

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

Использование Google Maps имеет множество преимуществ. Помимо очевидного (предоставление клиентам возможности увидеть кратчайший путь к местам вашего бизнеса), вы также можете тут же передать важную бизнес-информацию (например, часы пик, часы работы и т. д.).

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

Встраивание карты на ваш сайт также может помочь снизить показатель отказов, а также позволить вашему сайту воспользоваться другими преимуществами поисковой оптимизации (SEO).

Имея в виду эти преимущества, вы, вероятно, спросите , как мне встроить карту Google на мой сайт WordPress? Мы объясним, как в следующем разделе.

Как встроить карты Google в WordPress

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

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

Встраивание Google Maps вручную

Прежде чем вы сможете встроить карту на свой сайт, вам нужно будет добавить свой бизнес-профиль в Google Maps. К счастью, этот процесс прост и понятен. Как только вы закончите, вы готовы начать!

Шаг 1

Сначала откройте Карты Google и найдите свою компанию в строке поиска. Если он не отображается автоматически, нажмите красную булавку, чтобы открыть профиль вашей компании:

вставить карты гугл на сайт вордпресс

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

Шаг 2

Нажмите кнопку «Поделиться» на странице вашего бизнес-профиля, после чего откроется меню. Вам нужно будет щелкнуть вкладку «Встроить карту» , ​​чтобы отобразить нужную ссылку:

Вы можете выбрать размер карты из раскрывающегося меню, но основной элемент, который вам понадобится, — это код iframe рядом с ним. Просто нажмите кнопку «Копировать HTML» и перейдите к следующему шагу.

Шаг 3

Чтобы добавить карту на свой веб-сайт, перейдите на нужную страницу или опубликуйте сообщение на панели управления WordPress, перейдите в текстовый редактор и вставьте скопированный код в нужное место:

как вставить карты гугл в вордпресс

Чтобы увидеть, как будет отображаться ваша карта Google, просто выберите визуальный редактор:

вставка карт на сайт wordpress

Как только вы будете довольны тем, как представлена ​​ваша карта Google, сохраните изменения, и все готово!

Встраивание Google Maps через плагины

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

WP Гугл Карты

плагин для карт гугл вордпресс

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

В дополнение к бесплатной версии WP Google Maps доступен пакет Pro Add On за 39,99 долларов США. Он содержит параметры для загрузки пользовательских значков, расширенных функций поиска магазинов и многое другое.

Виджет Google Карт

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

Хотя виджет Google Maps является бесплатным, существует также премиум-версия стоимостью от 29 долларов США, в которой добавлены такие функции, как фильтрация меток вашего местоположения в зависимости от предпочтений пользователя.

WD Google Maps — плагин для создания карт Google

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

Как и другие решения в этом списке, WD Google Maps бесплатен, но также предлагает премиум-версию. Это включает в себя дополнительные стили карты и функции поиска магазинов и стоит от 30 долларов.

Получите надежную и доступную поддержку WordPress с помощью WP Engine

В WP Engine мы предлагаем надежную поддержку и отличное обслуживание клиентов, чтобы помочь вашему сайту WordPress работать с максимальной производительностью. Хотите ли вы ускорить свой сайт, устранить ошибку или улучшить масштабируемость, мы быстро ответим на ваши запросы. Лучше всего то, что наш звездный персонал службы поддержки работает круглосуточно и без выходных.

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