Store Locator in Jimdo einbinden

Was Sie bekommen

Eine interaktive Standortkarte mit Liste, Suche und Filtern auf Ihrer Jimdo-Seite. Die Standorte pflegen Sie in My Store Locator, Änderungen erscheinen automatisch.

Voraussetzungen

Ein Konto bei My Store Locator (kostenlos registrieren)
Eine veröffentlichte Karte (Status „Live“)
Der Einbettungscode aus dem Embed Studio der App (Reiter iframe)
Eine Jimdo-Website, in die Sie eigenen HTML-Code einfügen können

Welche Jimdo-Variante nutzen Sie?

Jimdo bietet zwei Produkte: den älteren Jimdo Creator und den neueren Jimdo Website-Baukasten. Die Einbindung unterscheidet sich.

Jimdo Creator

Kopieren Sie in der App im Embed Studio den Code im Reiter iframe.
Öffnen Sie in Jimdo die Seite, auf der die Karte erscheinen soll.
Fügen Sie an der gewünschten Stelle ein neues Element hinzu und wählen Sie Widget/HTML.
Fügen Sie den Code in das Eingabefeld ein und speichern Sie.
Prüfen Sie die Seite in der Vorschau bzw. nach dem Veröffentlichen.

Jimdo Website-Baukasten

Ob Sie im neueren Website-Baukasten eigenen HTML-Code einbetten können, hängt von Ihrem Jimdo-Tarif ab. Prüfen Sie in Ihrem Jimdo-Konto oder in der Jimdo-Hilfe, ob für Ihre Seite ein Element für HTML- oder Code-Einbettung verfügbar ist. Wenn ja, fügen Sie dort denselben Code ein.

Ist keine HTML-Einbettung möglich, können Sie die Karte per Link oder QR-Code aus dem Embed Studio verlinken, z. B. über einen Button „Standorte finden“.

<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>

Template wechseln, Code behalten

Der Code enthält einen festen Token. Ein Wechsel des Templates oder der Farben in der App ändert ihn nicht. In Jimdo bleibt alles, wie es ist.

Datenschutz: Zwei-Klick-Lösung

Schalten Sie im Embed Studio „Karte erst nach Klick laden (DSGVO)“ ein. Besucher sehen dann zuerst einen Platzhalter mit Hinweistext, die Karte lädt erst nach einem Klick. Fügen Sie den geänderten Code in Jimdo ein.

Höhe und mobile Darstellung

Die Karte nimmt die Breite des Inhaltsbereichs ein. Die Höhe legen Sie im Embed Studio fest. Testen Sie die Seite auch auf dem Smartphone. Bei schmalen Layouts kann das Template „Mobile Sheet“ übersichtlicher sein.

Wenn die Karte nicht erscheint

Leer im Bearbeitungsmodus: Eingebetteter Code wird beim Bearbeiten nicht immer angezeigt. Prüfen Sie die veröffentlichte Seite.
„Karte nicht verfügbar“: Die Karte ist noch ein Entwurf. Veröffentlichen Sie sie in der App.
Code wird nicht gespeichert: Ihr Tarif erlaubt möglicherweise keine HTML-Einbettung. Nutzen Sie dann Link oder QR-Code.

Mehr dazu in der Hilfe zum Einbetten.

FAQ

Woran erkenne ich, ob ich den Jimdo Creator nutze?

Am einfachsten in Ihrem Jimdo-Konto oder in der Jimdo-Hilfe. Die beiden Produkte haben unterschiedliche Editoren und Elementlisten.

Kann ich das JavaScript-Widget statt des iframes nutzen?

Für Jimdo empfehlen wir den iframe-Code. Er funktioniert auch dort, wo Skripte eingeschränkt sind.

Was mache ich, wenn mein Tarif kein HTML erlaubt?

Verlinken Sie die Karte über den direkten Link oder einen QR-Code aus dem Embed Studio. Die Karte öffnet sich dann in einem eigenen Fenster.