HTML Content -moduuli
WhatsApp-painike: OpenCart
Lisää kelluva WhatsApp-painike OpenCart-sivustollesi. Valitse tervehdys ja anna kävijöiden lähettää viesti yrityksesi numeroon.
Asennus 4 min Kohde: HTML Content module → Content Bottom on every layout
Vaiheittainen asennus: OpenCart
Lisää WAButtonin asennuskoodi OpenCart-sivustollesi näiden vaiheiden avulla.
- 1
Asenna HTML Content -moduuli
Siirry OpenCart-hallinnassa kohtaan Extensions → Extensions, aseta tyypiksi ”Modules”, etsi ”HTML Content”, napsauta ”Install” ja lisää sitten uusi instanssi plus-kuvakkeesta.
Vinkki: HTML Content on moduuli, josta voi luoda useita instansseja. Anna tälle instanssille nimeksi WAButton, niin löydät sen myöhemmin asetteluista.
- 2
Liitä lähdekoodinäkymässä ja tallenna
Avaa moduuli. Jätä otsikko tyhjäksi. Napsauta kentän ”Description” lähdekoodi-/HTML-painiketta (</>), liitä koodi, napsauta </> uudelleen, jotta editori säilyttää script-tagit, aseta ”Status”-kohtaan ”Enabled” ja napsauta ”Save”.
Vinkki: Jos liität koodin visuaaliseen editoriin, OpenCart-järjestelmän CKEditor poistaa <script>-tagin. Vaihda aina lähdekoodinäkymään ennen liittämistä ja sen jälkeen.
<script src="https://widget.wabutton.app/v1.js" data-widget-id="YOUR_WIDGET_ID" async></script> - 3
Määritä se jokaiselle käyttämällesi asettelulle
Siirry kohtaan Design → Layouts. Muokkaa asetteluja Home, Default, Product ja Category sekä muita kauppasi käyttämiä asetteluja. Lisää WAButton HTML Content -moduuli kunkin asettelun kohtaan ”Content Bottom” ja tallenna.
Vinkki: Jos määrität moduulin vain Home-asettelulle, painike ei näy tuote- ja kategoriasivuilla. Content Bottom on ydinsijainti, jonka jokainen oletusasettelu tulostaa.
Miksi kauppiaat ja digitoimistot valitsevat WAButtonin: OpenCart
Ei kauppapaikan laajennusta
OpenCart-järjestelmän HTML Content -moduuli on sisäänrakennettu. Et tarvitse maksullista ”add JS to pages” -laajennusta.
Teemapäivitykset eivät pyyhi sitä
Kohdassa Design → Layouts määritetty moduuli säilyy teeman vaihdoissa. Tiedostoon footer.twig tehty muokkaus ei säily.
Kaikki kaupan reitit
Määritä sama moduuli asetteluille Home, Default, Product ja Category, jotta painike ei näy vain etusivulla.
Usein kysytyt kysymykset
Skripti katosi, kun tallensin moduulin. Miksi?
- Visuaalinen editori poistaa <script>-tagin. Muokkaa moduulia uudelleen, napsauta lähdekoodi-/HTML-painiketta (</>), liitä koodi, napsauta </> toisen kerran ja tallenna.
Voinko liittää koodin sen sijaan tiedostoon footer.twig?
- Kyllä, polussa Design → Theme Editor → teemasi → common → footer.twig, juuri ennen sulkevaa merkintää. Teemapäivitykset ja teeman vaihdot pyyhkivät tämän muokkauksen. HTML Content -moduuli on turvallisempi tapa.
Aiheeseen liittyvät ilmaiset työkalut
Luo yrityksellesi WhatsApp-linkkejä, QR-koodeja ja viestejä.
Lisää asennusohjeita
- Avaa asennusohje2 min
Shopify
Shopify 2.0 ja vanhemmat teemat
Lisää WhatsApp-painike Shopify-sivustollesi.
- Avaa asennusohje3 min
WooCommerce & WordPress
WooCommerce ja WordPress 6+
Lisää WhatsApp-painike WooCommerce & WordPress-sivustollesi.
- Avaa asennusohje2 min
Magento & Adobe Commerce
Magento Open Source ja Adobe Commerce
Lisää WhatsApp-painike Magento & Adobe Commerce-sivustollesi.
Lisää WhatsApp verkkosivustollesi.
Anna kävijöille tapa kysyä tuotteistasi, hinnoistasi tai saatavuudesta. Vastaa WhatsAppista, jota jo käytät.
Ilmainen paketti saatavilla. Luottokorttia ei tarvita.