C cenaly.com
Kostenlos starten

Squarespace · der nächste Schritt nach dem Portfolio

Widgets von Cenaly.com für Squarespace

Fügen Sie Ihren Kontakt oder Termine zu Ihrer Squarespace-Website hinzu. Wählen Sie ein Widget und richten Sie es ein, und fügen Sie dann den Code über Code Injection in einem unterstützten Plan ein. Auf diese Weise werden Widgets nicht im Checkout installiert; Consent und Analyse erfordern ein separates Vorgehen.

  • Code Injection: Core, Plus, Advanced und einige Legacy-Pläne
  • Header auf Website-Ebene; für eine einzelne Seite gibt es Page Header Code Injection
  • Prüfen Sie das mobile Menü, Formulare und vorhandene Pop-up-Fenster

Ohne Karte · Registrierung in einer Minute, Tag in einer weiteren · Änderungen an den Einstellungen erreichen die Website in 5 Minuten

Ein Tag für alle Widgets9 von 13 sind kostenlosShadow DOM – bricht das Layout nichtBeschriftungen in der Sprache der SeiteZwei Clouds: AWS und Russland

Was auf Squarespace funktioniert

Wählen Sie das gewünschte Widget und konfigurieren Sie es in Ihrem Konto. Normale Widgets verwenden ein gemeinsames Tag; für Consent und Analyse ist eine separate Installationsreihenfolge wichtig.

Das ausgewählte Widget und die Plattform werden bei der Registrierung gespeichert. Richten Sie das Widget anschließend im Konto ein. Lassen Sie diese Anleitung für Squarespace geöffnet: Kehren Sie nach der Einrichtung zu den Installationsschritten unten zurück.

Alle 13 Widgets →

Brauchen Sie einen kostenpflichtigen Squarespace-Plan

Kostenpflichtiger Plan der Plattform erforderlich

Code Injection ist in den Plänen Core, Plus, Advanced und einigen Legacy-Plänen von Squarespace verfügbar.

Die Squarespace-Hilfe listet Core, Plus, Advanced und einige Legacy-Pläne für Code Injection auf. Prüfen Sie, ob das Panel genau in Ihrem Konto verfügbar ist.

Die Kosten der Plattform sind vom Preis des Widgets Cenaly.com getrennt. Wenn in Ihrem Plan kein Code Injection enthalten ist, lässt sich ein HTML-Block auf der Seite nicht automatisch als gleichwertiger Ersatz für eine globale Installation betrachten.

Menüpunkte und Tarifbedingungen auf dieser Seite stammen aus der offiziellen Hilfe:

Abgeglichen mit der Plattform-Hilfe 2026-09-22

So fügen Sie den Code auf Squarespace ein

Standard-Widgets: Chat, Kontakt-Schaltfläche, Termin

<script src="https://cdn.cenaly.com/site/v1.js" data-domain="your-site.com" async></script>

Beispiel-Tag für gewöhnliche Widgets. Entnehmen Sie Ihren Code Ihrem Konto; er muss nicht durch eine Demo-Domain ersetzt werden. Zur Blockierung der Analyse verwenden Sie die separate Anleitung unten. Cookie-Banner und Analyse: eine separate Regelung →

  1. 1

    Widget einrichten und Code kopieren

    Wählen Sie in Ihrem Cenaly.com-Konto ein Widget aus, aktivieren Sie es und holen Sie sich Ihren Tag unter „Meine Website“. Geben Sie die gewünschte Website-Adresse an.

  2. 2

    Code Injection öffnen

    Öffnen Sie in Squarespace den Bereich Code Injection über die Website-Tools. Prüfen Sie, ob er in Ihrem Plan verfügbar ist; die offizielle Hilfe unten enthält einen direkten Link zum Bereich.

  3. 3

    Den regulären Tag in den Header einfügen

    Der Header fügt den Code in den head der Seiten der Website ein. Für eine frühe Blockierung der Analyse verwenden Sie einen separaten Consent-Tag und das Vorgehen aus dem Abschnitt unten.

  4. 4

    Speichern und die Website öffnen

    Klicken Sie auf Save und öffnen Sie die veröffentlichte Adresse. Code Injection wird im Checkout nicht unterstützt.

  5. 5

    Die Aktion des Besuchers prüfen

    Öffnen Sie das Widget, senden Sie eine Testfrage oder führen Sie einen Termin durch. Prüfen Sie das mobile Menü und die Formulare, und starten Sie dann die „Installationsprüfung“ unter „Meine Website“.

