Hogyan adjunk hozzá egy Alibaba Cloud AI Chatbotot a WordPress webhelyünkhöz

Új chatbot példány létrehozása

Nyissa meg a webböngészőjét, menjen a console.alibabacloud.com címre, és jelentkezzen be. A konzol jobb felső sarkában található keresősávba írja be a „Chatbot” szót, majd nyomja meg az Enter billentyűt; ekkor megjelenik az AI szolgáltatások listája. Kattintson a Robot létrehozása gombra (vagy egy hasonló gombra, például Példány létrehozása). Megjelenik egy űrlap, amely nevet és rövid leírást kér. Miután beírt egy nevet, például „FrontDeskHelper”, és rákattintott a Létrehozás gombra, a platform elindít egy új botot, és megjeleníti egy táblázatban „Futtatás” állapottal. Ha nem lát „Robot létrehozása” gombot, keressen egy plusz alakú ikont vagy egy Új bot feliratú menüt.

Akkor tudja, hogy sikerült, ha az új bejegyzés megjelenik a listában zöld pöttyel vagy a „Futtatás” szóval.

A chatbot üdvözlőüzenetének meghatározása

A botok listájában kattintson az imént létrehozott bot nevére a beállítási oldalának megnyitásához. A bal oldali menüben talál egy Üdvözletek (néha Üdvözlő üzenet) nevű szekciót. Belül van egy szövegmező, ahová beírhatja, amit a bot először mond a látogatóknak. Miután beír egy mondatot, például „Szia! Én vagyok a digitális asszisztensed – kérdezz a nyitvatartási időről vagy a szolgáltatásokról!”, az üzenet előnézete megjelenik a mező alatt. Kattintson a Mentés gombra a változás tárolásához. Ha a menüben „Csevegési kérés” van az Üdvözletek helyett, az ugyanaz a mező – csak keressen egy nagy szövegterületet.

Akkor tudja, hogy sikerült, ha az előnézeti mező pontosan a beírt szöveget mutatja, és megjelenik egy megerősítő sáv.

Válasszon a webhelyéhez illő vizuális stílust

Amíg még a bot beállításaiban van, váltson az Megjelenés, Stílus vagy Testreszabás fülre – a címke változhat, de általában tartalmaz egy színpalettát és egy ikonfeltöltőt. Válasszon egy színt, amely tükrözi webhelye elsődleges árnyalatát (lemásolhatja a hexadecimális kódot, pl. #0066CC), és töltsön fel egy kis logót (egy 100 × 100 pixeles PNG jól működik). A jobb oldali előnézet frissül, és megjeleníti a csevegőbuborékot a kiválasztott színben, a logójával mint avatárral. Ha nem talál színválasztót, keressen egy fogaskerék ⚙️ ikont, amely a „Téma beállításokat” nyitja meg.

Akkor tudja, hogy sikerült, ha a képernyőn megjelenő buborék az előnézetben tükrözi a kiválasztott színt és ikont.

A widget beágyazási kódjának másolása

Térjen vissza a fő bot oldalra, és nyomja meg a Közzététel vagy Telepítés gombot – ez azt jelzi az Alibaba Cloudnak, hogy tegye nyilvánosan elérhetővé a botot. Egy új panel, melynek felirata Beágyazási kód, Webes widget vagy hasonló, fog kicsúszni, és tartalmazni fog egy kódrészletet, amely <script src="..."></script>-tel kezdődik. Kattintson a Másolás gombra a mező mellett; a kód most a számítógépe vágólapján van. Ha nincs Másolás gomb, kattintson a mezőbe, nyomja meg a Ctrl + C (vagy Macen Cmd + C) gombot a manuális másoláshoz.

Akkor tudja, hogy sikerült, ha be tudja illeszteni a kódrészletet egy egyszerű szöveges dokumentumba, és látja a teljes <script> címkét.

A kód beillesztése a WordPress láblécébe

Jelentkezzen be a WordPress irányítópultjára (az Ön-webhelye.com/wp-admin). A bal oldali menüben menjen a Megjelenés → Widgetek menüpontra. Keresse meg a Lábléc (vagy „Lábléc 1” stb.) nevű widget területet. Kattintson a Blokk hozzáadása gombra, válassza az Egyéni HTML-t, majd illessze be a másolt kódot a blokk szövegterületére. Nyomja meg a képernyő tetején található Frissítés vagy Mentés gombot. A webhely mostantól minden oldalon betölti a szkriptet, és egy csevegőbuboréknak kell megjelennie a jobb alsó sarokban, amikor megtekinti az előoldalt. Ha nem lát Lábléc widget területet, telepítse az ingyenes „Insert Headers and Footers” bővítményt, majd menjen a Beállítások → Insert Headers and Footers menüpontra, illessze be a kódot a „Szkriptek a láblécben” mezőbe, és mentse.