Большинство из нас думает о картах просто как о помощи, чтобы добраться из точки А в точку Б. Или как о чем-то, на что мы должны были обратить внимание на уроках географии и навсегда забыть после этого. Но для веб-дизайнеров карты могут значить гораздо больше. Дизайнеры могут добавлять карты в WordPress множеством творческих способов, чтобы создавать яркие веб-сайты.

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

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

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

Здесь представлены некоторые идеи, которые вы могли бы использовать. Ни один из них не меняет правила игры – это просто разные способы отображения информации. Но когда они приняты на веб-сайте, они могут завоевать расположение пользователей и, возможно, даже немного повысить конверсию. Давайте посмотрим, как вы можете проявить новаторский подход с картами на своем веб-сайте!

1 Добавьте карту на главную страницу

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

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

На изображении вы можете увидеть деятельность и прогресс, достигнутый в рамках программы «Карта помощи НПО», отображаемой в формате карты на главной странице. Карта помощи НПО – это инициатива InterAction, альянса неправительственных организаций в Вашингтоне, округ Колумбия. Доступ к информации, относящейся ко всем проектам организации, можно получить, просто нажав на маркеры на карте.

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

MapSVG Интерактивные векторные, Google и графические карты

Информация и Скачать Посмотреть демо

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

Бесплатный плагин WordPress для Google Maps

Информация и Скачать Посмотреть демо

Ищете бесплатный вариант отличной карты? Попробуйте WP Google Maps (которому в настоящее время доверяют более 400 000 пользователей) предлагает простые варианты создания ваших собственных карт Google с настраиваемой темой, маркерами, полноэкранным режимом, определенным размером (ширина, высота, масштабирование), маршрутами, многоугольниками и т.д. Когда вы будете готовы, можно легко вставить свою WP Google Map на любую страницу с помощью прилагаемого виджета или шорткода.

2 Показывайте путешествия на своем веб-сайте или в блоге

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

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

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

Путешествующие блоггеры могут добавлять геотеги к своим сообщениям, и сообщения могут быть нанесены вдоль маршрута. Это послужит фантастическим дневником путешествий для путешествия. Регулярные публикации в блоге могут держать подписчиков в курсе того, как вы продвигаетесь в своих приключениях. Это лишь один из многих советов по созданию потрясающего блога о путешествиях. Но если вы ищете хороший плагин с изображениями, обратите внимание на номер 1 – MapSVG и WP Google Maps – отличные варианты.

3 Поиск магазинов

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

Если плагин позволяет добавлять кластеры в места с плотными маркерами, он сообщает зрителю, что у него есть выбор магазинов, доступных ему в этом месте.

Выше показано изображение магазина Levi's Store Locator. Ближайший к пользователю магазин можно найти, применив фильтры.

Super Store Finder для WordPress

Информация и Скачать Посмотреть демо

Одним из лучших плагинов для сопоставления в этой категории, безусловно, является Super Store Finder для WordPress. Карты адаптивны и позволяют клиентам легко находить ваши ближайшие местоположения. Функции администратора упрощают управление местоположением магазинов, уведомлениями и настройками. А создание карт – это легкий ветерок с включенным редактором перетаскивания и интуитивно понятными параметрами настройки.

WP Store Locator Бесплатный плагин WordPress

Информация и Скачать Посмотреть демо

WP Store Locator включает в себя параметры настройки, фильтры радиуса и совместимость с популярными плагинами переводов, чтобы ваши карты соответствовали вашей локали. Ищете другие варианты? Ознакомьтесь с нашим списком лучших плагинов для поиска магазинов, чтобы получить полный список наших любимых плагинов для картографии в этой нише.

4 Найдите парковочные места.

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

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

Я нашел один плагин – плагин Parkopedia – в репозитории WordPress, который может вам в этом помочь, хотя он не обновлялся в течение нескольких лет, поэтому я не буду подтверждать его работу. Вместо этого может быть лучше использовать более общий плагин, такой как Mapplic.

Плагин WordPress для настраиваемых интерактивных карт Mapplic

Информация и Скачать Посмотреть демо

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

