Az Asyntai AI Chatbot hozzáadása a WordPresshez

Lépésről lépésre útmutató WordPress weboldalakhoz

Platform:

1. lépés: Szerezze be a beágyazási kódját

Először lépjen az Asyntai irányítópultjára, és görgessen le az "Embed Code" szakaszhoz. Másolja ki egyedi beágyazási kódját, amely így fog kinézni:

<script>(function(){var l=function(){var s=document.createElement("script");s.src="https://widget.asyntai.com/static/js/chat-widget.js";s.async=true;s.setAttribute("data-asyntai-id","YOUR_WIDGET_ID");document.head.appendChild(s)};if(document.readyState==="complete"){l()}else{window.addEventListener("load",l)}})();</script>

Megjegyzés: A fenti kód csak egy példa. Le kell másolnia saját egyedi beágyazási kódját az Irányítópultról, mivel az tartalmazza személyes widget-azonosítóját.

2. lépés: Telepítési módszer kiválasztása

Többféleképpen adhatja hozzá a chat widgetet a WordPresshez. Válassza az Önnek legmegfelelőbb módszert:

1. módszer: Bővítmény használata (Ajánlott)

A chat widget hozzáadásának legegyszerűbb módja az ingyenes "WPCode" bővítmény (korábbi nevén "Insert Headers and Footers").

WPCode használata (Free)

Lépjen a Plugins → Add Plugin menüpontra a WordPress adminban
Keressen rá a "WPCode" bővítményre és telepítse
Aktiválja a bővítményt
Lépjen a Kódrészletek → Fejléc & Lábléc menüpontra
Illessze be az Asyntai beágyazókódot a "Lábléc" szakaszba
Kattintson a "Módosítások mentése" gombra

Miért használjon bővítményt? A bővítmény használata biztosítja, hogy a kód megmaradjon akkor is, ha frissíti vagy lecseréli a WordPress témáját.

2. módszer: Témafájlok szerkesztése

A kódot közvetlenül a témafájlokhoz is hozzáadhatja. A Témafájl-szerkesztő helye a WordPress verziójától és a téma típusától függ.

Klasszikus témákhoz

Lépjen a Megjelenés → Témafájl-szerkesztő menüpontra a WordPress adminban
Válassza ki az aktív témáját a legördülő menüből (ha még nincs kiválasztva)
Keresse meg és kattintson a footer.php fájlra a jobb oldali fájllistában
Görgessen az aljára és keresse meg a záró </body> címkét
Illessze be az Asyntai beágyazási kódot közvetlenül a </body> tag elé
Kattintson a "Fájl frissítése" gombra

Blokk témákhoz (FSE témák)

A blokktémák (például a Twenty Twenty-Four és más Full Site Editing témák) témafájljaiban nincs footer.php fájl és </body> címke sem. Blokktéma esetén használja a bővítményes módszert (WPCode), amely minden tématípussal működik.

Fontos: A témafrissítések felülírják a módosításokat. Végleges megoldásként használjon gyermek témát vagy a bővítmény módszert.

3. módszer: Elementor használata

Ha Elementort használ, az Elementor egyéni kód funkciójával adhatja hozzá a kódot.

Elementor Pro

Lépjen az Elementor → Egyéni kód menüpontra
Kattintson az "Új hozzáadása" gombra
Adjon neki nevet, például "Asyntai Chatbot"
Állítsa a Location értékét "<body> – End" lehetőségre
Illessze be az Asyntai beágyazási kódját
Állítsa a Megjelenítési feltételeket a \"Teljes webhely\" értékre
Kattintson a "Publikálás" gombra

Elementor Free

Ha az Elementor ingyenes verzióját használja, alkalmazza a fent leírt bővítmény módszert, mivel az egyéni kód beillesztéséhez Elementor Pro szükséges.

3. lépés: Telepítés ellenőrzése

A kód hozzáadása után látogasson el a weboldalára egy új böngészőlapon vagy inkognitó ablakban. A jobb alsó sarokban látnia kell a chat widget gombot. Kattintson rá, hogy meggyőződjön a helyes működéséről.

Nem látja a widgetet? Törölje a böngésző gyorsítótárát és minden WordPress gyorsítótár bővítményt. Ha gyorsítótár bővítményt használ, például WP Rocket vagy W3 Total Cache, ürítse a gyorsítótárat a kód hozzáadása után.

Az AI keresősáv hozzáadása

Az AI keresősáv külön widget saját kóddal. Adja hozzá a csevegés mellé, vagy önmagában. Standard vagy magasabb csomagot igényel: alacsonyabb csomagban a sáv megjelenik, de nem ad találatot.

Adja hozzá a data-replace attribútumot a script címkéhez, és a sáv a téma meglévő sávjának helyére kerül. Adja hozzá ugyanazzal a fejléc- és láblécbővítménnyel, amelyet a chat kódhoz használt, például a WPCode-dal. A szkriptnek nem kell a keresőmező közelében lennie, így egyetlen témafájlt sem kell szerkesztenie.

<script src="https://widget.asyntai.com/static/js/search-widget.js" data-asyntai-id="YOUR_WIDGET_ID" data-replace="auto" async></script>

Olvassa el az AI keresősáv teljes útmutatóját

Dokumentáció