A chatbot beillesztése WordPress oldalba

A vezérlőpulton (/app/bot/[id] → Beágyazás) kapott, egysoros kódot kell bemásolnod a weboldaladba. Ez a kód valahogy így néz ki:

<script src="https://askwell.hu/widget/v1/chat.js" data-key="clk_live_xxxxxxxxxxxxxxxxxxxxxxxx" defer></script>

Ezt minden oldalra be kell másolni, ahol meg szeretnéd jeleníteni a chatbotot — a legegyszerűbb, ha az egész oldalra (footerbe) tesszük be, mert onnantól minden aloldalon megjelenik.

A legegyszerűbb út

AskWell WordPress bővítmény

Készítettünk egy saját bővítményt, amivel egyáltalán nem kell kóddal foglalkoznod: telepíted, beilleszted az API kulcsot, és kész. A téma frissítése sem törli ki, és a beállító képernyő meg is mondja, ha valami nem stimmel — például ha a domained még nincs engedélyezve.

  1. WordPress admin → Bővítmények → Új hozzáadása, keress rá: „AskWell”.
  2. Telepítsd és aktiváld.
  3. Beállítások → AskWell Chatbot, illeszd be az API kulcsot, mentsd el.
  4. A képernyő visszajelzi, hogy él-e a kapcsolat.

Ha inkább kézzel intéznéd, vagy nem WordPresst használsz, a lenti lehetőségek is működnek.

1. lehetőség: sablon (téma) szerkesztése

  1. WordPress admin → Megjelenés → Szerkesztő (vagy FTP-vel/host fájlkezelővel).
  2. Nyisd meg a téma footer.php fájlját.
  3. Illeszd be a script taget közvetlenül a </body> záró tag elé.
  4. Mentsd el.

Ha a témát frissíted, ez a módosítás elveszhet. Gyermek témával ez elkerülhető — ha nincs, inkább a lenti lehetőségek egyikét válaszd.

2. lehetőség: fejléc/lábléc plugin

Ha nem az AskWell bővítményt használod, ez a legkényelmesebb kézi megoldás, és túléli a téma frissítéseit is.

  1. WordPress admin → Beépülő modulok → Új hozzáadása.
  2. Keress rá: "Insert Headers and Footers" (vagy "WPCode", "Header Footer Code Manager").
  3. Telepítsd és aktiváld.
  4. A plugin beállításai között keresd meg a Footer (lábléc) mezőt.
  5. Illeszd be a script taget, mentsd el.

3. lehetőség: Elementor / oldalépítő egyéni kód

  1. Elementor → Egyéni kód (Custom Code) menüpont.
  2. Adj hozzá egy új kódot, illeszd be a script taget.
  3. A helyét állítsd "Body End"-re, és válaszd ki az összes oldalt.
  4. Publikáld.

Más oldalépítőknél (Divi, Bricks, WPBakery) hasonló "egyéni kód a láblécbe" funkciót keress.

Ellenőrzés

Mentés után nyisd meg a weboldaladat inkognitó ablakban — jobb alsó sarokban meg kell jelennie egy kis kerek gombnak. Ha nem jelenik meg:

  • Ellenőrizd az oldal forráskódjában, hogy a script tag tényleg bekerült-e (keress rá: chat.js).
  • Ellenőrizd, hogy a domained szerepel-e az engedélyezett domainek listáján a vezérlőpulton — ha nem, a chatbot nem fog válaszolni.
  • Ha gyorsítótár pluginod van (WP Rocket, W3 Total Cache), ürítsd ki a módosítás után.
← Vissza a főoldalra