C cenaly.com
Kostenlos starten

Shopify · Hilfe für Käufer im Shop

Widgets von Cenaly.com für Shopify

Fügen Sie einen Chat, eine Kontakt-Schaltfläche oder ein Werbe-Widget auf Produkt- und Kollektionsseiten hinzu. Der Code wird im Theme des Shops installiert; das ist keine App zur Bestellungssynchronisierung und keine Installation im Checkout. Für Consent und Analytics nutzen Sie den separaten Ablauf weiter unten.

  • Starten Sie mit einem Szenario auf der Produktseite
  • Einstellungen — in Cenaly.com, der Code — in theme.liquid Ihres Themes
  • Erstellen Sie vor der Änderung eine Theme-Kopie; prüfen Sie nach der Veröffentlichung Warenkorb und mobile Ansicht

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 Shopify 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 Shopify geöffnet: Kehren Sie nach der Einrichtung zu den Installationsschritten unten zurück.

Alle 13 Widgets →

Brauchen Sie einen kostenpflichtigen Shopify-Plan

Kein kostenpflichtiger Plan der Plattform erforderlich

Sie benötigen einen Shop mit Online Store und Zugriff auf den Theme-Code; eine separate App zum Einfügen des Tags ist nicht erforderlich.

Diese Anleitung gilt für einen Shop, in dem Online Store → Themes → Edit code verfügbar ist. Prüfen Sie vor der Installation die Möglichkeiten Ihres Plans und die Rechte der Mitarbeiter.

Das Shopify-Abonnement wird separat von den Widgets von Cenaly.com bezahlt. Das Fehlen eines separaten App-Kaufs bedeutet nicht, dass der Shop kostenlos ist oder Zugriff auf die Bearbeitung des Checkouts besteht.

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

    Kopieren Sie den Installationscode

    Im Konto von Cenaly.com: Admin-Panel → Marketing → „Meine Website“. Tragen Sie die Shop-Adresse in das erste Feld ein und kopieren Sie die Tag-Zeile.

  2. 2

    Erstellen Sie eine Theme-Kopie

    Im Shopify-Admin: Online Store (Internetshop) → Themes (Themes) → beim gewünschten Theme „…“ → Duplicate. Das ist Ihr Weg zurück, falls etwas schiefgeht.

  3. 3

    Öffnen Sie den Code-Editor

    Ebenso: beim Theme auf das Symbol „…“ → Edit code (Code bearbeiten). Die Shopify-Hilfe beschreibt den Weg so: „From your Shopify admin, go to Online Store. Click … > Edit code“.

  4. 4

    Finden Sie theme.liquid

    In der Liste links: Ordner Layout → Datei theme.liquid. Das ist das gemeinsame Gerüst aller Seiten des Shops.

  5. 5

    Fügen Sie das Tag ein und speichern Sie

    Fügen Sie die Zeile direkt vor dem schließenden head-Tag (oder vor dem schließenden body) ein und klicken Sie auf Save.

  6. 6

    Installation prüfen

    Öffnen Sie den Shop und kehren Sie zu „Meine Website“ → „Installation prüfen“ zurück.

Die Änderung lebt in einem bestimmten Theme. Wenn Sie ein anderes Theme veröffentlichen, fügen Sie das Tag auch dort ein, sonst verschwinden die Widgets zusammen mit dem alten Theme.

Offizielle Hilfe Shopify ↗

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 Shopify

  • Der Code bezieht sich auf das ausgewählte Theme

    Prüfen Sie nach einer Änderung oder Aktualisierung des Themes, ob das Tag in der veröffentlichten Version vorhanden ist. Fügen Sie keine zweite Instanz ein, wenn die erste erhalten geblieben ist.

  • Schaufenster und Checkout sind unterschiedliche Oberflächen

    Der Weg über theme.liquid ist für Schaufenster-Seiten gedacht, die dieses Theme verwenden. Er fügt kein Widget zum Checkout hinzu und bestätigt keine Kontrolle über die Pixel von Shopify.

  • Eine Chat-App ist bereits installiert

    Prüfen Sie, ob sich die Schaltflächen auf dem Telefon überschneiden. Deaktivieren Sie die überflüssige oder ändern Sie die Position, und prüfen Sie dann das Öffnen des Warenkorbs.

  • Ihre Bestellungen bleiben in Shopify

    Das Einfügen des Tags importiert keine Produkte, Warenkörbe und Bestellungen. Wenn Verkäufe über Shopify laufen, beginnen Sie mit dem Chat oder der Multischaltfläche; das Bestell-Widget von Cenaly.com wird separat aktiviert.

Fragen und Antworten

Ist eine App aus dem Shopify App Store erforderlich?

Für die beschriebene Methode – nein: Ein normales Tag wird in theme.liquid eingefügt. Zugriff auf das Theme ist erforderlich; für Consent gibt es ein separates Tag und eine Prüfung der Ladereihenfolge.

Funktioniert das Widget im Checkout?

Diese Installationsmethode bezieht sich auf das Schaufenster. Sie erweitert den Checkout nicht und synchronisiert keine Bestelldaten von Shopify.

Kann die Kompatibilität mit dem Warenkorb garantiert werden?

Die Darstellung des Widgets ist durch Shadow DOM isoliert, aber das ist keine Garantie für die Kompatibilität jedes Verhaltens von Theme und Apps. Erstellen Sie zuerst eine Kopie des Themes, und prüfen Sie dann die Produktseite, den Warenkorb und die mobile Seite.

Was ist nach einer Änderung des Themes zu prüfen?

Das Vorhandensein eines einzigen Tags im neuen veröffentlichten Theme, das Öffnen des Widgets, das Fehlen von Überschneidungen der Schaltflächen und die richtige Domain aus dem Konto.

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 →

Platzieren Sie die Widgets in Ihrem Shopify-Shop

Wählen Sie eine Aufgabe für den Schaufensterbereich, konfigurieren Sie das Widget und installieren Sie es in einer Kopie des Themes. Prüfen Sie nach der Veröffentlichung die Produktseite und den Warenkorb.

Widget auswählen

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