AI WORLD HQHozz létre egy egyszerű chatbotot kisvállalkozásod weboldalára Cohere segítségével
Lépésről lépésre útmutató egy AI chatbot beállításához a weboldaladon a Cohere vizuális szerkesztőjével – kódolás nélkül!
Ennek az útmutatónak a végére egy élő chatbottal fogsz rendelkezni a weboldaladon, amely készen áll a leggyakoribb ügyfélkérdések megválaszolására, mindezt anélkül, hogy egyetlen kódsort is írnod kellene. Ez tökéletes kisvállalkozások tulajdonosai, szolgáltatók vagy bárki számára, aki egy barátságos AI asszisztenst szeretne, hogy 24/7 segítse ügyfeleit.
- Cohere Fiók: Egy ingyenes vagy fizetős Cohere fiók. A regisztráció általában kevesebb mint egy percet vesz igénybe. Az útmutatóban szereplő lépések ingyenes csomaggal is működnek, bár a fizetős csomagok fejlettebb funkciókat vagy magasabb használati korlátokat kínálnak.
- Weboldal Hozzáférés: Hozzáférésre lesz szükséged a weboldalad szerkesztőjéhez, különösen ahhoz a részhez, ahol egyedi HTML-t (HyperText Markup Language – a weboldalak szerkezetét meghatározó kód) adhatsz hozzá. Ez lehet a weboldalad Tartalomkezelő Rendszerében (CMS), mint a WordPress, Wix, Squarespace vagy Shopify, lehetővé téve a lábléc vagy az oldal kódjának szerkesztését.
- Gyakori Kérdések: Egy lista a 3-5 leggyakoribb kérdésről, amit ügyfeleid feltesznek (pl. "Mi a nyitvatartási idejük?", "Szállítanak külföldre is?").
- Idő: Számíts körülbelül 20-30 percre az útmutató befejezéséhez.
Hozd létre Cohere fiókodat
Kezdd azzal, hogy megnyitod a cohere.com oldalt a böngésződben. Látni fogod a Cohere honlapját, valószínűleg egy kiemelkedő "Sign up" (Regisztráció) vagy "Get started" (Kezdés) gombbal. Kattints erre a gombra a regisztrációs folyamat megkezdéséhez. Kövesd a képernyőn megjelenő utasításokat a neved, e-mail címed megadásához és egy erős jelszó kiválasztásához. A beküldés után általában kapsz egy ellenőrző e-mailt – nyisd meg, és kattints a benne lévő linkre az új fiókod megerősítéséhez.
Ha másképp néz ki: Ha nem találod a "Sign up" gombot, keresd a "Log in" (Bejelentkezés) gombot, majd egy kisebb linket a "Register" (Regisztráció) vagy "Create an account" (Fiók létrehozása) opcióhoz.
Akkor tudod, hogy sikerült, amikor átirányítanak egy sikeres oldalra, vagy automatikusan bejelentkeztél a Cohere platformjára.
Kezdj el egy új chatbot projektet
Miután bejelentkeztél a Cohere-be, valószínűleg egy fő Dashboard (Irányítópult) vagy Projects (Projektek) területet látsz, amely a központi munkaterületedként szolgál. Keresd meg a nagy gombot vagy linket, amelyen "New Project" (Új projekt) vagy "Create Chatbot" (Chatbot létrehozása) felirat olvasható. Kattints erre az AI asszisztensed építésének megkezdéséhez. Ezután felkérést kapsz a létrehozni kívánt projekt típusának kiválasztására; válaszd a "Chatbot" vagy egy hasonló lehetőséget. Ezután nevet kell adnod a chatbotodnak, például "BoltSegéd" vagy "TámogatóBot". Ez a név segít a projekt azonosításában később, és nem lesz látható a weboldalad látogatói számára.
Ha másképp néz ki: A "New Project" gomb lehet egy oldalsáv menüben, a képernyő tetején, vagy egy "+" ikonnal jelölve. Csak keress egy egyértelmű lehetőséget valami új indítására.
Akkor tudod, hogy sikerült, amikor egy új projekt munkaterület nyílik meg, készen arra, hogy tartalmat adj hozzá a chatbotodhoz.
Építs beszélgetéseket a vizuális szerkesztővel
A Cohere egy vizuális, drag-and-drop szerkesztőt biztosít, ahol könnyedén megtervezheted, hogyan válaszoljon a chatbotod. Képzelj el egy táblát, ahol beszélgetési "blokkokat" rendezel el. Először keresd meg az "Add Block" (Blokk hozzáadása) vagy "+" gombot, hogy hozzáadd az első "Question" (Kérdés) blokkodat. Írd be az egyik gyakori ügyfélkérdést ebbe a blokkba, például: "Mi a nyitvatartási idejük?". Ezután húzz egy "Answer" (Válasz) blokkot közvetlenül alá, és írd be a helyes választ, például: "Hétfő-Péntek 9-17 óráig, Szombat 10-15 óráig vagyunk nyitva." Ismételd meg ezt a folyamatot minden leggyakoribb kérdésednél, felépítve egy egyszerű beszélgetési folyamatot a botod számára. Ez a vizuális megközelítés lehetővé teszi a bot "tanítását" bonyolult kód írása nélkül.
Ha másképp néz ki: A blokkok elrendezése kissé eltérhet, de a kérdések és válaszok összekapcsolásának alapötlete ugyanaz marad. Keress olyan egyértelmű címkéket, mint "Question" (Kérdés), "Response" (Válasz) vagy "Message" (Üzenet).
- Válasz blokk: „Igen, szállítunk Ausztráliába, Új-Zélandra és az Egyesült Királyságba. A szállítási költségeket a pénztárnál számítjuk ki.” Akkor tudod, hogy sikerült, amikor látod a kérdés- és válaszblokkjaidat vizuálisan összekapcsolva a vásznon, alapvető beszélgetési útvonalat alkotva.
Generáld a webes widget kódját
A widget olyan, mint egy kicsi, önálló mini-alkalmazás, amelyet közvetlenül beágyazhatsz a weboldaladba. Miután beállítottál néhány kérdés-válasz párt, át kell alakítanod a chatbotodat ebbe a beágyazható widgetbe. Keresd meg a "Deploy" (Telepítés), "Publish" (Közzététel) vagy "Embed" (Beágyazás) fület vagy gombot a Cohere projekt felületén. Ez a szakasz általában arra szolgál, hogy a chatbotot más platformokra juttassuk. Itt találsz lehetőségeket webes widget létrehozására. Még a megjelenését is testreszabhatod (például a méretét, színét, vagy hol helyezkedjen el a képernyőn). Miután meghoztad döntéseidet, a Cohere automatikusan generál egy kódrészletet, jellemzően HTML és JavaScript kombinációját. Ez a kód az alapvető link, amely lehetővé teszi, hogy a weboldalad kommunikáljon az új AI asszisztenseddel.
Ha másképp néz ki: A "Deploy" (Telepítés) vagy "Embed" (Beágyazás) opció pontos helye lehet egy oldalsávban vagy egy felső szintű menüpontban. Ne aggódj, ha a testreszabási lehetőségek kissé eltérőnek tűnnek; a lényeg a generált kód megtalálása.
Add hozzá a widgetet a weboldaladhoz
Most jött el az ideje, hogy a chatbotot az élő weboldaladra tedd. Jelentkezz be a weboldalad Tartalomkezelő Rendszerébe (CMS), mint például a WordPress, Wix vagy Squarespace. Navigálj arra a területre, ahol szerkesztheted az oldalak HTML kódját vagy a webhely láblécét. Ez gyakran "Theme Editor" (Témaszerkesztő), "Custom Code" (Egyéni kód) vagy "Embed Code" (Beágyazási kód) néven van megjelölve. Illeszd be a Cohere-ből másolt kódrészletet (4. lépés) ebbe a kijelölt HTML területbe. Gyakori és hatékony hely a webhely láblécében, közvetlenül a záró </body> címke elé, mivel ez biztosítja, hogy a chat ikon minden oldalon megjelenjen. Beillesztés után mindenképpen mentsd el és tedd közzé a változtatásokat, hogy azok élesek legyenek.
Ha másképp néz ki: Néhány CMS platformon, mint a Wix vagy Squarespace, keresheted az "Embed Block" (Beágyazási blokk) vagy "Custom Code" (Egyedi kód) szakaszt az oldal szerkesztőjében. WordPressen az Appearance → Theme File Editor → footer.php (vagy hasonló sablonfájl) útvonalon keresztül illesztheted be a kódot.
