logo wpmentor.pl logo wpmentor.pl
  • Blog
    • Poradniki
    • Recenzje
    • Narzędzia
    • Motywy
  • Ranking hostingów
  • Rankingi
    • Ranking narzędzi SEO dla agencji
    • Ranking generatorów tekstu AI
Czytasz: Mapy Google – Jak dodać do WordPressa?
Udostępnij
Subskrybuj
WPMentor.plWPMentor.pl
Zmiana rozmiaru czcionkiAa
Search
  • Blog
    • Poradniki
    • Motywy
    • Wtyczki
  • Rankingi
    • Ranking Hostingów 2026 – Hosting WordPress [Ceny i opinie]
    • Ranking narzędzi SEO dla agencji
  • Rabaty
Obserwuj nas
Copyright © 2014-2023 Ruby Theme Ltd. All Rights Reserved.
WPMentor.pl > Blog > Poradniki > Mapy Google – Jak dodać do WordPressa?
PoradnikiDla początkujących

Mapy Google – Jak dodać do WordPressa?

Demnet
Przez Demnet
Ostatnio zaktualizowany: 29 kwietnia, 2020
7 Min. czytania
Mapy Google
Udostępnij

Powszechnie mówi się, że jeśli nie ma Cię w Google, to nie istniejesz. Podobnie jest z biznesami. Prowadząc firmę musisz po prostu istnieć w Mapach Google. Na szczęście dodanie przysłowiowej pinezki z danymi kontaktowymi jest całkowicie darmowe i nie wiąże się z żadnymi opłatami. Dlatego jeśli masz już stronę lub bloga na WordPressie,  koniecznie wstaw na nią Mapy Google z lokalizacją – ułatwisz w ten sposób dotarcie do Twojej firmy. 

Spis treści
  • Jak dodać mapy Google do Wordpressa?
  • Dodanie Google Maps na Wordpressa za pomocą wtyczki
  • Dodanie Google Map na Wordpress za pomocą kodu HTML
  • Dlaczego Mapy Google na stronie są tak istotne?

Co ważne, proces zaimplementowania mapy Google do WordPressa nie jest skomplikowany i może to zrobić każdy. Przeczytajcie nasz poradnik, a sami wstawicie mapy Google na WordPressa. 

Jak dodać mapy Google do WordPressa?

Nie jest to skomplikowany i żmudny proces. Prezentujemy dwie różne metody, aby wstawić Google Mapy z dowolną pinezką na stronę internetową opartą na WordPressie. Zastosowanie jednego z nich gwarantuje, że na blogu lub witrynie firmowej pojawi się mapka.

Dodanie Google Maps na WordPressa za pomocą wtyczki

Należy zalogować się do panelu administracyjnego własnej strony lub bloga. Następnie przechodzimy do zakładki Wtyczki, a później Dodaj nową. Teraz należy w miejscu wyszukiwania wpisać nazwę WP Google Maps. Od razu wyskoczy znalezione oprogramowanie, które następnie należy zainstalować, klikając Zainstaluj teraz. W zależności od prędkości łącza internetowego oraz szybkości działa serwera, ten proces może potrwać od kilku do kilkudziesięciu sekund. Następnie trzeba tylko kliknąć Aktywuj. 

Wtyczka google maps

Uruchomi się podstrona z funkcjonalnością wtyczki. Klikamy w Skip intro and create a map i przechodzimy do konfigurowania nowej mapy. Aby to zrobić, musimy wygenerować klucz Google API, który jest niezbędny do prawidłowego funkcjonowania Google Mapy we wtyczce. Wchodzimy na stronę Google Maps Platform, a następnie trzeba kliknąć w Get Started.

Platforma

Na początku trzeba skonfigurować konto płatnicze, z którego Google będzie pobierać opłaty. Pewnie nasuwa się od razu pytanie, czy korzystanie z Google Map jest płatne? I tak i nie. Jeszcze kilka lat temu generowanie Google API nie wiązało się z żadnymi opłatami. Teraz sytuacja się zmieniła, ale Google każdemu użytkownikowi, który stara się o kod API, przydziela budżet w wysokości 300$. Jest to wystarczająca kwota przy stronach firmowych, gdzie dziennie odwiedza ją kilkanaście osób. Po przekroczeniu tej kwoty usługa przestanie działać. Chyba, że zgodzimy się na pobieranie opłaty.

Google Platform Cloud

Wygenerowany kod API należy wkleić w ustawienia wtyczki. Przechodzimy do zakładki Ustawienia, gdzie pokaże się pole do wklejenia API od Google.

Ustawienia API w Mapach Google

