Store Locator für WooCommerce

Was Sie bekommen

Eine Standortkarte mit Suche, Filtern und Route in Ihrem WooCommerce-Shop. Kundinnen und Kunden finden das nächste Geschäft, eine Abholstelle oder einen Händler, ohne den Shop zu verlassen. Die Standorte pflegen Sie zentral in My Store Locator - getrennt von Ihren Produkten und Bestellungen.

Voraussetzungen

• Ein Konto bei My Store Locator (kostenlos registrieren)
• Eine veröffentlichte Karte (Status „Live“)
• Für das Plugin ein Administrator-Konto in WordPress, für den Weg ohne Plugin den Einbettungscode aus dem Embed Studio der App
• In WordPress Rechte zum Bearbeiten von Seiten

Mit dem Plugin

1. Laden Sie oben die Zip-Datei herunter (nicht entpacken).
2. Öffnen Sie in WordPress Plugins → Neues Plugin hinzufügen → Plugin hochladen, wählen Sie die Datei, klicken Sie auf Jetzt installieren und dann auf Plugin aktivieren.
3. Öffnen Sie Einstellungen → My Store Locator und klicken Sie auf Connect with My Store Locator. Melden Sie sich an und wählen Sie Ihre Karte - der Karten-Token wird übernommen.
4. Fügen Sie auf einer Seite wie „Filialen“ den Block My Store Locator oder den Shortcode [my_store_locator] ein und verlinken Sie die Seite im Shop-Menü oder im Footer.

Die Zwei-Klick-Lösung ist im Plugin voreingestellt. Ein Plugin aus der Zip-Datei aktualisiert sich nicht von selbst; neue Versionen finden Sie hier, und nach der Freigabe im WordPress-Verzeichnis kommen Updates automatisch. Alle Einzelheiten stehen in der WordPress-Anleitung.

Ohne Plugin: Block „Individuelles HTML“

1. Kopieren Sie im Embed Studio den Code im Reiter iframe.
2. Legen Sie in WordPress unter Seiten → Erstellen eine Seite an, z. B. „Filialen“, oder öffnen Sie eine bestehende Seite.
3. Fügen Sie den Block „Individuelles HTML“ ein und setzen Sie den Code hinein.
4. Veröffentlichen Sie die Seite und verlinken Sie sie im Shop-Menü oder im Footer.

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

Sie möchten die Karte auf einer WooCommerce-Seite wie „Warenkorb“ oder „Kasse“ zeigen, etwa als Hinweis auf Abholstellen? Fügen Sie den Block dort im Block-Editor ein. Bei älteren, klassischen Themes gelingt das je nach Theme über ein Widget „Individuelles HTML“ in einem Widget-Bereich.

Lieber das Script statt iframe? Der Reiter JavaScript im Embed Studio liefert ein Widget, das seine Höhe dem Inhalt anpasst:

<div id="mystorelocator" data-token="IHR-TOKEN" data-height="auto" data-lang="de" data-consent="true"></div>
<script src="https://app.my-store-locator.com/widget.js" async defer></script>

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

• Code wird entfernt: Manche Sicherheits-Plugins oder eingeschränkte Benutzerrollen filtern iframes. Bearbeiten Sie die Seite als Administrator.
• Caching- oder Optimierungs-Plugin: Wenn das Widget-Script verzögert oder zusammengefasst wird, nehmen Sie widget.js von der Optimierung aus oder nutzen Sie den iframe.
• „Karte nicht verfügbar“: Die Karte ist noch ein Entwurf. Veröffentlichen Sie sie in der App.
• Content Security Policy: Setzt Ihre Website eine CSP, muss frame-src die Domain app.my-store-locator.com erlauben (beim Widget zusätzlich script-src).

Alle Optionen erklärt die Hilfe zum Einbetten.

FAQ