Sie können Google Maps in WordPress einbinden, indem Sie entweder den Ein­bet­tungs­code der Karte verwenden oder auf eines der zahl­rei­chen Plugins zu­rück­grei­fen. Beide Methoden sind ver­gleichs­wei­se einfach und benötigen kein großes Vorwissen.

KI-Assistent kostenlos – Ihr smarter All­tags­hel­fer
  • DSGVO-konform & sicher gehostet in Deutsch­land
  • Pro­duk­ti­vi­tät steigern – weniger Aufwand, mehr Output
  • Direkt im Browser starten – ohne In­stal­la­ti­on

Die Ein­bin­dung ist mit oder ohne Plugin möglich

Es gibt ver­schie­de­ne gute Gründe, eine Karte von Google Maps auf Ihrer WordPress-Seite ein­zu­fü­gen. Wenn Sie z. B. einen Google-Maps-Eintrag erstellt haben und Kunden den Weg zu Ihrer Adresse zeigen möchten oder die Strecke zwischen zwei Orten ver­an­schau­li­chen wollen, ist diese Mög­lich­keit die ein­fachs­te und beste. Google Maps in WordPress ein­zu­bin­den ist relativ einfach. Sie haben dafür ver­schie­de­ne Optionen, die je nach Aufbau der Seite mehr oder weniger sinnvoll sind. Dabei können Sie zwischen einigen emp­feh­lens­wer­ten WordPress-Plugins und der In­te­gra­ti­on ohne zu­sätz­li­che Er­wei­te­run­gen wählen.

Google Maps in WordPress einbinden ohne Plugin

Kurz­an­lei­tung:

  1. Karte anlegen
  2. Ein­bet­tungs­code kopieren
  3. Code einsetzen
  4. Über die Vor­schau­an­sicht über­prü­fen
  5. Än­de­run­gen speichern

Die ein­fachs­te Methode, um Google Maps in WordPress ein­zu­bet­ten, bietet der Online-Kar­ten­dienst selbst.

Schritt 1: Rufen Sie dazu zunächst die Karte auf, die Sie einbauen möchten. Außer einem einzelnen Ort können Sie auch eine Strecke zwischen zwei oder mehr Punkten auswählen.

Schritt 2: Ent­spricht die Karte Ihren Vor­stel­lun­gen, klicken Sie oben links auf das Menü mit den drei waa­ge­rech­ten Strichen.

Schritt 3: Wählen Sie nun die Option „Karte teilen oder einbetten“.

Schritt 4: Nun öffnet sich ein Pop-up-Fenster. Wenn Sie oben auf „Karten einbetten“ klicken, können Sie nicht nur den Ein­bet­tungs­code kopieren, sondern auch die passende Größe auswählen.

Schritt 5: Klicken Sie jetzt auf „HTML kopieren“.

Schritt 6: Fügen Sie nun den Code von Google Maps in Ihre WordPress-Seite ein. Dafür nutzen Sie den Editor und setzen den Ein­bet­tungs­code in den Block ein.

Schritt 7: Über die Vorschau kon­trol­lie­ren Sie, wie die Karte später in die Webseite in­te­griert wird, und nehmen ggf. Än­de­run­gen vor.

Wichtig ist, dass Sie zu­sätz­lich Ihren API-Schlüssel einfügen, falls Sie auf einer ge­werb­li­chen WordPress-Seite Google Maps einbinden möchten. Was es damit auf sich hat, erklären wir Ihnen weiter unten.

Ein­bin­dung über My Maps

Auch über Google My Maps lassen sich Karten kreieren und einbauen. Bei einer solchen Karte können Sie ein wenig de­tail­lier­ter her­an­ge­hen und eigene An­mer­kun­gen einfügen. Sinnvoll ist das bei­spiels­wei­se, wenn Sie Park­mög­lich­kei­ten in der Nähe aufzeigen oder al­ter­na­ti­ve Routen abbilden möchten. Haben Sie die Karte einmal erstellt, läuft die Ein­bin­dung ähnlich ab wie bei der oben genannten Methode. Sie ge­ne­rie­ren einen Ein­bet­tungs­code, kopieren diesen und fügen ihn dann im Blo­cke­di­tor hinzu.