Teraz musimy tylko skonfigurować wygląd mapy na stronie (klikając edycja), podjąć współrzędne GPS oraz wybranie motywu. 

Osadzanie mapy

Następnie trzeba wyświetlony kod wkleić w miejsce, gdzie ma być mapa wyświetlana, np. w stopce, czy w zakładce kontakt. 

Skopiuj shortcode mapy

Dodanie Google Map na WordPress za pomocą kodu HTML

Drugim sposobem na dodanie dowolnej mapy od Google na stronę z WordPressem, i każdy inny system CMS, jest wygenerowanie kodu HTML, który następnie trzeba osadzić w wybranym miejscu w strukturze strony. Proces jest bardzo prosty.

Po pierwsze wchodzimy na stronę https://www.google.pl/maps/preview i w polu wyszukiwania wpisujemy miejsce, które nas interesuje. Jeśli wizytówka danej firmy, przedsiębiorstwa, czy instytucji publicznej jest dodana do bazy danych Google Map, to automatycznie z lewej strony wyświetlą się wszystkie informacje na temat tego miejsca: adres, telefon, godziny otwarcia, opinie itp. 

wyszukaj miejsca

Teraz należy kliknąć w Udostępnij. 

Udostępnij

Pojawią się dwie możliwości udostępniania adresu. Pierwszą jest  wysłanie linku do konkretnej wizytówki z zaznaczonym miejscem na mapie, ale ta opcja w tej chwili nie interesuje właściciela strony czy bloga opartego na systemie WordPress. Druga możliwość to Umieszczanie mapy. Ta opcja interesuje nas bardziej. Automatycznie zostanie wygenerowany kod HTML do osadzenia na stronie. Można wybrać jeden z trzech rozmiarów: mały, średni lub duży. Po wybraniu jednego należy tylko kliknąć Kopiuj HTML. Następnie trzeba go skopiować w strukturze kodu HTML strony opartej na WordPressie. 

Mapa Google

Co jeśli potrzebujemy niestandardowy wymiar mapy? Wystarczy wybrać opcję o nazwie Rozmiar niestandardowy i wpisać konkretną wysokość oraz szerokość okienka. Narzędzie Google pozwala także na podgląd każdej mapy. 

Wymiar mapy

Ostatni krok to wklejenie wygenerowanego kodu HTML do WordPressa. Można to zrobić na kilka sposobów. Jeśli zależy nam na tym, aby mapa wyświetlała się np. na każdej podstronie, należy skorzystać ze standardowego edytora kodu HTML, który jest dostępny w każdym WordPressie, niezależnie od wersji. Uruchamiamy odpowiedni plik HTML, wklejamy kod Google Map i zapisujemy. Wystarczy odświeżyć lub uruchomić wybraną podstronę, a mapa od razu się wyświetli. I to wszystko.

Pamiętaj jednak, że jeśli dodasz mapę w taki sposób, to po aktualizacji zniknie, ponieważ pliki motywu się nadpiszą. Dlatego najlepiej stworzyć motyw potomny, aby nie wklejać kodu po każdej aktualizacji. Zazwyczaj jednak wystarczy wstawić kod do wybranego wpisu np. Kontakt.

A co w przypadku kiedy mapa ma się pojawić tylko w jednym konkretnym miejscu. np. we wpisie? Należy wejść w każdy pojedynczy wpis i zaznaczyć opcję Tekstowy. Wklejamy kod i zapisujemy zmiany. 

Wklej kod HTML mapy

Dlaczego Mapy Google na stronie są tak istotne?

Zadajesz sobie to pytanie? W takim razie musisz wcielić się w rolę Klienta, który wchodzi na stronę danej firmy, przegląda ofertę, zapoznaje się i decyduje się skorzystać. Patrzy na podany adres i dla osoby z innego miasta, innej części województwa, czy kraju, kompletnie to nic nie mówi. W takiej sytuacji rozwiązaniem będzie wstawienie map Google. To naprawdę duże ułatwienie dla osoby poszukującej trasy. 

Przede wszystkim może spojrzeć od razu, w jakiej części kraju, przy jakim większym mieście dana firma, czy przedsiębiorstwo się mieści. Łatwiej wtedy będzie zaplanować drogę i obliczyć koszty np. transportu. Mapy pozwalają w kilka sekund wygenerować całą drogę z punktu A do punktu B z podaniem kilku różnych tras (różnią się długością i czasem przejazdu). Bardzo wygodne, prawda? Na pewno wielokrotnie z tego rozwiązania korzystałeś, więc pozwól, aby Klienci również w ten sposób do Ciebie dotarli!

