A Webflow rendelkezik beépített egyéni kód szakasszal a projekt beállításaiban. A Yaplet snippet lábléc kód területére való beillesztésével a widget az összes közzétett oldalon megjelenik — nincs szükség bővítményekre vagy kiegészítőkre.
Az egyéni kód injektáláshoz fizetős Webflow-csomagra van szükség (Basic vagy magasabb szintű). Az ingyenes csomagon nem érhető el.
1. Szerezd meg a beágyazási kódot
Lépj be a Yaplet irányítópultba, kattints a Widgetek menüpontra az oldalsávon, válaszd ki a widgetedet, majd kattints a Beágyazás gombra. Másold ki a teljes beágyazási scriptet. Ha előbb meg szeretnéd érteni, mit csinál, olvasd el: A Yaplet telepítése JavaScript-kódrészlettel.
2. Nyisd meg a Webflow projekt beállításait
A Webflow Designerben kattints a bal felső panel fogaskerék ikonjára (⚙), vagy nyisd meg a Webhely beállításait a Webflow irányítópultjáról a projekt melletti hárompontos menüre kattintva.
3. Illeszd be a scriptet a lábléc kód mezőbe
Navigálj az Egyéni kód fülre. Görgess le a Lábléc kód szakaszhoz, és illeszd be a Yaplet beágyazási scriptet. Ez közvetlenül a záró </body> tag elé injektálja minden oldalon.
Kattints a Változtatások mentése gombra.
4. Tedd közzé az oldaladat
Kattints a Közzétesz gombra (a kék gomb a Designer tetején), és tedd közzé a doménedre. Az egyéni kód csak a közzétett oldalon lép életbe — a Designer előnézetében vagy az átmeneti aldóménon nem fut, hacsak kifejezetten ott is közzé nem teszed.
5. Ellenőrizd, hogy a widget megjelenik-e
Nyisd meg az élő Webflow URL-edet egy új böngészőfülön. A Yaplet indítógombjának meg kell jelennie az oldal jobb alsó sarkában. Kattints rá az ellenőrzéshez.
Teljes ellenőrzőlistáért lásd: Telepítés ellenőrzése.
A widget hozzáadása csak egy oldalhoz
Ha a Yapletet csak egy adott oldalon szeretnéd megjeleníteni az egész oldalon való megjelenítés helyett:
- A Webflow Designerben válaszd ki az oldalt az Oldalak panelen.
- Kattints az oldal neve melletti fogaskerék ikonra a beállítások megnyitásához.
- Görgess le az Egyéni kód szakaszhoz.
- Illeszd be a Yaplet scriptet a </body> tag elé mezőbe.
- Tedd közzé az oldaladat.
Hibaelhárítás
- A widget nem jelenik meg közzététel után — Az egyéni kód csak a közzétett oldalon fut. Ellenőrizd, hogy közzétetted-e az oldalt az egyéni kód módosítása után.
- Webflow ingyenes csomag — Az egyéni kód injektálás nem érhető el az ingyenes Webflow-csomagokon. Válts fizetős csomagra a használathoz.
- A widget átfed más elemekkel — Ha az oldal jobb alsó sarkában egy másik rögzített pozíciójú elem található, az lefedhetia Yaplet indítógombját. Módosítsd az ütköző elem pozícióját, változtasd meg az indítógomb pozícióját a widget Megjelenés beállításai között, vagy lépj kapcsolatba az ügyfélszolgálattal az indítógomb áthelyezéséhez.