Webflow ja mukautettu koodi
WhatsApp-painike: Webflow
Lisää kelluva WhatsApp-painike Webflow-sivustollesi. Valitse tervehdys ja anna kävijöiden lähettää viesti yrityksesi numeroon.
Asennus 2 min Kohde: Project Settings -> Custom Code -> Footer Code
Vaiheittainen asennus: Webflow
Lisää WAButtonin asennuskoodi Webflow-sivustollesi näiden vaiheiden avulla.
- 1
Avaa Webflow-projektin asetukset
Avaa projektisi Webflow-editorissa. Siirry kohtaan Project Settings -> Custom Code.
Vinkki: Halutessasi voit lisätä mukautettua koodia myös yksittäisille sivuille Webflow-sivuasetuksissa.
- 2
Liitä Footer Code -kenttään
Vieritä kohtaan ”Footer Code” (Before </body> tag) ja liitä koodisi.
Vinkki: WAButton rajaa tyylinsä wabutton-etuliitteisiin luokkanimiin, joten Webflow-luokkanimesi ja CSS-ruudukkosi pysyvät ennallaan.
<script src="https://widget.wabutton.app/v1.js" data-widget-id="YOUR_WIDGET_ID" async></script> - 3
Julkaise sivusto
Napsauta ”Save Changes” ja sitten ”Publish”, niin sivusto julkaistaan omaan verkkotunnukseesi.
Vinkki: Julkaise sekä testi- että tuotantoverkkotunnukseen, jotta voit testata ennen kuin asiakas hyväksyy työn.
Miksi kauppiaat ja digitoimistot valitsevat WAButtonin: Webflow
Suunnittelijan silmälle
Tyylikäs typografia, hienovaraiset varjot ja viimeistellyt mikrovuorovaikutukset.
Luovutus digitoimiston asiakkaalle
Jaa asiakkaille interaktiivisia widgetin esikatseluja ennen käyttöönottoa.
Luokkasi pysyvät ennallaan
Tyylit on rajattu wabutton-etuliitteisiin luokkanimiin ja käynnistimellä on kiinteä sijainti, joten Webflow-luokkasi ja asettelusi pysyvät ennallaan.
Usein kysytyt kysymykset
Häiritsevätkö WAButtonin tyylit Webflow-CSS-luokkiani?
- Eivät. WAButton rajaa tyylinsä omiin wabutton-etuliitteisiin luokkanimiinsä, joten ne eivät koske Webflow-luokkiisi.
Aiheeseen liittyvät ilmaiset työkalut
Luo yrityksellesi WhatsApp-linkkejä, QR-koodeja ja viestejä.
Lisää asennusohjeita
- Avaa asennusohje2 min
Wix
Wix ja Wix Studio
Lisää WhatsApp-painike Wix-sivustollesi.
- Avaa asennusohje2 min
Squarespace
Squarespace 7.1 ja 7.0
Lisää WhatsApp-painike Squarespace-sivustollesi.
- Avaa asennusohje2 min
WordPress
WordPress 6+ ja kaikki teemat
Lisää WhatsApp-painike WordPress-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.