TAGI:google mapsjak dodać mapę googleJak udostępnić mapę googlemapy googlemapy google wordpress
Udostępnij ten artykuł
Facebook Kopiuj link Drukuj
Poprzedni artykuł Font Google Fonts – Jak korzystać z czcionek w WordPress?
Następny artykuł e-mail Jak pisać e-mail ? Prowadzenie newslettera w praktyce.
Brak komentarzy

Dodaj komentarz Anuluj pisanie odpowiedzi

Twój adres email nie zostanie opublikowany. Wymagane pola są oznaczone *

Ta strona używa Akismet do redukcji spamu. Dowiedz się, w jaki sposób przetwarzane są dane Twoich komentarzy.

FacebookLubię to
XObserwuj
PinterestPin
InstagramObserwuj
Ranking hostingów 2025 [październik]
domenomania 9.8/10 Testuj za darmo
seohost 9.7/10 Testuj za darmo
thecamels 9.6/10 Testuj za darmo
Najnowsze
Sztuczna inteligencja w pozycjonowaniu
Jak wykorzystać sztuczną inteligencję w SEO w dobie AI
17 października, 2025
Jak przyspieszyć WordPressa
Jak przyspieszyć WordPressa? Poradnik i instrukcja
7 października, 2025

Może ci się spodobać

hosting a seo
Poradniki

Czy hosting ma wpływ na pozycjonowanie?

10 Min. czytania
Content marketing
Zarabianie na bloguDla początkujących

Content Marketing czyli jak zarabiać na swoim blogu?

14 Min. czytania
szybkość strony
Dla początkującychPoradnikiSEO

Szybkość strony – 4 narzędzia do pomiaru

3 Min. czytania
motyw potomny
MotywyPoradniki

Motyw potomny w WordPress – Jak stworzyć w 2024?

8 Min. czytania

Zapisz się na nasz newsletter

Bądź pierwszy, który dowiaduje się o nowościach, cennych wskazówkach i ekskluzywnych ofertach dotyczących Wordpressa.
logo wpmentor.pl logo wpmentor.pl

Naucz się jak stworzyć stronę www krok po kroku. Poradniki Wordpress dla początkujących. 

Przydatne linki

  • Blog
  • Linki
  • Kontakt

Zasady

  • Regulamin serwisu
  • Polityka prywatności
  • Obowiązek informujący RODO

Masz jakieś problemy lub pytania?

Napisz do nas. Postaramy się udzielić najbardziej satysfakcjonującej odpowiedzi.
Skontaktuj się
Zarządzaj zgodą
Aby zapewnić jak najlepsze wrażenia, korzystamy z technologii, takich jak pliki cookie, do przechowywania i/lub uzyskiwania dostępu do informacji o urządzeniu. Zgoda na te technologie pozwoli nam przetwarzać dane, takie jak zachowanie podczas przeglądania lub unikalne identyfikatory na tej stronie. Brak wyrażenia zgody lub wycofanie zgody może niekorzystnie wpłynąć na niektóre cechy i funkcje.
Funkcjonalne Zawsze aktywne
Przechowywanie lub dostęp do danych technicznych jest ściśle konieczny do uzasadnionego celu umożliwienia korzystania z konkretnej usługi wyraźnie żądanej przez subskrybenta lub użytkownika, lub wyłącznie w celu przeprowadzenia transmisji komunikatu przez sieć łączności elektronicznej.
Preferencje
Przechowywanie lub dostęp techniczny jest niezbędny do uzasadnionego celu przechowywania preferencji, o które nie prosi subskrybent lub użytkownik.
Statystyka
Przechowywanie techniczne lub dostęp, który jest używany wyłącznie do celów statystycznych. Przechowywanie techniczne lub dostęp, który jest używany wyłącznie do anonimowych celów statystycznych. Bez wezwania do sądu, dobrowolnego podporządkowania się dostawcy usług internetowych lub dodatkowych zapisów od strony trzeciej, informacje przechowywane lub pobierane wyłącznie w tym celu zwykle nie mogą być wykorzystywane do identyfikacji użytkownika.
Marketing
Przechowywanie lub dostęp techniczny jest wymagany do tworzenia profili użytkowników w celu wysyłania reklam lub śledzenia użytkownika na stronie internetowej lub na kilku stronach internetowych w podobnych celach marketingowych.
  • Zarządzaj opcjami
  • Zarządzaj serwisami
  • Zarządzaj {vendor_count} dostawcami
  • Przeczytaj więcej o tych celach
Zobacz preferencje
  • {title}
  • {title}
  • {title}
Welcome Back!

Sign in to your account

Username or Email Address
Password

Zapomniałeś hasła?