Store Locator im IONOS Website-Baukasten
Im Website-Baukasten von IONOS (MyWebsite) fügen Sie die Karte über ein Element für eigenen HTML-Code ein. Welches Element es gibt, hängt von Ihrer MyWebsite-Version ab.
Heute verfügbarEinbettungscode in einem HTML-Element, sonst Link oder QR-Code.
Kein Plugin nötigFür den IONOS-Baukasten ist kein eigenes Plugin geplant - der Einbettungscode ist der vorgesehene Weg.
Was Sie bekommen
Eine Standortkarte mit Liste, Suche und Filtern auf Ihrer IONOS-Website. Die Standorte pflegen Sie in My Store Locator.
Voraussetzungen
- Ein Konto bei My Store Locator (kostenlos registrieren)
- Eine veröffentlichte Karte (Status „Live“)
- Der Einbettungscode aus dem Embed Studio der App
- Eine Website im IONOS Website-Baukasten mit einem Element für eigenen HTML-Code
Schritt für Schritt
- Kopieren Sie im Embed Studio den Code im Reiter iframe.
- Öffnen Sie Ihre Website im Editor und wählen Sie die Seite, auf der die Karte erscheinen soll.
- Fügen Sie ein neues Element hinzu und suchen Sie in der Elementliste nach HTML oder Code (die Bezeichnung unterscheidet sich je nach Version von MyWebsite).
- Fügen Sie den Code in das Element ein und ziehen Sie es auf die gewünschte Breite und Höhe.
- Veröffentlichen Sie die Website und prüfen Sie die Karte auf der Live-Seite.
<iframe src="https://app.my-store-locator.com/#/m/IHR-TOKEN" title="Standortkarte" style="width:100%;height:640px;border:0;max-width:100%" loading="lazy" allow="geolocation"></iframe>Finden Sie kein Element für HTML-Code, schauen Sie in der Hilfe von IONOS nach, ob Ihr Paket es enthält. Ansonsten verlinken Sie die Karte über einen Button „Standorte finden“. Link und QR-Code stehen im Embed Studio im Reiter Link & QR.
Hinweis: Die Menübezeichnungen des IONOS-Baukastens ändern sich gelegentlich. Wenn ein Schritt bei Ihnen anders aussieht, schreiben Sie uns über die Kontaktseite - wir helfen gerne und passen die Anleitung an.
Datenschutz: Zwei-Klick-Lösung
Schalten Sie im Embed Studio „Karte erst nach Klick laden (DSGVO)“ ein und kopieren Sie den Code danach neu. Besucher sehen dann zuerst einen Platzhalter mit Datenschutzhinweis, die Karte lädt erst nach einem Klick. Mehr unter DSGVO & Sicherheit.
Wenn die Karte nicht erscheint
- Leer im Editor: Eingebetteter Code wird im Editor oft nur als Platzhalter gezeigt. Prüfen Sie die veröffentlichte Seite.
- Zu klein am Smartphone: Stellen Sie die Höhe des Elements auch in der mobilen Ansicht ein oder wählen Sie das Template „Mobile Sheet“.
- „Karte nicht verfügbar“: Die Karte ist noch ein Entwurf. Veröffentlichen Sie sie in der App.
Alle Optionen erklärt die Hilfe zum Einbetten.
FAQ
Gilt das auch für andere Baukästen von Webhostern?
Ja. Fast jeder Baukasten hat ein Element für HTML-Code. Der Ablauf ist derselbe: Element einfügen, Code hineinkopieren, veröffentlichen. Mehr unter HTML & iframe.
Wo liegen die Daten der Karte?
Die Standorte und die Karte liegen bei My Store Locator auf Servern in Deutschland, nicht bei IONOS. Ihre Website bindet die Karte nur ein.
Kann ich die Karte per QR-Code auf Flyer drucken?
Ja. Den QR-Code finden Sie im Embed Studio im Reiter Link & QR.
Probieren Sie es mit Ihren eigenen Standorten aus.
Konto anlegen, Standorte importieren, Karte einbinden. Der Free-Plan bleibt kostenlos - Pro können Sie 14 Tage testen.