Alibaba Cloud AI chatbot hozzáadása a WordPress oldaladhoz

Hozd létre az új chatbot-példányt

Nyisd meg a böngészőt, menj a console.alibabacloud.com címre, és jelentkezz be. Keresd meg a konzolban az AI chatbot vagy conversation AI szolgáltatást – általában a jobb felső keresősávban rákereshetsz a „Chatbot” vagy „Conversation AI” kifejezésre. Kattints az új bot vagy robot létrehozására szolgáló gombra (a felirat lehet Create Robot, Create Instance, New Bot vagy valami hasonló). Megjelenik egy űrlap, amely nevet és rövid leírást kér. Miután beírtál egy nevet, például „FrontDeskHelper”, és megerősítetted, a felület létrehozza az új botot, és megjeleníti a listában – általában „Running” állapottal vagy egyéb aktív jelzéssel.

Akkor tudod, hogy sikerült, ha az új elem megjelenik a botlistában aktív állapotjelzővel.

Állítsd be a chatbot üdvözlő üzenetét

A botok listájában kattints az imént létrehozott bot nevére a beállítások oldalának megnyitásához. Keresd meg azt a részt, ahol az első üzenetet tudod beállítani, amit a látogatók látnak – a felirat lehet Greetings, Welcome Message, Chat Prompt vagy valami hasonló. Általában van egy szövegmező, ahova beírhatod, mit mondjon a bot, amikor valaki először nyitja meg a chates ablakot. Miután beírtál egy mondatot, például „Szia! Én vagyok a digitális asszisztensed – kérdezz a nyitvatartásról vagy a szolgáltatásokról”, a mező alatt gyakran megjelenik egy előnézet. Kattints a Save gombra a módosítás mentéséhez.

Akkor tudod, hogy sikerült, ha megjelenik egy visszajelzés, hogy a beállítások mentése sikeresen megtörtént.

Válassz olyan megjelenést, amely illik az oldaladhoz

Még mindig a bot beállításaiban keresd a chatbuborék megjelenését testreszabó lehetőségeket – ezek általában egy Appearance, Style, Customization, Theme vagy hasonló nevű fülön találhatók. Itt jellemzően ki tudsz választani egy színt (az oldalad elsődleges színét hex kódként másolhatod be, pl. #0066CC), és akár egy kis logót vagy ikont is feltölthetsz a chatbuborékhoz. A képernyőn látható előnézetnek frissülnie kell, hogy megmutassa, hogyan fog kinézni a buborék az oldaladon.

Akkor tudod, hogy sikerült, ha a képernyőn megjelenő előnézet mutatja a kiválasztott színt és ikont.

Másold ki a widget beágyazókódját

Térj vissza a bot főoldalára, és keresd meg a publikálásra, telepítésre vagy nyilvános elérhetővé tételre szolgáló gombot – ennek felirata lehet Publish, Deploy, Enable vagy hasonló. Aktiválás után megjelenik egy panel (a felirata lehet Embed Code, Web Widget, Integration Code vagy valami hasonló), amely egy kódrészletet tartalmaz, ami <script src="..."></script> formában kezdődik. Keresd a Copy gombot a kódmező mellett; ha nincs ilyen, kattints a mezőbe, és másold ki manuálisan a Ctrl + C (Macen Cmd + C) billentyűkombinációval.

Akkor tudod, hogy sikerült, ha a kódrészletet be tudod illeszteni egy egyszerű szöveges dokumentumba, és ott megjelenik egy teljes <script> tag.

Illeszd be a kódot a WordPress láblécébe

Jelentkezz be a WordPress vezérlőpultba (a-te-oldalad.com/wp-admin). A chatbot kódját kétféleképpen adhatod hozzá: az Appearance → Widgets menüpontban (keresd a Footer vagy Footer 1 nevű widget-területet, adj hozzá egy Custom HTML blokkot, és illeszd be a kódot), VAGY telepíts egy ingyenes bővítményt, például az „Insert Headers and Footers” nevűt, majd menj a Settings → Insert Headers and Footers oldalra, és illeszd be a kódot a „Scripts in Footer” mezőbe. Mindkét módszerrel a script az oldalad minden oldalán betöltődik. A mentéshez kattints az Update vagy a Save gombra.