Modulen HTML Content
WhatsApp-knapp för OpenCart
Lägg till en flytande WhatsApp-knapp på din webbplats i OpenCart. Välj en hälsning och låt besökarna skriva till ditt företagsnummer.
Installation: 4 min Mål: HTML Content module → Content Bottom on every layout
Installation steg för steg för OpenCart
Följ de här stegen för att lägga till installationskoden för WAButton på din webbplats i OpenCart.
- 1
Installera en modul av typen HTML Content
Gå till Extensions → Extensions i OpenCart-administrationen, ställ in typen på ”Modules”, leta upp ”HTML Content”, klicka på ”Install” och klicka sedan på plusikonen för att lägga till en ny instans.
Proffstips: HTML Content är en modul med flera instanser. Ge den här instansen namnet WAButton så att du hittar den senare i layouterna.
- 2
Klistra in i källkodsvyn och spara
Öppna modulen. Lämna rubriken tom. Klicka på källkods- eller HTML-knappen (</>) i ”Description”, klistra in kodsnutten, klicka på </> igen så att redigeraren behåller script-taggarna, ställ in ”Status” på ”Enabled” och klicka på ”Save”.
Proffstips: Om du klistrar in i den visuella redigeraren tar OpenCarts CKEditor bort <script>. Växla alltid till källkodsvyn före och efter att du klistrar in.
<script src="https://widget.wabutton.app/v1.js" data-widget-id="YOUR_WIDGET_ID" async></script> - 3
Tilldela den till alla layouter du använder
Gå till Design → Layouts. Redigera Home, Default, Product, Category och alla andra layouter som din butik använder. Lägg till modulen HTML Content för WAButton i ”Content Bottom” i var och en och klicka sedan på ”Save”.
Proffstips: Om du bara tilldelar den till Home döljs knappen på produkt- och kategorisidorna. Content Bottom är den standardposition som alla förvalda layouter skriver ut.
Därför väljer butiksägare och byråer WAButton för OpenCart
Inget tillägg från marknadsplatsen
OpenCarts modul HTML Content är inbyggd. Du behöver inget betaltillägg för att lägga till JS på sidorna.
Temauppdateringar raderar den inte
En modul som tilldelas i Design → Layouts finns kvar när du byter tema. En ändring i footer.twig gör det inte.
Alla butikens sidtyper
Tilldela samma modul till Home, Default, Product och Category så att knappen inte bara visas på startsidan.
Vanliga frågor
Skriptet försvann när jag sparade modulen. Varför?
- Den visuella redigeraren tar bort <script>. Redigera modulen igen, klicka på källkods- eller HTML-knappen (</>), klistra in, klicka på </> en gång till och klicka sedan på ”Save”.
Kan jag klistra in i footer.twig i stället?
- Ja, via Design → Theme Editor → ditt tema → common → footer.twig, precis före den avslutande koden. Temauppdateringar och temabyten raderar den ändringen. Modulen HTML Content är den säkrare vägen.
Relaterade gratis verktyg
Skapa WhatsApp-länkar, QR-koder och meddelanden för ditt företag.
Fler installationsguider
- Visa installationsguide2 min
Shopify
Shopify 2.0 och äldre teman
Lägg till en WhatsApp-knapp på din webbplats i Shopify.
- Visa installationsguide3 min
WooCommerce & WordPress
WooCommerce och WordPress 6+
Lägg till en WhatsApp-knapp på din webbplats i WooCommerce & WordPress.
- Visa installationsguide2 min
Magento & Adobe Commerce
Magento Open Source och Adobe Commerce
Lägg till en WhatsApp-knapp på din webbplats i Magento & Adobe Commerce.
Lägg till WhatsApp på din webbplats.
Ge besökarna ett sätt att fråga om dina produkter, priser eller lediga tider. Svara från den WhatsApp du redan använder.
Gratisplan finns. Inget kreditkort krävs.