Store Locator in Squarespace einbinden
In Squarespace setzen Sie die Karte mit einem Code-Block ein. Ob iframes dort laufen, hängt von Ihrem Squarespace-Tarif ab.
Heute verfügbarEinbettungscode im Code-Block.
Kein Plugin nötigFür Squarespace ist kein eigenes Plugin geplant - der Code-Block ist der vorgesehene Weg.
Was Sie bekommen
Eine Standortkarte mit Liste, Suche und Filtern auf Ihrer Squarespace-Seite. 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
- Ein Squarespace-Tarif, der JavaScript und iframes im Code-Block erlaubt. Laut Squarespace-Hilfe ist das ab dem Tarif Core der Fall (bei älteren Tarifen ab Business). Prüfen Sie Ihren Tarif in den Einstellungen.
Schritt für Schritt
- Kopieren Sie im Embed Studio den Code im Reiter iframe.
- Öffnen Sie in Squarespace die Seite und klicken Sie auf Bearbeiten.
- Klicken Sie an der gewünschten Stelle auf Block hinzufügen und wählen Sie Code.
- Fügen Sie den Code ein. Lassen Sie den Modus auf HTML und schalten Sie Quellcode anzeigen aus.
- Ziehen Sie den Block auf die gewünschte Breite, speichern Sie und prüfen Sie die 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>Ihr Tarif erlaubt keine iframes? Dann verlinken Sie die Karte über einen Button „Standorte finden“. Den Link und einen QR-Code finden Sie im Embed Studio im Reiter Link & QR.
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
- Nur ein Platzhalter „Script disabled“ im Editor: Squarespace zeigt eingebettete Inhalte im Editor oft nicht an. Prüfen Sie die Live-Seite.
- Auf der Live-Seite leer: Ihr Tarif unterstützt möglicherweise keine iframes im Code-Block.
- „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
Gibt es ein Squarespace-Plugin?
Nein, und für den Weg über den Code-Block brauchen Sie auch keines.
Kann ich das JavaScript-Widget verwenden?
Ja, ebenfalls im Code-Block. Für Squarespace empfehlen wir den iframe, weil er am wenigsten von Template-Skripten beeinflusst wird.
Funktioniert das mit Squarespace 7.0 und 7.1?
Ja. Der Code-Block heißt in beiden Versionen gleich. Die Tarifnamen unterscheiden sich.
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.