Store Locator in Shopify einbinden

Mit einem Abschnitt „Benutzerdefiniertes Liquid“ zeigen Sie Ihre Filialen, Händler oder Abholstellen direkt in Ihrem Shopify-Shop.

Was Sie bekommen

Eine Standortkarte mit Suche, Filtern und Routenlink in Ihrem Shopify-Theme. Kundinnen und Kunden finden so das nächste Geschäft oder den nächsten Händler, ohne den Shop zu verlassen. Die Daten pflegen Sie zentral 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
  • Zugriff auf den Theme-Editor in Shopify

Schritt für Schritt

  1. Kopieren Sie in der App im Embed Studio den Code für Ihre Karte (Reiter Shopify oder iframe – der Code ist derselbe).
  2. Öffnen Sie in Shopify Onlineshop → Themes → Anpassen.
  3. Wählen Sie oben im Editor die gewünschte Seite, z. B. „Filialen“. Falls es die Seite noch nicht gibt, legen Sie sie vorher unter Onlineshop → Seiten an.
  4. Klicken Sie auf Abschnitt hinzufügen → Benutzerdefiniertes Liquid.
  5. Fügen Sie den Code in das Liquid-Feld ein und klicken Sie auf Speichern.
<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>

Je nach Theme gilt ein Abschnitt für alle Seiten mit derselben Vorlage. Wenn die Karte nur auf einer Seite erscheinen soll, weisen Sie dieser Seite eine eigene Seitenvorlage zu.

Hinweis: Es gibt keine offizielle Shopify-App von My Store Locator. Die Einbindung läuft über den Code aus dem Embed Studio.

Template wechseln, Code behalten

Der Code enthält einen festen Token. Ändern Sie in der App das Template, die Farben oder die angezeigten Felder, übernimmt die Karte in Shopify das automatisch.

Datenschutz: Zwei-Klick-Lösung

Im Embed Studio können Sie „Karte erst nach Klick laden (DSGVO)“ einschalten. Dann zeigt Ihr Shop zuerst einen Platzhalter mit Hinweistext, und die Karte lädt erst nach einem Klick. Kopieren Sie danach den neuen Code.

Höhe und mobile Darstellung

Die Karte nimmt die volle Breite des Abschnitts ein. Die Höhe legen Sie im Embed Studio fest. Da viele Shop-Besuche vom Smartphone kommen, lohnt sich ein Blick auf das Template „Mobile Sheet“ und ein Test auf dem Telefon.

Wenn die Karte nicht erscheint

  • Leer in der Theme-Vorschau: Prüfen Sie die Seite im Shop selbst bzw. über „Vorschau“ in einem neuen Tab.
  • „Karte nicht verfügbar“: Die Karte ist noch ein Entwurf und muss in der App veröffentlicht werden.
  • Content Security Policy: Falls Sie oder eine App eine CSP setzen, muss frame-src die Domain app.my-store-locator.com erlauben.

Mehr dazu in der Hilfe zum Einbetten.

FAQ

Brauche ich eine Shopify-App?

Nein. Der Abschnitt „Benutzerdefiniertes Liquid“ ist in Shopify-Themes enthalten. Eine eigene App gibt es nicht.

Kann ich die Karte auf einer Produktseite zeigen?

Ja, technisch geht das mit demselben Abschnitt in der Produktvorlage. Achten Sie darauf, dass die Karte dann auf allen Produkten mit dieser Vorlage erscheint.

Werden Änderungen an Filialen sofort sichtbar?

Ja. Die Karte lädt die Standorte bei jedem Aufruf aus My Store Locator.

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.

Kostenlos startenDemo buchen