Надо придумать как добавить Google Карты для WordPress с помощью JetElements?
Есть множество плагинов, которые вы можете использовать для добавления Google Карты для вашего сайт WordPress. JetElements является одним. JetElements — это надстройка Elementor премиум, разработанный Crocoblock. Он добавляет несколько дополнительных виджетов в ваш Elementor, включая расширенную карту, с помощью которой можно легко добавлять Google Сопоставляется с вашим сайтом WordPress.
Вы можете выбрать 10 стилей карты. Вы также можете добавить несколько контактов.
В этой статье мы покажем вам, как использовать виджет Расширенная карта чтобы добавить Google Maps в свой сайт WordPress.
Перед тем как начать, убедитесь, что вы установили Elementor и JetEements в вашем WordPress. Вы можете использовать бесплатную версиюElementor использовать JetElements. Что касается JetElements, вам необходимо приобрести его на Официальный сайт за 19 долларов.
Шаг 1. Получите ключ API Карт Google
Прежде чем вы сможете добавить Карты Google в свой Веб-сайт используя JetElements, вам необходимо получить ключ API для интеграции JetElements с Google Maps. Вы можете получить API через консоль Google API. Итак, посетите Консоль API Google и войдите в свою учетную запись Google.
После входа в систему создайте новый проект, щелкнув раскрывающееся меню вверху и нажав НОВЫЙ ПРОЕКТ.
Дайте название вашему проекту и нажмите на кнопку СОЗДАТЬ.
Выберите новый проект в раскрывающемся меню и нажмите библиотека на левой панели.
JetElements не предоставляет подробной информации об API, которые необходимо включить для работы виджета. Расширенная карта. Согласно нашему опыту, вам следует как минимум включить следующие API:
- API геокодирования
- Карты JavaScript API
Сам Google делит API Карт Google на 17 типов. Вы можете увидеть их, нажав ПОКАЗАТЬ ВСЕ в разделе Cartes.
Чтобы активировать API, выберите API, который вы хотите активировать (нажав на него), и нажмите на кнопку АКТИВИРОВАТЬ.
Завершив включение необходимых API, вернитесь на главную панель инструментов Google API Console и нажмите Идентификаторы на левой панели. Нажмите на кнопку Создать учетные данные и выберите Ключ API. Скопируйте ключ API в появившемся всплывающем окне.
Затем войдите в свою панель управления WordPress и перейдите в меню. JetPlugins – > JetElements Настройки.
Откройте вкладку интеграций и вставьте ключ API, который вы только что скопировали, в поле Ключ API карты Google.
Начните добавлять карту
После интеграции JetElements и Google Maps вы можете начать добавлять карту. Для этого откройте страницу, на которую вы хотите добавить карту в Elementor. В редакторе Elementor перетащите виджет «Расширенная карта» в область редактирования.
Вы можете перейти на левую панель, чтобы управлять некоторыми настройками на вашей карте. Вы можете сделать настройки из раздела Настройки карты.
Чтобы изменить стиль карты, вы можете открыть раздел Стиль карты.
Добавьте свое местоположение на карту
По умолчанию пин-адрес установлен на «Лондонский глаз», Лондон, Великобритания. Вы можете отредактировать его, чтобы добавить местоположение вашей компании.
Для этого откройте раздел Пальцы и нажмите на существующий пин-адрес. Вставьте свой служебный адрес в поле Контактный адрес и измените описание в поле Пин Описание.
Чтобы пин-адрес, который вы только что установили, отображался на карте, вам нужно установить центр карты. Например, если ваша компания находится в Париже, вы должны установить центр карты в Париже.
Чтобы определить центр карты, откройте раздел Настройки карты снова введите предпочитаемый центр карты (название города).
Примечание: Если вы видите сообщение «Только для целей разработки» при добавлении карты, обязательно включите выставление счетов в Google Cloud. Новая политика Google требует, чтобы разработчики активировали платежный аккаунт (вы по-прежнему можете бесплатно использовать Google Maps API).
Получить Elementor Pro сейчас !!!
Заключение
Так ! Вот и все, что касается этой статьи, в которой показано, как добавить Карты Google в WordPress с помощью JetElements. Если у вас есть какие-либо опасения по поводу того, как туда добраться, сообщите об этом в Комментарии.
Тем не менее, вы также можете проконсультироваться наши ресурсы, если вам нужно больше элементов для реализации ваших проектов создания интернет-сайтов, обратитесь к нашему руководству по Создание блога на WordPress или Divi: лучшая тема WordPress всех времен.
Но тем временем поделитесь этой статьей в разных социальных сетях.
...
