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ópultra és görgessen le a „Beágyazási kód" szekcióhoz. Másolja le az egyedi beágyazási kódját, amely így fog kinézni:

<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></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 egy bővítmény használata, például az "Insert Headers and Footers" vagy a "WPCode".

WPCode használata (Ingyenes)

Go to Plugins → Add New in your WordPress admin
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

Insert Headers and Footers használata

Go to Plugins → Add New in your WordPress admin
Keressen rá a WPBeginner "Insert Headers and Footers" bővítményére
Telepítse és aktiválja a bővítményt
Go to Settings → Insert Headers and Footers
Illessze be az Asyntai beágyazókódot a "Szkriptek a láblécben" mezőbe
Kattintson a „Mentés" 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)

Ha blokkalapon működő témát használ (például Twenty Twenty-Four vagy más teljes webhelyszerkesztő témák), a Témafájl-szerkesztő áthelyezésre került:

Lépjen az Eszközök → 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
Keresse a footer.php vagy footer.html fájlt a fájllistában
Adja hozzá az Asyntai beágyazókódot a záró </body> címke elé
Kattintson a "Fájl frissítése" gombra

Megjegyzés: Egyes blokk témák nem rendelkeznek footer.php fájllal. Ebben az esetben használja a bővítmény módszert (WPCode), amely minden téma tí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 Helyet "</body> vége előtt" értékre
Illessze be az Asyntai beágyazási kódját
Set Display Conditions to "Entire Site"
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.

Dokumentacio