Як додати Google Maps у WordPress

Якщо ви створили веб-сайт для свого місцевого бізнесу, особливо для звичайного магазину, тоді вам слід мати розділ Google Maps на вашому веб-сайті WordPress, де буде вказано його місцезнаходження. Вбудовування карти у ваш веб-сайт також чудово підходить для ваших локальних зусиль SEO, оскільки Google позиціонуватиме її вище в результатах пошуку.

На щастя, у WordPress легко вставити Карти Google у ваш магазин чи офіс. Читайте далі, щоб почати.

Як додати Google Maps до WordPress без API або плагіна

Це найпростіший спосіб додати Карти Google до свого блогу чи веб-сайту WordPress. Він складається з двох основних кроків: копіювання посилання для вставки та вставлення посилання в блок коду WordPress . Виконайте наведені нижче дії.

Отримання посилання для вставки Google Maps

1. Відкрийте Карти Google в Інтернеті.
2. Введіть або знайдіть у полі пошуку місце, яке потрібно вставити.
   
3. Натисніть «Поділитися» , перейдіть до «Вставити карту» , ​​виберіть потрібний розмір і натисніть « Копіювати HTML» .

Вставлення посилання для вставки в WordPress

1. Увійдіть на свою інформаційну панель WordPress.
2. Натисніть «Сторінки» , а потім «Додати нову сторінку » (ви можете використати нову публікацію або відредагувати стару сторінку, якщо хочете).
   
3. Натисніть кнопку + , а потім виберіть Custom HTML .
   
4. Вставте скопійоване посилання для вбудовування Карти Google. Потім збережіть і опублікуйте свою сторінку.
   

Додавання карт Google за допомогою API на WordPress

Якщо ви ведете блог на WordPress , ви можете вставити Карти Google за допомогою API, хоча для цього потрібно використовувати плагін Карт. У цьому прикладі ми використовуємо плагін WP Go Maps , але ви можете спробувати й інші. Але спочатку нам потрібно отримати API.

Як отримати Google Maps API

Ви можете використовувати безкоштовні функції API для малого бізнесу, але розширені API коштують близько 7 доларів США на місяць і масштабуються залежно від кількості показів, які ви отримуєте. З отриманим API ви можете додати Google Map на свій веб-сайт. Щоб отримати Google Map API, ви повинні правильно налаштувати платіжну систему в Google Cloud Console. Після налаштування платежів перейдіть до наведених нижче кроків у Google Cloud Console.

1. Клацніть «Гамбургер» у верхньому лівому куті та виберіть «API та служби» .
   
2. Виберіть Увімкнути API та служби .
3. Клацніть « Гамбургер» , наведіть курсор на «API & Services» , а потім клацніть «Бібліотека» .
   
4. У розділі «Карти» натисніть « Переглянути все» .
5. Натисніть Maps JavaScript API і натисніть кнопку «Увімкнути » .
   
6. Поверніться на сторінку API Library і повторіть крок 5 для Directions API , Geocoding API , Geolocation API та Places API .
7. Клацніть «Гамбургер» , наведіть курсор на «API & Services» , а потім клацніть «Облікові дані» .
   
8. У верхній частині екрана натисніть опцію «Створити облікові дані» та виберіть ключ API .
   
9. Виберіть параметр Редагувати ключ API .
   
10. Виберіть перемикач Веб-сайти та натисніть ДОДАТИ .
    
11. Введіть URL-адресу веб-сайту, натисніть «Готово» , а потім «Зберегти» .
    
12. Натисніть параметр «Показати ключ» і скопіюйте свій ключ API.
    

Завантаження плагіна WP Maps

Для цього прикладу ми будемо використовувати WP Go Maps. Виконайте наведені нижче дії, щоб завантажити його.

1. Відкрийте інформаційну панель WordPress, клацніть  Плагіни  на панелі меню та натисніть  Додати новий плагін  у верхній частині сторінки.
   
2. Знайдіть WP Go Maps і натисніть опцію «Встановити зараз» для першого плагіна, а потім натисніть «Активувати» , коли встановлення буде завершено.
3. Натисніть «Параметри для карт» на лівій панелі, виберіть вкладку «Додатково» , введіть свій ключ API та натисніть « Зберегти налаштування» внизу праворуч.
   
4. Виберіть «Карти» на лівій панелі, додайте свою адресу в поле «Адреса/GPS» і натисніть кнопку «Додати маркер» .
   

Додавання блоку карти

Після підключення API WP Go Maps створить блок коду, який ви зможете використовувати на своєму веб-сайті:

1. Відкрийте інформаційну панель WordPress і відкрийте публікацію або сторінку, де вам потрібна карта.
2. Натисніть кнопку + угорі, знайдіть Map і виберіть Map .
   
3. Тепер збережіть і опублікуйте сторінку.
4. Використовуйте додаткові параметри праворуч, щоб налаштувати вигляд блоку на сторінці.

Додавання віджета

Крім того, ви можете додати на карту невеликий віджет, наприклад нижній колонтитул веб-сайту. Ось як:

1. Відкрийте панель адміністратора WordPress.
2. Виберіть «Вигляд» і натисніть «Віджети» .
   
3. Розгорніть WP Go Maps , виберіть розташування та натисніть «Додати віджет» .
   
4. Відредагуйте розміри віджета та назву мітки на карті.

Хоча WP Go Maps має виконати роботу, це не єдиний плагін, який може це зробити.

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

• Віджет Google Maps
• Google Maps Easy
• Інтергео

Після того як ви завантажите та ввімкнете плагін, кожен матиме короткий посібник про те, як підключити ваш ключ API Google Maps, щоб дозволити WordPress використовувати карту від Google. Решта залежить від вас.

Використовуйте тему WordPress, інтегровану з картою

Окрім використання плагінів для створення карти для вашого веб-сайту, ви також можете вибрати тему з опцією з самого початку.

Однак ви навряд чи знайдете безкоштовну тему з вбудованим Google Maps. Однією з кращих версій є Divi, яка коштує приблизно 90 доларів на рік, якщо ви використовуєте підписку. Однак інші його функції, такі як створення веб-сайтів за допомогою ШІ та багато професійних шаблонів, роблять його чудовим вибором.

Помістіть себе на карту за допомогою WordPress

Вставивши місцезнаходження вашого магазину на Картах Google на свій сайт WordPress, ви спростите потенційним клієнтам і клієнтам знайти ваш місцевий бізнес. Пограйте з розташуванням на карті та створіть просту сторінку контактів для найкращих результатів.

Далі вам слід дізнатися, як встановити тему за замовчуванням у WordPress .

поширені запитання

Де розмістити ключ API Карт Google у WordPress?

Ви можете вставити його в кодовий блок WordPress або за допомогою плагіна. Деякі з цих плагінів можуть пропонувати віджети, у які ви вставляєте ключ API.

Як додати карту Google до WordPress без плагінів?

Конкретний процес залежатиме від плагіна, який ви використовуєте. Однак ключі API зазвичай потрапляють у поле API у розширеному параметрі вашого плагіна.