Tipp

Hosting für WordPress von IONOS bietet Ihnen nicht nur bis zu drei Domains dauerhaft kostenlos, sondern auch alle not­wen­di­gen Updates, auf Wunsch sogar au­to­ma­tisch. Bei unseren drei Ta­rif­mo­del­len ist auch das richtige für Sie dabei.

Google Maps in WordPress mit Plugin einbinden

Al­ter­na­tiv haben Sie die Mög­lich­keit, Plugins zu nutzen, wenn Sie bei WordPress Google Maps oder die Karte eines al­ter­na­ti­ven Anbieters einbinden möchten. Das ver­ein­facht den Einbau und gibt Ihnen zu­sätz­li­che Ge­stal­tungs­mög­lich­kei­ten. Gerade wenn Sie mehrere Karten einbauen müssen, ist ein Plugin die prak­ti­ka­bels­te Lösung. Die not­wen­di­gen Ein­stel­lun­gen führen Sie dabei nach der In­stal­la­ti­on jeweils bequem im Dashboard durch. Wir stellen Ihnen an dieser Stelle die besten Optionen vor.

Google Maps Widget

Google Maps Widget ist eine besonders nut­zer­freund­li­che Methode, wenn Sie Google Maps in WordPress einbauen möchten. Zunächst in­stal­lie­ren und ak­ti­vie­ren Sie das Widget und hin­ter­le­gen dann Ihren API-Schlüssel. An­schlie­ßend finden Sie das Widget im Menü unter „Design“. Dieses Tool erlaubt es Ihnen, überall auf Ihrer Seite Maps ein­zu­bau­en und auch in­ter­ak­ti­ve Karten anzulegen. Für die meisten Nutzer reichen die Mög­lich­kei­ten dieses kos­ten­lo­sen Widgets völlig aus.

Google Maps Easy

Auch hier ist der Name Programm. Das Besondere an Google Maps Easy ist, dass Sie neue Karten mit Hilfe einer separaten Ver­wal­tungs­ober­flä­che erstellen können. Das Tool erlaubt es Ihnen, Be­schrei­bun­gen, An­mer­kun­gen und Bilder ein­zu­fü­gen und die Optionen für das Zoomen fest­zu­le­gen. Haben Sie eine eigene Map erstellt, setzen Sie diese ganz einfach mit einem Shortcode ein.

WP Google Maps

WP Google Maps gehört zu den be­lieb­tes­ten Mög­lich­kei­ten, Google Maps in WordPress ein­zu­bin­den. Sie haben dabei die Wahl zwischen einer kos­ten­lo­sen Ba­sis­va­ri­an­te und einer kos­ten­pflich­ti­gen Version, die einige zu­sätz­li­che Features bietet. Bereits die freie Option überzeugt mit zehn ver­schie­de­nen Themes und erlaubt es Ihnen, auch Details wie Fahr­rad­spu­ren, Rich­tungs­an­wei­sun­gen und zu­sätz­li­che In­for­ma­tio­nen ein­zu­bau­en und die Zoom-Optionen fest­zu­le­gen.

Hero Maps Premium

Mit seinem stolzen Preis von 20 US-Dollar ist Hero Maps Premium sehr teuer für den ein­ma­li­gen Einbau einer simplen Karte. Möchten Sie bei WordPress al­ler­dings Google Maps einbinden, die voll und ganz nach Ihren Vor­stel­lun­gen gestaltet sind, sich perfekt in die Seite einfügen und über zu­sätz­li­che Optionen für die Besucher verfügen, ist dieses Plugin dennoch emp­feh­lens­wert. Gerade die Fil­ter­funk­ti­on ist je nach Ein­satz­zweck eine sehr sinnvolle Ergänzung. Sollten Sie sich unsicher sein, ob sich diese An­schaf­fung für Sie lohnt, können Sie zunächst die kos­ten­lo­se De­mo­ver­si­on aus­pro­bie­ren.

WP Google Map Plugin

