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.

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