5 Создайте каталог

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

Плагины, такие как Sabai Directory, поставляются с полностью интерактивными картами. Вы можете добавить сведения о листинге, которые будут отображаться при наведении курсора на маркер. Результаты поиска могут быть обновлены, когда пользователь перетаскивает карту, а функция автозаполнения означает, что пользователь меньше набирает текст. У пользователя всегда есть возможность вернуться к просмотру списка.

Многие плагины позволяют отображать списки в виде карты. Добавьте изображения 360 ° для отображения списков недвижимости. Карты также могут быть адаптированы к местным бизнес-каталогам, руководимым сообществом.

Плагин GeoDirectory Directory для WordPress (бесплатно и премиум)

Информация и Скачать Посмотреть демо

Когда дело доходит до создания каталога на основе карты с помощью WordPress, вы не ошибетесь с GeoDirectory. Вы можете бесплатно загрузить плагин из репозитория плагинов WordPress, в комплекте с функциями для создания бизнес-каталога, совместимого с несколькими сайтами, с конструктором перетаскивания, интерфейсными представлениями, 15+ виджетами, расширенным поиском, простыми шорткодами и поддержкой as много мест, которые вы хотите добавить. Хочу больше? Перейдите на версию Pro и получите премиальную поддержку в дополнение к мероприятиям, глобальной поддержке в нескольких местах, платным объявлениям, геолокации, интеграции BuddyPress, ссылке на Facebook и многому другому.

6 Продемонстрируйте предстоящие мероприятия

Карты могут быть благословением для веб-сайта, на котором проводятся мероприятия в разных местах и местах – будь то гала-концерт на школьном мероприятии или что-то столь же масштабное, как Олимпийские игры. Участники могут просматривать события в режиме карты.

Плагин EventON для календаря событий WordPress

Информация и Скачать Посмотреть демо

EventON – это стандартный плагин для этой работы. Используйте его для отображения местоположения событий и направлений. Пользователи могут ввести адрес, чтобы проложить маршрут. Они могут отслеживать событие и его местоположение. Когда пользователи щелкают маркер на карте, они могут видеть название, место и время, относящиеся к событию, в информационном окне. Вы также можете предоставить посетителям ссылку для покупки билетов.

7 Отображение зарегистрированных пользователей

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

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

Плагин GEO My WP Free WordPress Locator

Информация и Скачать Посмотреть демо

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

8 Бонусные идеи

Наиболее очевидное использование карты – это добавление ее на страницу контактов, чтобы показать ваше местоположение и направления, по которым вас можно найти. Разрешите посетителям использовать свое местоположение на карте в качестве начальной или конечной точки для маршрутов.

Нишевые сайты также могут использовать карты необычными способами:

Логистики веб – сайт или веб – сайт, прокат автомобилей или один, что направляющие туристов на местных достопримечательностей можно использовать карты для определения расстояния между двумя точками и построения графиков из кратчайшего маршрута. Отметьте на карте участки, где осуществляется доставка до двери. Объезды, поиск мест по маршруту, места, где водитель может сделать перерыв, – все это может быть нанесено на карту в интересах пользователей веб-сайта.
Чтобы сообщения были более интересны читателям, блогеры могут связать их с местом на карте. Это можно сделать, связав местоположения на карте с вашими существующими категориями и тегами.
Связывайте новости, прикрепленные к разным местам на карте. Веб-сайты газет или журналов часто используют карты для контекста истории, которую они представляют.
Компании такси могут предоставить своим клиентам возможность рассчитать стоимость проезда и маршрут на карте Google.
Если погода – ваше дело, прогнозы погоды и преобладающую погоду можно отобразить на карте.
Игровой веб-сайт может включать снимки экрана и видеоролики с привязкой к местоположению, чтобы энтузиасты игр могли по-настоящему почувствовать игру.

В заключение нашей идеи было добавить карты в WordPress

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

У вас есть еще примеры того, как вы добавляете карты в WordPress? Мы хотели бы услышать об этом – просто оставьте нам комментарий ниже.

Источник записи: https://www.wpexplorer.com