Shopify 2.0 ja vanhemmat teemat
WhatsApp-painike: Shopify
Lisää kelluva WhatsApp-painike Shopify-sivustollesi. Valitse tervehdys ja anna kävijöiden lähettää viesti yrityksesi numeroon.
Asennus 2 min Kohde: layout/theme.liquid
Vaiheittainen asennus: Shopify
Lisää WAButtonin asennuskoodi Shopify-sivustollesi näiden vaiheiden avulla.
- 1
Avaa Shopify-teeman koodieditori
Siirry Shopify-hallintapaneelissa kohtaan Online Store -> Themes. Napsauta julkaistun teemasi vieressä olevaa kolmen pisteen (...) valikkoa ja valitse ”Edit code”.
Vinkki: Tee julkaistusta teemastasi aina ensin kopio varmuuden vuoksi ennen kuin muokkaat koodia.
- 2
Etsi theme.liquid
Napsauta vasemman reunan tiedostoselaimessa kohdan ”Layout” alta tiedostoa theme.liquid. Vieritä tiedoston aivan loppuun.
Vinkki: Löydät sulkevan </body>-tagin nopeasti näppäinyhdistelmällä Ctrl+F tai Cmd+F.
- 3
Liitä WAButton-upotuskoodi
Liitä oma WAButton-skriptikoodisi juuri ennen sulkevaa </body>-tagia.
Vinkki: Kun skripti on juuri ennen </body>-tagia, kauppasi sisältö latautuu ensin.
<script src="https://widget.wabutton.app/v1.js" data-widget-id="YOUR_WIDGET_ID" async></script> - 4
Tallenna ja tarkista julkaistu kauppa
Napsauta oikeasta yläkulmasta ”Save”. Avaa julkaistu Shopify-kauppasi ja tarkista, että WhatsApp-painikkeesi on käytössä.
Miksi kauppiaat ja digitoimistot valitsevat WAButtonin: Shopify
Asynkroninen skripti, joka ei estä sivua
Käynnistin on pieni skripti (alle 40KB gzip-pakattuna), joka tarjoillaan Cloudflare-reunaverkosta ja ladataan asynkronisesti, joten se ei viivästytä ensimmäistä piirtoa. Keskusteluikkuna latautuu vasta, kun kävijä avaa sen.
Suora Meta Pixel- ja GA4-seuranta
Lähettää generate_lead- ja contact-tapahtumat suoraan Facebook-mainostesi pikseliin.
Kyselyjen ohjaus usealle asiakaspalvelijalle
Ohjaa kyselyt automaattisesti myynnin, toimitusten ja tilaustuen asiakaspalvelijoille.
Liidien esikarsinta ennen keskustelua
Kerää asiakkaan nimi, sähköposti ja yhteydenoton syy ennen kuin WhatsApp avautuu.
Usein kysytyt kysymykset
Pitääkö minun asentaa raskas Shopify-sovellus App Store -kaupasta?
- Ei! WAButton toimii kevyenä script-tagina suoraan teemassasi. Näin vältät Shopify-sovellusten kasautuvat kuukausimaksut ja kolmannen osapuolen sovellusten hitaat skriptit.
Hidastaako tämä Shopify-kauppaani tai heikentääkö se Google PageSpeed -pisteitäni?
- WAButton on asynkroninen skripti, jonka koko on alle 40KB (gzip-pakattuna), ja se tarjoillaan Cloudflare-reunaverkosta, joten se ei viivästytä ensimmäistä piirtoa. Keskusteluikkuna latautuu vasta, kun kävijä avaa sen. Vaikutus kauppasi PageSpeed-pisteisiin riippuu teemastasi ja sovelluksistasi, joten aja PageSpeed Insights ennen asennusta ja sen jälkeen.
Voinko seurata, mikä Facebook- tai Google-mainos toi WhatsApp-keskustelun?
- Kyllä! WAButton tallentaa UTM-parametrit (lähde, kampanja, media, mainos) ja välittää ne valmiiksi täytettyyn WhatsApp-viestiin sekä lähettää tapahtumat palveluihin Meta Pixel (fbq) ja Google Analytics 4 (gtag).
Aiheeseen liittyvät ilmaiset työkalut
Luo yrityksellesi WhatsApp-linkkejä, QR-koodeja ja viestejä.
Lisää asennusohjeita
- 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.
- Avaa asennusohje2 min
PrestaShop
PrestaShop 1.7 ja 8+
Lisää WhatsApp-painike PrestaShop-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.