WP Google Map Plugin verfügt ebenfalls über eine eigene Ver­wal­tungs­ober­flä­che. Karten werden über einen neuen Me­nü­ein­trag angelegt. Die Schritte dafür sind selbst­er­klä­rend und sehr schnell durch­ge­führt. Zunächst legen Sie die Orte fest, die auf der Karte be­rück­sich­tigt werden sollen, und stellen dann einige Parameter ein. Die Ein­bin­dung erfolgt über einen Shortcode. WP Google Map Plugin ist im Vergleich zu anderen Optionen eher limitiert. Für einfache Karten ohne große Extras ist dieses Plugin al­ler­dings völlig aus­rei­chend.

Tipp

Mit wenigen Klicks zur Wunsch-Web­adres­se: Bei IONOS können Sie Ihre Traum-Domain re­gis­trie­ren und pro­fi­tie­ren von Wildcard-SSL, Domain Lock und einem 2 GB E-Mail-Postfach. Testen Sie noch heute, ob Ihre Lieblings-URL verfügbar ist!

Für ge­werb­li­che Websites wird ein API-Key benötigt

Sofern Sie Google Maps in einer WordPress-Seite einbinden möchten, die Sie ge­werb­lich nutzen, benötigen Sie einen API-Schlüssel. Dieser kostet Sie in der Regel nichts; lediglich wenn Ihre Seite besonders stark fre­quen­tiert wird und jeden Monat tausende Besucher anzieht oder Sie mehr als nur eine einfache Karte nutzen möchten, fallen mo­nat­li­che Kosten an. Den API-Key erhalten Sie über die Google Cloud Plattform Console. Dort erstellen Sie ein Projekt und wählen dann das passende Produkt aus. Möchten Sie Google Maps ohne Plugins auf Ihrer WordPress-Seite einbinden, wählen Sie die Option „Maps Embed API“. Mit Plugin ist „Google Maps Static“ die richtige Wahl.

Sie haben auch die Mög­lich­keit, mehrere Produkte aus­zu­wäh­len oder diese später zu ändern. Über die Option „Enable“ ak­ti­vie­ren Sie dann das gewählte Produkt. Ihren API-Key finden Sie im Anschluss unter „Cre­den­ti­als“. Hier können Sie auch Ein­schrän­kun­gen für den Schlüssel vornehmen, sodass niemand ihn für andere Seiten verwenden kann. Wenn Sie nun eine Karte auf Ihre Seite einbauen, fügen Sie den Schlüssel entweder in den Code ein oder hin­ter­le­gen ihn im ent­spre­chen­den Plugin. Nutzen Sie Ihre Seite nicht ge­werb­lich, können Sie auf einen eigenen API-Key ver­zich­ten.

Managed Hosting für WordPress
Erstellen Sie Ihre Website mit AI, wir über­neh­men den Rest
  • Keine Vor­kennt­nis­se nötig dank be­nut­zer­freund­li­cher AI-Tools
  • Voll­stän­dig anpassbar mit Themes und Plugins
  • Einfache Updates und minimaler Admin-Aufwand

Fazit: Google Maps in eine WordPress-Seite einbinden

Das Einbinden von Google Maps in eine WordPress-Seite ist mit oder ohne Plugin schnell erledigt. Sollten Sie lediglich eine Weg­be­schrei­bung zu Ihrer Adresse einbauen wollen, ist das auch händisch kein Problem. Für mehrere Karten oder zu­sätz­li­che Funk­tio­nen lohnt sich al­ler­dings ein Plugin, mit dem Sie die Karte noch besser auf Ihre Be­dürf­nis­se zu­schnei­den können.

Tipp

Im Digital Guide von IONOS finden Sie alles Wichtige rund um das be­lieb­tes­te CMS der Welt. Hier erklären wir Ihnen bei­spiels­wei­se, welche die besten WordPress Blog-Themes sind, und zeigen Ihnen, wie Sie Ihre WordPress-Seite schneller machen. Auch wenn Sie Al­ter­na­ti­ven zu WordPress suchen, werden Sie hier fündig.

Zum Hauptmenü