Jak dodać Google Maps do strony internetowej na WordPress lub WooCommerce?

W tym wpisie dowiesz się jak dodać Google Maps do strony WordPress / WooCommerce bez żadnych wtyczek.
Wybierzesz sobie punkt, który chcesz wyświetlić a następnie osadzisz mapę na konkretnej podstronie.

Na samym końcu tego artykułu znajdziesz również wersję wideo tego poradnika. Zaczynajmy!

Dodawanie Google maps do strony

Żeby dodać mapkę, musisz najpierw wybrać na niej jakiś punkt. Otwórz google maps i wybierz adres. Ja, dla przykładu wybrałem adres Kancelarii Prezydenta.
Następnie kliknij przycisk „Udostępnij„.

Udostępnij kod do wklejenia na stronę

Po kliknięciu „Udostępnij”, pojawi Ci się okienko z dwiema zakładkami na górze. Wybierz tą drugą – „Umieszczanie mapy„.

Następnie kliknij „Kopiuj HTML„.

Osadź mapkę na stronie

Teraz pora na wstawienie mapki na stronę. Pokażę jak to zrobić za pomocą edytora Gutenberg jak też Elementora.
Zacznijmy od tego pierwszego.

Gutenberg

Żeby osadzić mapkę na stronie za pomocą edytora Gutenberg, wyszukaj blok o nazwie „Własny HTML” po czym wybierz go. Pojawi Ci się okienko, do którego należy dodać kod, skopiowany z google maps.
Gdy go dodasz i skończysz edycję strony, kliknij „Opublikuj” i zobacz stronę, efekt powinien wyglądać jak poniżej.

Elementor

Wybierz stronę, do której chcesz dodać mapkę i kliknij „Edytuj w Elementorze„.
Jeśli tworzysz nową sekcję to wybierz najpierw jej strukturę, jeśli nie to możesz od razu przejść do wyszukania po lewej stronie – wpisz html i przeciągnij znaleziony element.
Gdy to zrobisz, pojawi Ci się puste pole, do którego możesz dodać kod skopiowany z google maps. Chyba nie muszę dodawać, że należy go tam wkleić, prawda?

Po wszystkim wystarczy, że klikniesz „Aktualizuj” i gotowe!

Wciąż nie wiesz jak dodać Google Maps do strony WordPress i wolisz bogatszą w treść wersję wideo? Sprawdź wideo-poradnik:

W tym poradniku to już wszystko. Dziękuję za poświęcony czas i zapraszam do śledzenia mojego kanału na YouTube:
Partofweb.pl – Strony internetowe & biznes online.

Jako PARTOFWEB świadczę usługi tworzenia blogów, stron i sklepów internetowych. Pomagam przy optymalizacji SEO oraz diagnostyce usterek witryny. Jeśli potrzebujesz pomocy napisz do mnie za pomocą formularza kontaktowego lub e-mailem na kontakt@partofweb.pl.