Checkout-Seiten unterstützen diesen Code nicht. Die Felder lock page, order confirmation und order status haben einen eigenen Zweck; duplizieren Sie das Tag dort nicht ohne separate Prüfung.

Offizielle Hilfe Squarespace ↗

Installationsprüfung

  1. 1

    Veröffentlichen Sie die Website erneut

    In Website-Baukästen lebt die Änderung im Entwurf: Solange die Seiten nicht erneut veröffentlicht wurden, ist das Tag auf der Live-Website nicht vorhanden.

  2. 2

    Öffnen Sie „Meine Website“ in Ihrem Konto

    Admin-Bereich → Marketing → „Meine Website“. Im ersten Feld steht die Adresse Ihrer Website, daneben „Installation prüfen“.

  3. 3

    Sehen Sie sich an, was gefunden wurde

    Die Prüfung liest den HTML-Quelltext der Seite und zeigt die gefundenen Widgets an. Ein Tag, das über Google Tag Manager eingebunden wurde, erkennt sie nicht – das ist eine Einschränkung der Prüfung, nicht der Installation.

Fehlerbehebung bei der Installation – in der Hilfe Installationsanleitung →

Besonderheiten von Squarespace

  • Website und Checkout

    Code Injection ist für die Seiten der Website gedacht; Checkout unterstützt den Code nicht. Prüfen Sie die benötigten URL, nicht nur die Startseite.

  • Eine einzelne Seite

    Für eine einzelne Seite: Pages → Seiteneinstellungen → Advanced → Page Header Code Injection. Duplizieren Sie kein Tag, das bereits global eingebunden ist.

  • Formulare und aktueller Termin

    Das Einfügen des Tags überträgt keine Formulare oder Zeitpläne aus anderen Diensten. Wählen Sie eine Funktion, damit dem Besucher nicht zwei identische Fenster angezeigt werden.

  • Consent vor der Analyse

    Prüfen Sie den Header und die verbundenen Integrationen der Analyse. Ein allgemeines async-Tag und das Erscheinen des Banners beweisen nicht, dass der Consent vor den Trackern geladen wurde.

Fragen und Antworten

Welcher Plan ist nötig?

Code Injection ist in Core, Plus, Advanced und einigen Legacy-Plänen verfügbar. Die aktuelle Squarespace-Hilfe ist oben angegeben; prüfen Sie den Zugriff auf das Panel vor der Einrichtung.

Kann man es nur auf einer Seite einbauen?

Verwenden Sie Page Header Code Injection in den Advanced-Einstellungen der Seite, falls dies in Ihrem Plan verfügbar ist. Das ist ein separater Weg vom HTML-Block im Inhalt.

Funktioniert das Widget im Checkout?

Nein, der beschriebene Weg über Code Injection fügt dort keinen Code hinzu. Er ist für die Seiten der Website gedacht.

Was tun, wenn das Widget nicht sichtbar ist?

Prüfen Sie das Speichern, die veröffentlichte Adresse, die Aktivierung des Widgets und die richtige Domain. Öffnen Sie die Website außerhalb des Editors und stellen Sie sicher, dass der Code nicht im Bearbeitungsmodus deaktiviert ist.

Bleibt das Design der Vorlage erhalten?

Das Shadow DOM isoliert die Stile des Widgets. Prüfen Sie das Verhalten Ihrer Vorlage, das mobile Menü, Formulare und Überlagerungen von Schaltflächen – dies lässt sich allein anhand der Einfügemethode nicht garantieren.

Eignet sich für das Cookie-Banner ein normales async-Tag?

Zum Blockieren von Trackern vor der Einwilligung ist eine separate consent/v1.js als erstes im head ohne async/defer erforderlich. Prüfen Sie das Laden vor der Auswahl, nach der Ablehnung und nach der Annahme. Die integrierte Analyse der Plattform kann eine separate Einrichtung erfordern; das Erscheinen des Banners bestätigt nicht die Gesetzeskonformität.

Mehr dazu – Installation nach Plattformen, Einrichtung und Fehlerbehebung – finden Sie in der Hilfe. Installationsanleitung →

Setzen Sie die Widgets auf Ihre Squarespace-Website

Prüfen Sie die Code Injection in Ihrem Plan, wählen Sie eine Aufgabe und konfigurieren Sie das Widget. Gehen Sie nach der Installation den Weg eines Besuchers am Telefon durch.

Widget auswählen

Ohne Karte · Registrierung in einer Minute, Tag in einer weiteren · Änderungen an den Einstellungen erreichen die Website in 5 Minuten