Widget hozzáadása a weboldaladhoz
Működik WordPresszel, Wixszel, GoDaddyvel, Squarespace-szel, Shopify-jal és bármely oldallal, ahová egyéni kódot lehet illeszteni
A WelcoChat widget mindössze egyetlen sornyi kód — egy <script> tag a saját agent-azonosítóddal. Amint az agented élesben fut, másold ki a kódot a portálban a szolgáltatásod beállítási oldaláról, majd illeszd be a weboldaladba az alábbi, a te platformodra vonatkozó útmutató szerint. A widget ezután automatikusan megjelenik minden oldalon — nincs szükség dizájnmunkára, sem oldalankénti telepítésre.
WordPress
- A WordPress irányítópulton menj a Bővítmények → Új hozzáadása menüpontra, keresd meg a "WPCode" (vagy "Insert Headers and Footers") bővítményt, majd telepítsd és aktiváld.
- Nyisd meg a bővítményt — általában a Code Snippets → Header & Footer menüpont alatt található az oldalsávban.
- Illeszd be a WelcoChat kódját a Footer mezőbe, hogy az oldal tartalma után töltődjön be.
- Kattints a Mentés gombra. A widget ezután megjelenik a weboldalad minden oldalán.
- Tipp: ha a témád már eleve rendelkezik "Custom Code" vagy "Header/Footer Scripts" beállítással — sok Elementor és Astra témánál ez így van —, oda is beillesztheted a kódot közvetlenül, bővítmény telepítése nélkül.
Wix
- Nyisd meg a weboldaladat a Wix szerkesztőben, és menj a Beállítások → Egyéni kód menüpontra (vagy keress rá a "Custom Code" kifejezésre a felső keresősávban).
- Kattints a + Kód hozzáadása gombra.
- Illeszd be a WelcoChat kódját a kódmezőbe.
- Az Oldalak, ahol megjelenjen a kód résznél válaszd az Összes oldal lehetőséget. A Kód elhelyezése résznél válaszd a Body – végén opciót.
- Kattints az Alkalmaz gombra, majd publikáld a weboldalad.
GoDaddy Website Builder
- A GoDaddy Website Builder (Websites + Marketing) irányítópultján menj a Beállítások → Oldal egészére vonatkozó kód menüpontra (egyes csomagoknál a Beállítások → Speciális eszközök → Egyéni kód alatt található; a Commerce csomagtól kezdve érhető el).
- Illeszd be a WelcoChat kódját a Footer vagy Body kódmezőbe.
- Kattints a Mentés gombra, majd publikáld újra a weboldalad.
- Ha a GoDaddy csomagod nem tartalmaz kódbeillesztési lehetőséget, vagy az oldalad valójában GoDaddy-nál tárolt WordPress, akkor inkább a fenti WordPress-lépéseket kövesd.
Squarespace
- A Squarespace irányítópulton menj a Beállítások → Speciális → Kódbeillesztés menüpontra (Business csomagtól vagy magasabbtól elérhető).
- Illeszd be a WelcoChat kódját a Footer mezőbe, hogy minden oldalon betöltődjön.
- Kattints a Mentés gombra.
Shopify
- A Shopify admin felületén menj az Online áruház → Témák menüpontra.
- Az aktuális témádnál kattints a Kód szerkesztése gombra.
- Nyisd meg a theme.liquid fájlt a Layout mappában.
- Illeszd be a WelcoChat kódját közvetlenül a záró
</body>tag elé. - Kattints a Mentés gombra.
Bármely más weboldalszerkesztő
Minden más platform, amivel eddig találkoztunk — Webflow, Weebly, Jimdo, Carrd, Framer, kézzel kódolt oldal vagy saját CMS — ugyanígy működik: keress egy "Custom Code", "Header & Footer Scripts", "Code Injection" vagy "Tracking Codes" nevű beállítást — általában ide szokás beilleszteni az élő chat eszközöket és az analitikai szkripteket is —, és illeszd be oda a kódot, hogy minden oldalon betöltődjön. Ha az oldalad tisztán kézzel írt HTML, akkor illeszd be a kódot közvetlenül minden oldalsablon záró </body> tagja elé.
Ellenőrizd, hogy működik-e
Publikálás után nyisd meg az élő weboldaladat egy új böngészőlapon — ne a szerkesztő előnézetét —, és a WelcoChat buboréknak meg kell jelennie az alsó sarokban. Ha egy percen belül nem jelenik meg, ellenőrizd, hogy a kódot pontosan úgy illesztetted-e be, ahogy másoltad (mindkét idézőjellel együtt), és hogy a platformod vagy egy bővítmény (pl. WP Rocket) által használt oldalgyorsítótár ürítve lett-e.