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 lehetővé teszi egyéni kód beszúrását az egész weboldalra a projekt beállításokon keresztül. A Yaplet beágyazó szkript beillesztése a lábléc kód részbe hozzáadja a widgetet az oldalad minden lapjához.

Telepítési lépések

Másold ki a Yaplet beágyazó kódot

Jelentkezz be a Yaplet vezérlőpultra, és navigálj a Beállítások → Widget → Beágyazás menüpontra. Másold ki az oldalon megjelenő teljes beágyazó szkriptet.

Nyisd meg a Webflow projekt beállításokat

A Webflow Designerben kattints a fogaskerék ikonra a bal oldalsávban (vagy menj a Site Settings menüpontra a Webflow vezérlőpultról).

Illeszd be a szkriptet a lábléc kódba

Navigálj a Custom Code fülre. Illeszd be a Yaplet beágyazó kódot a Footer Code szövegterületbe. Ez a szkriptet közvetlenül a záró </body> tag elé szúrja be minden oldalon.

Publikáld az oldaladat

Kattints a Publish gombra a változtatások élesítéséhez. Az egyéni kód csak a publikált oldalon lép érvénybe, a Webflow Designer előnézetben nem.

Ellenőrizd, hogy megjelenik-e a widget

Nyisd meg a publikált Webflow oldaladat egy új böngészőlapon. A Yaplet indítógombnak 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:

  1. Válaszd ki az oldalt a Webflow Designerben
  2. Nyisd meg a Page Settings menüt (fogaskerék ikon a Pages panelben)
  3. Görgess a Custom Code részhez
  4. Illeszd be a beágyazó szkriptet a Before </body> tag mezőbe
  5. Publikáld az oldaladat

Hibaelhárítás

Ha a widget nem jelenik meg a publikálás után:

  • Ellenőrizd, hogy publikáltál-e — Az egyéni kód csak a publikált oldalon fut, nem a Webflow Designerben vagy előnézeti módban.
  • Ellenőrizd a csomagodat — A Webflow ingyenes csomagja nem támogatja az egyéni kód beszúrást. Fizetős oldal csomagra (Basic vagy magasabb) van szükséged.
  • 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.