Jak dodać Google Maps do strony WordPress?

Jak dodać Google Maps do strony WordPress?

Hej!

Mapa Google na stronie kontaktowej to jeden z tych elementów, który naprawdę pomaga klientom – szczególnie jeśli prowadzisz biznes stacjonarny. I można to zrobić na kilka sposobów.

Sposób 1 – embed bez wtyczki (najprostszy)

Wchodzisz na maps.google.com, wyszukujesz swoją lokalizację, klikasz Udostępnij i wybierasz zakładkę Umieść mapę. Kopiujesz kod iframe który wygląda mniej więcej tak:

<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d10240.585108789543!2d18.06892992687853!3d50.08354811318472!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x471165f022990dc1%3A0x4d57b88acb30c662!2sPietrowice%20Wielkie!5e0!3m2!1spl!2spl!4v1774112209589!5m2!1spl!2spl" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>

W edytorze Gutenberg dodajesz blok Własny HTML i wklejasz ten kod. Mapa pojawia się na stronie – responsywna, bez żadnych wtyczek i bez klucza API.

Sposób 2 – przez wtyczkę WP Google Maps

Jeśli chcesz więcej możliwości – własne pinezki, kilka lokalizacji, trasy – wtyczka WP Google Maps daje wizualny kreator map. Darmowa wersja wystarczy do podstawowych potrzeb. Wymaga klucza API Google Maps – zakładasz go w Google Cloud Console, jest bezpłatny przy małym ruchu.

Sposób 3 – blok Mapy w Elementorze

Jeśli budujesz stronę w Elementorze – masz wbudowany widget Mapy. Wklejasz adres lub współrzędne, ustawiasz zoom i gotowe. Najszybciej ze wszystkich opcji.

Ważna kwestia – RODO

Mapa Google ładuje się z zewnętrznych serwerów Google i przesyła IP użytkownika. Przy rygorystycznym podejściu do RODO warto użyć rozwiązania z opóźnionym ładowaniem mapy – mapa wczytuje się dopiero po kliknięciu przycisku przez użytkownika. Wtyczka Borlabs Cookie lub podobna pomoże to ogarnąć. 😊