Modul HTML Content
WhatsApp-Button für OpenCart
Fügen Sie OpenCart in Minuten ein WhatsApp-Chat-Widget hinzu. Qualifizieren Sie Besucher, leiten Sie Gespräche weiter und halten Sie Ihr Theme schnell.
Einrichtung in 4 Min. Ziel: HTML Content module → Content Bottom on every layout
Schritt-für-Schritt-Installation für OpenCart
Folgen Sie diesen Schritten, um WAButton in Ihre OpenCart-Website einzubetten. Keine komplexe Entwicklung, keine App-Gebühren.
- 1
Ein Modul HTML Content installieren
Gehen Sie im OpenCart-Admin zu Extensions → Extensions, stellen Sie den Typ auf Modules ein, suchen Sie HTML Content, klicken Sie auf Install und anschließend auf das Plus-Symbol, um eine neue Instanz hinzuzufügen.
Tipp: HTML Content ist ein Modul mit mehreren Instanzen. Nennen Sie diese Instanz WAButton, damit Sie sie später in den Layouts wiederfinden.
- 2
In der Quellcode-Ansicht einfügen und dann speichern
Öffnen Sie das Modul. Lassen Sie die Überschrift leer. Klicken Sie im Feld Description auf den Button source / HTML (</>), fügen Sie das Snippet ein, klicken Sie erneut auf </>, damit der Editor die Skript-Tags behält, setzen Sie Status auf Enabled und klicken Sie auf Save.
Tipp: Wenn Sie im visuellen Editor einfügen, entfernt der CKEditor von OpenCart das <script>-Tag. Schalten Sie vor und nach dem Einfügen immer die Quellcode-Ansicht um.
<script src="https://widget.wabutton.app/v1.js" data-widget-id="YOUR_WIDGET_ID" async></script> - 3
Das Modul jedem verwendeten Layout zuweisen
Gehen Sie zu Design → Layouts. Bearbeiten Sie Home, Default, Product, Category und jedes weitere Layout, das Ihr Shop verwendet. Fügen Sie in jedem davon das Modul WAButton (HTML Content) zu Content Bottom hinzu und klicken Sie dann auf Save.
Tipp: Wenn Sie es nur Home zuweisen, fehlt der Button auf Produkt- und Kategorieseiten. Content Bottom ist die Kernposition, die jedes Standardlayout ausgibt.
Warum Shop-Betreiber und Agenturen WAButton für OpenCart wählen
Keine Marktplatz-Erweiterung
Das Modul HTML Content von OpenCart ist bereits integriert. Sie benötigen keine kostenpflichtige Erweiterung vom Typ 'JS zu Seiten hinzufügen'.
Theme-Updates löschen es nicht
Ein unter Design → Layouts zugewiesenes Modul übersteht einen Theme-Wechsel. Eine Bearbeitung von footer.twig übersteht ihn nicht.
Jede Seite im Shop
Weisen Sie dasselbe Modul Home, Default, Product und Category zu, damit der Button nicht nur auf Home erscheint.
Häufige Fragen
Das Skript ist nach dem Speichern des Moduls verschwunden. Warum?
- Der visuelle Editor entfernt <script>. Bearbeiten Sie das Modul erneut, klicken Sie auf den Button source / HTML (</>), fügen Sie den Code ein, klicken Sie ein zweites Mal auf </> und klicken Sie dann auf Save.
Kann ich stattdessen in footer.twig einfügen?
- Ja, über Design → Theme Editor → Ihr Theme → common → footer.twig, direkt vor dem schließenden Markup. Theme-Updates und Theme-Wechsel löschen diese Änderung. Das Modul HTML Content ist der sicherere Weg.
Passende kostenlose Tools
Kostenlose WhatsApp-Tools zur Steigerung der Shop-Conversion.
Weitere Installationsanleitungen
- Anleitung ansehen2 Min.
Shopify
Shopify 2.0 & ältere Themes
Fügen Sie Shopify in Minuten ein WhatsApp-Chat-Widget hinzu.
- Anleitung ansehen3 Min.
WooCommerce & WordPress
WooCommerce & WordPress 6+
Fügen Sie WooCommerce & WordPress in Minuten ein WhatsApp-Chat-Widget hinzu.
- Anleitung ansehen2 Min.
Magento & Adobe Commerce
Magento Open Source & Adobe Commerce
Fügen Sie Magento & Adobe Commerce in Minuten ein WhatsApp-Chat-Widget hinzu.
Die Besucher haben Sie schon. Machen Sie ihnen das Fragen leicht.
Mehr Besucher auf Ihre Website zu holen kostet Zeit und Geld. Ein WhatsApp-Button hilft Ihnen, mehr von denen zu gewinnen, die schon vorbeischauen, solange sie noch interessiert sind.
Eine Codezeile. Keine Kreditkarte. Kein Warten.