HTML Content module
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
Install an HTML Content module
In OpenCart admin go to Extensions → Extensions, set the type to Modules, find HTML Content, click Install, then click the plus icon to add a new instance.
Tipp: HTML Content is a multi-instance module. Name this instance WAButton so you can find it later in layouts.
- 2
Paste in source view, then save
Open the module. Leave the heading empty. Click the source / HTML button (</>) in Description, paste the snippet, click </> again so the editor keeps the script tags, set Status to Enabled, and Save.
Tipp: If you paste in the visual editor, OpenCart's CKEditor strips <script>. Always toggle source view before and after pasting.
<script src="https://widget.wabutton.app/v1.js" data-widget-id="YOUR_WIDGET_ID" async></script> - 3
Assign it to every layout you use
Go to Design → Layouts. Edit Home, Default, Product, Category, and any other layout your store uses. Add the WAButton HTML Content module to Content Bottom on each, then Save.
Tipp: Assigning only to Home hides the button on product and category pages. Content Bottom is the core position that every default layout prints.
Warum Shop-Betreiber und Agenturen WAButton für OpenCart wählen
No marketplace extension
OpenCart's HTML Content module is built in. You do not need a paid 'add JS to pages' extension.
Theme updates do not wipe it
A module assigned in Design → Layouts survives theme switches. Editing footer.twig does not.
Every storefront route
Assign the same module to Home, Default, Product, and Category so the button is not Home-only.
Häufige Fragen
The script disappeared after I saved the module. Why?
- The visual editor strips <script>. Edit the module again, click the source / HTML (</>) button, paste, click </> a second time, then Save.
Can I paste into footer.twig instead?
- Yes, via Design → Theme Editor → your theme → common → footer.twig, just before the closing markup. Theme updates and theme switches will wipe that edit. The HTML Content module is the safer path.
Weitere Installationsanleitungen
- Anleitung ansehen2 Min.
Shopify
Shopify 2.0 & Legacy 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 Gespräche von morgen besuchen Ihre Website schon heute.
Die Chance liegt nicht nur darin, mehr Besucher zu gewinnen. Es geht darum, mit denen in Kontakt zu bleiben, die Sie bereits haben, bevor deren Interesse erlischt.
Eine Codezeile. Keine Kreditkarte. Kein Warten.