Webflow
Telepítsd a Yaplet chat widgetet a Webflow oldaladra a beépített egyéni kód beállítások segítségével — nincs szükség programozási tapasztalatra.
Áttekintés
A Webflow a Site settings (Webhely-beállítások) részben lehetővé teszi egyéni kód hozzáadását az egész weboldalhoz. Ha a Yaplet kódot a Footer code (Lábléc kód) részbe illeszted, a widget az oldalad minden lapján megjelenik.
Telepítési lépések
Másold ki a Yaplet kódodat
Jelentkezz be a Yaplet vezérlőpultra, menj a Márka → Chat widget menüpontra, és nyisd meg a Telepítés fület. Ha a fül megkérdezi, min fut a weboldalad, válaszd a Webflow lehetőséget. Másold ki az ott látható teljes kódot. A beillesztett kódnak egy <script> sorral kell kezdődnie és egy </script> sorral kell végződnie; ha amit kimásoltál, ehelyett így kezdődik: !function (Yaplet, akkor írd be elé egy új sorba, hogy <script>, utána pedig egy új sorba, hogy </script>.
Nyisd meg a Webflow Site settings oldalát
A Webflow irányítópultján menj az oldalad Site settings (Webhely-beállítások) oldalára.
Illeszd be a kódot a Footer code részbe
Nyisd meg a Custom code (Egyéni kód) fület. Illeszd be a Yaplet kódot a <script> tagjeivel együtt a Footer code (Lábléc kód) részbe. A Webflow minden oldalon közvetlenül a záró </body> tag elé teszi. Kattints a Save changes (Változtatások mentése) gombra.
Tedd közzé az oldaladat
Kattints a Publish (Közzététel) gombra, jelöld be a domain(eke)t, ahová közzé akarod tenni, majd kattints a Publish to selected domains (Közzététel a kiválasztott domainekre) gombra. Az egyéni kód a Webflow előnézetében is működik, de a látogatóknak csak azokon a domaineken él, ahová közzétetted.
Ellenőrizd, hogy megjelenik-e a widget
Nyisd meg a közzétett Webflow oldaladat egy új böngészőlapon. A Yaplet chat gombjának meg kell jelennie a jobb alsó sarokban.
Hozzáadás egyetlen oldalhoz
Ha csak bizonyos oldalakon szeretnéd a widgetet az egész oldal helyett:
- A Webflow Designerben vidd az egeret az oldal fölé a Pages (Oldalak) panelen
- Kattints az oldal Page settings (Oldalbeállítások) ikonjára
- Görgess a Custom code (Egyéni kód) részhez
- Illeszd be a Yaplet kódot a
<script>tagjeivel együtt a Before</body>tag (a body záró tagje előtt) mezőbe, és mentsd a változtatásokat - Tedd közzé az oldaladat
Hibaelhárítás
Ha a widget nem jelenik meg a közzététel után:
- Ellenőrizd, hogy közzétetted-e — Az egyéni kód csak azokon a domaineken él, ahová közzétetted az oldalt. Mentés után tedd közzé újra, és azt a domaint nézd, ahová közzétetted.
- Ellenőrizd a script tageket — Ha a kód szövegként látszik az oldalaidon, hiányoznak körüle a
<script>és</script>tagek. - Ellenőrizd a csomagodat — Az egyéni kódhoz fizetős Site plan (Basic vagy magasabb) vagy fizetős Workspace plan (Core, Growth, Agency vagy Freelancer) kell. Ingyenes Starter oldalon nem érhető el.
- Ellenőrizd az ütközéseket — Ha más chat widgetek vagy szkriptek módosítják az oldal jobb alsó sarkát, átfedésbe kerülhetnek a Yaplet-tel.