Standort-Widget in jede Website einbetten

Das Widget ist eine einzige iframe-Zeile — jede Plattform, die eigenes HTML zulässt, kann es einbinden. Stelle Theme und Größe auf der Einbetten-Seite ein, kopiere den Code und folge dann unten den Schritten für deine Plattform. Für WordPress gibt es stattdessen ein Plugin mit einem einzigen Klick.

Mit Berechtigung · Privat · Funktioniert in Chrome, Safari, Firefox, Edge

WordPress (am einfachsten: das Plugin)

Mit Plugin: whatismylocation-widget.zip herunterladen → wp-admin ▸ Plugins ▸ Installieren ▸ Plugin hochladen → aktivieren. Setze dann [whatismylocation] überall dort ein, wo Shortcodes funktionieren (Beiträge, Seiten, Text-Widgets), mit Optionen: [whatismylocation theme="golden" mode="full" height="420"]. Das Plugin gibt denselben iframe aus — an deiner Website ändert sich sonst nichts.

Ohne Plugin: Füge im Block-Editor einen Individuelles HTML-Block hinzu und kopiere den iframe hinein. Im Classic Editor wechselst du vorher auf den Tab „Text“.

Wix, Squarespace, Shopify, Webflow, Blogger

Wix: Elemente hinzufügen ▸ Code einbetten ▸ HTML einbetten → den iframe einfügen → das Element auf deine gewählte Höhe ziehen. (Wix führt Einbettungen in einer Sandbox aus; die Standortabfrage funktioniert trotzdem, weil das allow-Attribut gesetzt ist.)
Squarespace: Einen Code-Block hinzufügen (in den aktuellen Tarifen enthalten) → einfügen. Wenn das Widget zwar erscheint, die Schaltfläche aber nichts tut, kopiere das Snippet erneut — das Attribut allow="geolocation" muss vorhanden sein.
Shopify: Füge im Theme-Editor einen Abschnitt Benutzerdefiniertes Liquid hinzu (oder bearbeite das HTML der Seite) und setze den iframe ein. Funktioniert in Themes für Online Store 2.0 ohne zusätzliche Apps.
Webflow: Ein Embed-Element hineinziehen → einfügen → veröffentlichen (Einbettungen werden nur auf der veröffentlichten Seite dargestellt, nicht im Designer).
Blogger / andere CMS: Jede Ansicht mit reinem HTML nimmt den iframe unverändert an.

Die Eigenheiten der Plattformen ändern sich; wenn ein Baukasten in deinem Tarif iframes entfernt, sind seine Hilfeseiten unter „HTML einbetten“ maßgeblich.

Optionen im Überblick

Parameter	Werte	Hinweise
`theme`	light · dark · golden	Golden passt zu warmen, hochwertigen Designs.
`mode`	compact · full	Full ergänzt eine Mini-Karte (höher: height ≥ 380 nutzen).
iframe `height`	220–800 px	Compact passt in 260; für full sind 420 angenehm.
`allow`	geolocation	Pflicht — ohne dieses Attribut blockiert der Browser die Berechtigungsabfrage im iframe.

Schritt für Schritt

Öffne den Einbettungs-Konfigurator und wähle Theme (hell, dunkel, golden), Modus und Größe – die Vorschau aktualisiert sich live.
Klicke auf Embed-Code kopieren.
Füge ihn in das HTML-/Einbettungselement deiner Plattform ein (Details je Plattform weiter unten).
Veröffentliche und teste anschließend auf dem Handy: Tippe auf die Schaltfläche des Widgets und bestätige die Standortabfrage, um zu prüfen, ob das Attribut allow="geolocation" erhalten geblieben ist.

Widget in WordPress einbauen iframe in ein CMS einbinden

Häufige Fragen

Brauche ich für WordPress das Plugin?

Nein. Das Plugin ist nur der bequemste Weg: Es liefert einen Shortcode und gibt genau denselben iframe aus. Ein Block „Individuelles HTML“ mit der eingefügten iframe-Zeile führt zum selben Ergebnis.

Das Widget wird angezeigt, aber die Schaltfläche reagiert nicht — woran liegt das?

Meist fehlt im eingefügten Code das Attribut allow="geolocation". Ohne dieses Attribut blockiert der Browser die Standortabfrage im iframe. Kopiere das Snippet von der Einbetten-Seite noch einmal vollständig und ersetze damit deinen alten Code.

Wie hoch muss der iframe sein?

Zwischen 220 und 800 px. In der kompakten Ansicht reichen 260 px; mit mode="full" kommt eine Mini-Karte dazu, dafür brauchst du mindestens 380 px, angenehm sind 420 px. Passe die Höhe des Elements im Baukasten an denselben Wert an.

Auf Englisch ansehen: How to Embed the Location Widget on Any Site · Deutsch