Ako pridať AI chatbota na web bez programovania

AI chatbota pridáte na svoj web tak, že Agentovi poskytnete firemné znalosti, nastavíte jeho odpovede a nainštalujete chatovací widget pomocou doplnku alebo dodaného skriptu. Webový chatbot Quickchat AI združuje znalosti, nastavenia konverzácií a tímový Inbox na jednom mieste. Návštevníci kladú otázky na vašom webe bez vytvárania účtu.

V tomto návode vytvoríme chatbota pre Kestrel Kitchens, fiktívnu firmu zaoberajúcu sa návrhom kuchýň. Návštevník sa opýta, ako dlho trvá rekonštrukcia, zistí orientačnú cenu kuchyne s rozmermi 3 × 4 metre a potom požiada o cenovú ponuku. Agent odpovie z firemných informácií, zozbiera podrobnosti o projekte a umožní dizajnérovi pokračovať v konverzácii.

Základné nastavenie nevyžaduje programovanie. Nastavte znalosti a pokyny, zber kontaktov a odovzdanie človeku, potom nainštalujte widget. Voliteľná API Action odosiela kompletné dopyty do iného systému.

Stiahnite si súpravu na nastavenie Kestrel Kitchens, ktorá obsahuje ukážkový web, znalosti, Main Prompt, nastavenia a testovacie správy. Sú to upraviteľné súbory, podľa ktorých postupujete v paneli, nie import Agenta jedným kliknutím.

Snímky obrazovky a kopírovateľné súbory súpravy, prompty a konfigurácie zostávajú v angličtine, aby ste mohli overený príklad presne zopakovať.

Čo bude webový chatbot robiť?

Chatbot odpovedá na otázky z vášho obsahu, ukladá údaje potrebné na vyžiadaný následný kontakt a odovzdáva konverzácie vášmu tímu, keď je potrebný človek.

Každý z týchto výsledkov treba overiť inak. Správne cenové rozpätie vychádza z Knowledge Base. Dopyt na cenovú ponuku potrebuje kontaktné údaje a podrobnosti o projekte v Inboxe. Pri odovzdaní musí človek prevziať konverzáciu a odoslať odpoveď, ktorá dorazí návštevníkovi.

Cesta návštevníka týmto príkladom. Dopyt na cenovú ponuku zaznamenáva záujem; cenu a dostupnosť ešte potvrdzuje dizajnér.

Čo potrebujete pred pridaním chatbota?

Potrebujete účet Quickchat AI, overiteľné firemné informácie a prístup k doplnkom alebo nastaveniam vlastného kódu na webe.

1. Vytvorte účet Quickchat AI a dokončite registráciu. Na toto cvičenie použite samostatného Agenta, aby jeho ukážkové údaje neovplyvnili existujúcu zákaznícku podporu.
2. Pripravte si stránky služieb, FAQ a pravidlá alebo použite fiktívne znalosti zo súpravy. Pred nasadením pre skutočnú firmu nahraďte fiktívne ceny a oblasť poskytovania služieb.
3. Skontrolujte, či váš webový plán umožňuje príslušný spôsob inštalácie. WordPress vyžaduje prístup k doplnkom; niektoré hostované editory webov vyžadujú platený plán na vlastný kód pre celý web.
4. Pri skúšaní odovzdania človeku zabezpečte, aby niekto sledoval testovací Inbox. Na záverečné kontroly webu si pripravte prehliadač na počítači aj telefón.

Free je určený na osobné nekomerčné učenie. Plán Free zahŕňa 50 AI kreditov mesačne. Firemné nasadenie vyžaduje komerčný plán a testovanie spotrebúva rovnaký limit odpovedí ako ostatné AI konverzácie. Predplatné editora webu a náklady na externé API sú samostatné. Časť o nákladoch tieto položky rozlišuje.

Krok 1: Ako naučíte chatbota odpovedať z vášho webu?

Pridajte stránky s firemnými odpoveďami do Knowledge Base a pred testovaním overte importovaný obsah. Agent tak získa podklady pre svoje odpovede.

Vytvorte Agenta na učenie

1. Na prvej obrazovke nastavenia vyberte Set up manually. V existujúcom paneli použite + vedľa AI Agent (Add new AI Agent) na vytvorenie samostatného Agenta a potom vyberte Set up manually.
2. V Identity zadajte Kestrel Kitchens do Name your AI Agent. Vložte obsah súboru main-prompt.txt zo súpravy do Describe what you want your agent to do. Stane sa z neho Main Prompt Agenta, ktorý vysvetľuje krok 2. Vyberte Next.
3. Knowledge Base zatiaľ nechajte prázdnu a vyberte Next. Pokračujte cez External apps bez výberu pripojenia. V Deployment vyberte Chat widget a potom Next.
4. Na obrazovke Choose your plan použite Skip for now, ak pokračujete v osobnom vzdelávacom cvičení, alebo vyberte vhodný komerčný plán pre firemné použitie. Dokončite alebo zatvorte prípadnú voliteľnú ponuku, ktorá sa zobrazí potom.
5. V paneli overte názov Agenta v Identity a potom otvorte Knowledge Base. Vyberte si vlastné stránky alebo dodaný ukážkový článok nižšie.

Importujte vlastné stránky

1. V Knowledge Base vyberte Add Website. Podľa potrebného rozsahu vyberte jednu stránku alebo možnosť importu webu.
2. Zadajte verejnú URL. Pri importe webu skontrolujte nájdené stránky a vyberte stránky služieb, cien, postupu a FAQ, z ktorých majú vychádzať odpovede.
3. Prezrite importovaný text. Overte, či ceny uvádzajú správnu menu a daňový režim a či sa zdrojmi nestali staré akcie alebo nesúvisiace stránky.
4. Počkajte na dokončenie spracovania. Pred testovaním nainštalovaného widgetu použite alebo zverejnite všetky čakajúce zmeny znalostí zobrazené v paneli.

Začnite niekoľkými zrozumiteľnými stránkami. Web môže zobrazovať lákavý cenník, no podmienky uvádzať inde; Agent potrebuje oboje. Import samotnej domovskej stránky môže vynechať podmienky montáže, územné obmedzenia alebo pravidlá vrátenia peňazí, vďaka ktorým je odpoveď užitočná.

Použite zdroj Kestrel Kitchens

Ak chcete príklad zopakovať bez toho, aby ste najprv hostovali web, pridajte jeho údaje priamo:

1. V Knowledge Base vyberte Add Article. Vytvorí sa článok Untitled a otvorí sa Edit Article.
2. Do Title zadajte Kestrel Kitchens: services, prices and process. V Content vyberte Plain Text a vložte obsah súboru knowledge.txt zo súpravy.
3. Vyberte Save a počkajte, kým článok nebude v stave Ready. Overte, že sa jeho názov zobrazuje v zozname Knowledge Base.

Uložený článok zachováva podmienky cien a časových lehôt. Jeho fiktívne údaje zodpovedajú ukážkovému webu.

Kestrel Kitchens is a fictional kitchen design and renovation business used in this tutorial. It serves Bristol, Bath and addresses within 25 miles of central Bristol.

Services: kitchen design, supply and full installation. A full kitchen renovation typically costs £18,000 to £45,000 including VAT. This is a planning range, not a quote. The final price depends on the survey, layout, cabinetry, appliances and building work. Room dimensions alone are not enough to calculate a firm price.

Timelines: survey and design normally take 2 to 3 weeks. Installation usually takes 4 to 8 weeks after all materials are available. These are typical durations, not a promised start date or completion date.

Process: discuss the project, arrange a site survey, agree the design and receive a written quote, then schedule work once the quote is accepted and materials are available. The chatbot cannot book a survey or confirm availability.

The design team works Monday to Friday, 09:00 to 17:00, Europe/London. Quote enquiries need the visitor's full name, email, postcode and project type. A preferred timeline is helpful but optional. The team follows up by email. Do not promise a response deadline.

Zdroj zámerne neuvádza podmienky financovania. Môžete tak overiť, ako Agent spracuje skutočnú medzeru v znalostiach. Pri skutočnom webe udržiavajte zdrojové stránky aktuálne a používajte podporované nastavenia obnovovania, ak sú dostupné; príručka ku Knowledge Base vysvetľuje organizáciu a testovanie týchto zdrojov.

Krok 2: Čo má chatbot hovoriť a čo nikdy nesľubovať?

Pomocou Main Prompt určite, ako má Agent používať znalosti: najprv odpovedať, zachovať užitočnosť odpovede a rozhodnutia, napríklad záväznú cenovú ponuku, nechať na tím.

V príklade Kestrel rozmery miestnosti určujú rozsah projektu. Neurčujú skrinky, spotrebiče ani stavebné práce. Agent má vysvetliť orientačné rozpätie £18,000 až £45,000 vrátane DPH zo zdroja bez výpočtu presnejšej ceny z podlahovej plochy.

Tieto ceny sú fiktívne údaje pre návod. Cieľom je zachovať rozdiel medzi faktmi zo zdroja a rozhodnutím, ktoré musí ešte urobiť váš tím.

1. V Identity vyberte Edit na karte Main Prompt.
2. Vložte celý prompt nižšie. Nechajte ho uložiť a potom editor znova otvorte, aby ste overili uložený text.
3. Firemné údaje uchovávajte v Knowledge Base. Prompt používajte na štýl odpovedí, spôsob zberu údajov a rozhodnutia vyžadujúce človeka.

Main Prompt je pole s pokynmi. Úplný text nižšie aj v súprave je určený na kopírovanie.

You are the website assistant for Kestrel Kitchens. Help visitors understand our services, indicative prices and process using the Knowledge Base.

Answer the visitor's question before asking for contact details. Keep replies concise, usually two to four sentences. Use the visitor's language.

Treat prices as planning ranges. Never calculate a firm quote from room dimensions, invent a discount, promise a start date, confirm a survey booking or claim financing is available. If the Knowledge Base does not answer a question, say that a designer must confirm it.

When a visitor wants a quote or follow-up, collect their full name, email, postcode and project type in conversation. Ask one or two relevant questions at a time. Ask about their preferred timeline only after the required details, and accept a refusal without pressure. Do not ask for payment information.

Offer Human Handoff when the visitor asks for a designer or needs information you cannot confirm. Respect the configured working hours. Never claim that a designer is connected or a quote is booked. If the team is unavailable, offer an email follow-up.

Acknowledge the details the visitor has provided. Do not claim CRM delivery or a confirmed booking. The design team reviews enquiries in the Inbox.

Otvorte AI Preview a opýtajte sa How long does a full kitchen renovation take?. V lokálnom kontrolnom teste Agent odpovedal 2 až 3 týždne na obhliadku a návrh, potom 4 až 8 týždňov na montáž po sprístupnení materiálov. Dôležité je trvanie aj jeho podmienka.

Začnite novú konverzáciu a opýtajte sa Do you offer financing?. Správna odpoveď prizná, že zdroj nepotvrdzuje takúto ponuku, a nasmeruje otázku na dizajnéra. Sebaistejšia formulácia v prompte by chýbajúci firemný údaj nedoplnila.

Krok 3: Ako v chate zbierate dopyty na cenovú ponuku?

Smart Data Gathering sa počas konverzácie pýta na vybrané informácie a ukladá údaje poskytnuté návštevníkom. Pri dopyte na cenovú ponuku zbierajte len to, čo dizajnér potrebuje na následný kontakt.

1. Otvorte Actions & MCPs, zapnite Smart Data Gathering a vyberte Edit Action. Nastavte Name na Quote enquiries a Description na Capture contact and project details for a kitchen design enquiry. Uložený názov sa stane nadpisom karty.
2. V Data to collect pridajte riadky nižšie. Pri opakovaní príkladu zachovajte tieto anglické názvy Data point; názvy kontaktných údajov majú osobitné mapovanie na polia návštevníka v Inboxe.
3. Nastavte Reason for collecting information na So a Kestrel Kitchens designer can assess your project and follow up by email.
4. Nastavte When to ask for data na After exchanging a few messages a How to ask for data na Subtle.
5. Uložte akciu. V AI Preview položte užitočnú otázku o službe predtým, než požiadate o cenovú ponuku, a prezrite uložené údaje v Inbox.

Otázky opisujú informácie, ktoré sa majú zbierať. Nastavenia načasovania a štýlu usmerňujú, kedy sa pýtať; otestujte aj samotnú konverzáciu.

Meno, e-mail, PSČ a typ projektu sú povinné údaje pre kompletný dopyt v tomto príklade. Preferovaný termín je voliteľný, ako vysvetľuje Main Prompt. Táto obchodná požiadavka je oddelená od nastavení konverzačného zberu údajov; krok 8 vynucuje povinné polia pred odoslaním požiadavky do CRM.

Agent má odpovedať na všeobecnú otázku o cene bez toho, aby poskytnutie odpovede podmieňoval e-mailovou adresou. Návštevník môže zber údajov aj odmietnuť. Pomocou I am only researching. I do not want to leave contact details. overte, že konverzácia zostáva užitočná bez opakovaných žiadostí.

Kam sa ukladajú získané údaje?

Otvorte konverzáciu v Inbox. Štandardné kontaktné údaje sa zobrazujú v poliach návštevníka; ostatné zozbierané hodnoty zostávajú pripojené ku konverzácii a možno ich exportovať cez Export Gathered Data.

V časti Where to send data možnosť Email new leads upozorní každého administrátora Agenta pri prvom získaní e-mailovej adresy alebo telefónneho čísla. Samotné meno odoslanie e-mailu nespustí. Preview a Simulation tieto upozornenia neodosielajú, preto si pred spoliehaním sa na doručovanie e-mailov overte vlastnú administrátorskú schránku kontrolovaným testom v nainštalovanom widgete. V lokálnom postupe zostáva odosielanie externých e-mailov vypnuté.

Dokumentácia Smart Data Gathering opisuje zber údajov, upozornenia a exporty. Na vlastnom webe vysvetlite, prečo informácie žiadate, a vo widgete uveďte odkaz na oznámenie o ochrane osobných údajov. Príručka ochrany údajov pri chatbotoch vám pomôže posúdiť širší tok údajov.

Krok 4: Ako umožníte človeku prevziať chat?

Human Handoff odovzdá konverzáciu vášmu tímu; človek ju potom prevezme v Inbox a odpovie tomu istému návštevníkovi.

Odovzdanie pripravte pred zverejnením widgetu. Návštevník, ktorý žiada o dizajnéra, by nemal najprv musieť dokončiť formulár dopytu a Agent by nemal naznačovať, že je niekto online mimo pracovného času tímu.

1. V Actions & MCPs zapnite Human Handoff a otvorte Edit Action.
2. Štandardné pravidlá Media Message, User Frustration, Customer Support Suggestion a Lack Of Knowledge nechajte zapnuté; Irrelevant Advice nechajte vypnuté. Main Prompt už vysvetľuje, kedy ponúknuť dizajnéra. Overený príklad používa tieto štandardné pravidlá bez pridávania vlastných.
3. Nastavte správy a dostupnosť podľa tabuľky nižšie a uložte ich. Pri vzdelávacom cvičení nechajte Email notifications vypnuté a odovzdanie overte priamo v Inboxe.

Použite hodiny, počas ktorých človek skutočne sleduje Inbox. Fiktívny rozvrh nie je prísľubom okamžitej odpovede.

Počas pracovného času tímu sa na webe opýtajte Can I speak to a designer?. Dokončite prípadné potvrdenie odovzdania, ktoré Agent vyžiada. V Inboxe otvorte konverzáciu a vyberte Assign to me, ak nie je priradená, alebo Take over, keď sa tento ovládací prvok zobrazuje. Odošlite odpoveď človeka a overte, že ju návštevník dostane. Keď má pokračovať AI, použite Reassign to AI.

Skontrolujte, kto má konverzáciu pridelenú, a doručenie odpovede človeka, nielen ponuku Agenta na odovzdanie.

Zopakujte test v novej konverzácii mimo nastavených hodín. Agent má vysvetliť dostupnosť a ponúknuť uvedený spôsob následného kontaktu. Ak na túto kontrolu dočasne zmeníte rozvrh, potom obnovte skutočný rozvrh. Dokumentácia Human Handoff vysvetľuje nastavenia a postup v Inboxe.

Podrobný návod na odovzdanie konverzácie z chatbota človeku obsahuje samostatné kontroly priradenia konverzácie, návratu k AI a zlyhaní mimo pracovných hodín.

Krok 5: Ako prispôsobíte widget svojmu webu?

Vzhľad a pevné texty nastavíte v Channels → Your Website. Uvítacia správa má byť dostatočne konkrétna, aby vysvetlila, na čo sa návštevník môže pýtať.

Vzhľad

1. Otvorte Appearance. Pre Kestrel vyberte tému Custom s bielym pozadím, tmavozelenou hlavičkou a farbou zvýraznenia (#315448) a bielym textom hlavičky. Ponechajte predvolenú veľkosť textu a zaoblené ovládacie prvky.
2. V Branding → AI Agent Avatar kliknite na ikonu nahrávania avatara, vyberte website/kestrel-avatar.png zo súpravy a v dialógu orezania vyberte Upload.
3. Nastavte Widget window max width na 400px a Widget window max height na 520px. Pre veľkosť tlačidla na otvorenie vyberte Small, umiestnite ho vpravo a ako popis použite Ask about your kitchen. Popis je dostupný pri malom tlačidle. Overte jeho polohu vzhľadom na banner cookies a ďalšie plávajúce ovládacie prvky webu.
4. Nechajte Auto-open Widget vypnuté. Otváranie widgetu pri každom načítaní stránky prerušuje prehliadanie, najmä na telefóne.

Pri výbere farieb kontrolujte náhľad. Test na živom webe je stále dôležitý, pretože tlačidlo na otvorenie chatu zdieľa priestor s ovládacími prvkami webu.

Textový obsah

Otvorte Text Content a použite tieto hodnoty:

Úvodné otázky majú otvárať užitočné úlohy. Upozornenie návštevníkom vysvetľuje, ktoré rozhodnutia ešte vyžadujú dizajnéra.

Agent môže odpovedať v jazyku návštevníka. Preklad pevnej uvítacej správy a popisov widgetu je samostatné nastavenie v Other languages, dostupné v platených plánoch. Pri viacjazyčnom webe otestujte odpoveď aj pevný text rozhrania; príručka viacjazyčných chatbotov vysvetľuje tento rozdiel.

Zmeny vzhľadu sa môžu do relácií návštevníkov s vyrovnávacou pamäťou dostať až po niekoľkých minútach. Pred záverom, že sa uložená zmena neprejavila, stránku znova načítajte. Hide Quickchat AI Branding vyžaduje plán Professional alebo vyšší; návod na odstránenie označenia značky opisuje ďalšie miesta, ktoré treba skontrolovať.

Krok 6: Ako nainštalujete chatbota na svoj web?

Nainštalujte Widget do spoločnej šablóny webu alebo použite podporovanú integráciu platformy. Plávajúci Widget musí bežať na stránke, ktorú návštevník prehliada.

1. Otvorte Channels → Your Website → Install.
2. Zapnite Widget & Embed access pre verejný widget.
3. Vyberte spôsob inštalácie pre svoj web a skopírujte zobrazený úryvok kódu alebo Scenario ID tohto Agenta.
4. Zverejnite zmenu, otvorte verejný web a položte otázku, o ktorej viete, že odpoveď je v Knowledge Base.

Kopírujte z obrazovky Install tohto Agenta. Jeho Scenario ID je verejný identifikátor widgetu, nie súkromný kľúč API.

Ľubovoľný web: vložte kód Widget pred uzatváraciu značku body

Vyberte Install manually with code a skopírujte kód Widget. Aktuálny načítavací skript má tento tvar:

<script>
  (function(e,a,d,i,c,t=a.createElement(d)){e[c]=e[c]||function(){(e[c].q=e[c].q||[]).push(arguments)},t.src=i,t.async=1,a.body.insertAdjacentElement("beforeend",t)})(window,document,"script","https://bubble.quickchat.ai/chat.js","_quickchat");
  _quickchat("init", "YOUR_SCENARIO_ID");
</script>

Nahraďte YOUR_SCENARIO_ID hodnotou z Install. Celý úryvok vložte raz, bezprostredne pred </body> do spoločnej šablóny alebo použite pole editora pre pätu celého webu. Tento načítavací skript vkladá skript do tela stránky, preto umiestnenie do hlavičky pred vytvorením tela môže zabrániť načítaniu.

Na umiestnení záleží. HTML blok založený na iframe je samostatná stránka a pre tento plávajúci Widget nie je vhodný.

Samostatná možnosť Embed vloží chat do kontajnera na stránke. Ak chcete chat ako súčasť obsahu stránky, použite ňou vygenerovaný kód. HTML blok, ktorý vkladá kód priamo do stránky, môže tento spôsob podporovať; blok editora, ktorý izoluje kód v iframe, je iný prípad. Pozrite si dokumentáciu webového kanála.

WordPress: nainštalujte oficiálny doplnok

1. Vo WordPresse otvorte Plugins → Add New, vyhľadajte Quickchat AI Agent a potom vyberte Install Now a Activate.
2. Otvorte Settings → Quickchat AI Agent.
3. Vložte Scenario ID z obrazovky Install v Quickchat AI a vyberte Save Changes.
4. Otvorte verejnú stránku a skontrolujte widget. Použite buď doplnok, alebo ručný úryvok kódu, aby ste načítavací skript nenainštalovali dvakrát.

Potrebujete inštaláciu a plán WordPress, ktoré umožňujú doplnky. Návod na chatbota pre WordPress ukazuje rozhranie doplnku a kontroly špecifické pre WordPress.

Squarespace: použite vloženie kódu do päty

1. Otvorte panel Code Injection webu. Ak sa navigácia vo vašom účte líši, použite vyhľadávanie nastavení v paneli.
2. Vložte celý kód Widget do Footer a uložte ho.
3. Otvorte zverejnenú stránku na samostatnej karte prehliadača a otestujte odpoveď.

Squarespace poskytuje Code Injection v plánoch Core, Plus, Advanced a niektorých starších plánoch. Vloženie do päty umiestni kód pred </body> na celom webe. Pre plávajúci widget použite toto miesto; blok iframe na jednej stránke nie je rovnocenný. Tento vlastný kód sa nevzťahuje na stránky pokladne Squarespace.

Wix: použite vlastný kód na konci tela stránky

1. V paneli webu otvorte Settings → Custom Code a potom + Add Custom Code.
2. Vložte kód Widget a pomenujte ho Quickchat AI widget.
3. Použite ho na All pages, vyberte Body - end a potom Apply.
4. Otestujte zverejnený web vrátane prechodu na inú stránku.

Wix vyžaduje zverejnený web s pripojenou doménou pre vlastný kód. Pre tento plávajúci widget použite nastavenie Custom Code platné pre celý web.

Webflow: použite kód v päte a zverejnite web

1. Otvorte Site settings → Custom code.
2. Vložte kód Widget do Footer code a vyberte Save changes.
3. Použite Publish na požadovanú doménu a potom otestujte túto zverejnenú URL.

Nastavenia vlastného kódu vo Webflow vyžadujú vhodný platený Workspace alebo aktívny plán Site. Samotné uloženie nastavenia ho nezverejní.

Shopify: vyberte kód existujúceho Agenta alebo aplikáciu Shopify

Pre už vytvoreného Agenta Kestrel pridajte jeho kód Widget bezprostredne pred </body> v Online Store → Themes → Edit code → layout/theme.liquid, potom ho uložte a skontrolujte obchod. Pred úpravou si zálohujte tému a po zmene témy znova overte inštaláciu. Tento postup zobrazuje vybraného Agenta; nenastavuje akcie pre produkty ani objednávky.

Pre Agenta zameraného na obchod nastavenie aplikácie Quickchat AI pre Shopify pripája obchod cez vlastný úvodný postup. Po pripojení použite Enable Widget in Shopify Theme Editor alebo otvorte Online Store → Themes → Edit theme → App embeds. Zapnite Quickchat AI Widget a uložte zmenu. Dokumentácia vložených aplikácií Shopify vysvetľuje ovládacie prvky témy; pri zmene zverejnenej témy vloženú aplikáciu znova zapnite.

Uvedené postupy pre editory webov boli overené podľa oficiálnej dokumentácie. Snímky z príkladu zobrazujú web Kestrel a skutočný lokálny widget; nie sú to snímky prihlásených účtov v každom editore.

Pred hľadaním chyby v Agentovi skontrolujte kód

Tieto voliteľné kontroly pracujú s hodnotami, ktoré zadáte:

• Skontrolujte kód Widget. Porovnajte vložený kód so zadaným Scenario ID. Táto kontrola nenačítava váš web.
• Porovnajte spôsoby nasadenia. Overte zadané kanály, prístup k webu a požadované funkcie voči možnostiam nastavenia Quickchat AI. Táto kontrola neprehliada váš web ani účet.

V kompatibilnom prehliadači sú tieto kontroly dostupné aj ako nástroje webu. Odkazy otvárajú štandardné formuláre.

Krok 7: Ako otestujete chatbota skôr než návštevníci?

Odpoveď, uložené údaje a doručenú odpoveď človeka testujte oddelene. AI Preview a Simulation Testing pomáhajú vyhodnotiť správanie; zverejnený web dokazuje, že návštevník môže používať nainštalovaný widget.

Spustite nezávislé otázky v Simulation Testing

Otvorte Testing → Create Dataset, pomenujte ho Kestrel Kitchens: website launch checks a vyberte Paste messages. Pridajte otázky o trvaní, cene a financovaní uvedené nižšie a oddeľte ich riadkom obsahujúcim ---. Samotné zalomenie riadka ponecháva text v jednej testovacej správe. Nastavte Evaluation criteria tak, aby kontrolovali fakty a stručnosť odpovedí, potom vyberte Run → Start Run. Súprava obsahuje presné správy aj kritériá.

Každý riadok datasetu začína samostatnú konverzáciu. Simulation používajte na tieto nezávislé otázky; viacťahové kontroly dopytu a prevzatia človekom vykonajte v jednej konverzácii AI Preview alebo na webe. Protokol akcie a prijímač kontrolujte samostatne, pretože hodnotenie prepisu nedokáže overiť externé doručenie.

Otvorte dokončený beh a prezrite jeho odpovede. Táto odpoveď o cene zachováva orientačné rozpätie; skóre odpovede nepotvrdzuje doručenie do iného systému.

Medzi nezávislými prípadmi použite novú konverzáciu. Opätovné načítanie stránky môže obnoviť existujúcu konverzáciu, preto pri novom teste použite ovládací prvok widgetu na nový chat.

Skontrolujte web na telefóne

Na obrazovkách užších než 768 CSS pixelov používa otvorený widget rozloženie na celú obrazovku. Overte, že ho môžete otvoriť, písať so zobrazenou klávesnicou, posúvať konverzáciu a zatvoriť ho na návrat na web.

Na záver nechajte skutočného človeka odpovedať z Inboxu. Dobrá odpoveď AI nedokazuje funkčnosť ľudskej podpory. Po zmene zdrojov, promptov, akcií alebo témy webu zopakujte menší súbor týchto kontrol.

Krok 8: Ako odošlete kompletný dopyt do svojho CRM?

Voliteľná API Action môže odoslať uložené polia HTTP prijímaču, keď konverzácia obsahuje všetky povinné informácie. Základný webový chatbot je použiteľný aj bez tohto rozšírenia.

Dôležitý je rozdiel medzi získaným kontaktom a kompletným dopytom. Quickchat AI nastaví lead_captured, keď novo získa štandardné kontaktné pole vrátane mena. Samotný príznak nepotvrdzuje prítomnosť e-mailu, PSČ ani typu projektu.

Platforma kontroluje každú podmienku. Model zbiera informácie; podmienky určujú, kedy možno požiadavku spustiť.

Pripravte prijímač

Použite koncový bod CRM alebo automatizácie pod vašou kontrolou, ktorý prijíma telo JSON uvedené nižšie. Súprava obsahuje malý lokálny ukážkový prijímač pre čitateľov, ktorí chcú požiadavku prezrieť pred pripojením CRM. Pokyny na jeho nastavenie vytvoria súkromný token a vysvetlia sprístupnenie dočasného koncového bodu HTTPS. Ukážkovému prijímaču posielajte iba fiktívne testovacie údaje.

Ak uprednostňujete spravovanú integráciu, postupujte podľa návodu na výkazy v Google Sheets alebo návodu na vlastné CRM. Nezapínajte dva postupy, ktoré vytvárajú ten istý kontakt.

Nastavte jednu automatickú API Action

1. Otvorte Actions & MCPs → Custom Actions → Add Action → API Action. Ak sa otvorí tvorba podľa opisu, vyberte Create manually.
2. Nastavte API Action Name na Send quote enquiry.
3. Nechajte What to ask the user first prázdne. Táto akcia číta polia už uložené cez Smart Data Gathering; nežiada model o vyplnenie druhej sady parametrov.
4. V API Endpoint vyberte POST a zadajte HTTPS URL /enquiries svojho prijímača.
5. Pridajte hlavičky, telo a podmienky nižšie, potom akciu uložte a aktivujte.

Token zadajte iba do nastavenia hlavičky akcie. Nevkladajte ho do promptu, kódu webu ani konverzácie s návštevníkom. README ukážkového prijímača vysvetľuje jeho vygenerovanie; pri skutočnej integrácii použite autentifikáciu podľa dokumentácie CRM.

Na karte Body vyberte JSON a zadajte:

{
  "conversation_id": "{{conversation_id}}",
  "name": "{{metadata_visitor_name}}",
  "email": "{{metadata_visitor_email}}",
  "postcode": "{{metadata_postcode}}",
  "project_type": "{{metadata_project_type}}"
}

Pomocou Add AI Data vložte zodpovedajúce vstavané hodnoty a hodnoty metadát. conversation_id identifikuje konverzáciu. Ostatné hodnoty pochádzajú z uložených polí; anglické názvy kontaktných údajov sa mapujú na visitor_name a visitor_email, zatiaľ čo Project type sa zmení na project_type. Dokumentácia premenných vysvetľuje tieto mapovania.

V When to run vyberte When metadata matches. Do Run when pridajte všetkých päť riadkov; podmienky metadát sa spájajú operátorom AND:

Pri týchto textových poliach is true odmieta prázdne hodnoty aj text predstavujúci nepravdivú hodnotu. exists kontroluje len prítomnosť kľúča; uložený prázdny reťazec môže kontrolou prejsť. Testy nižšie ukazujú, prečo je prísnejšia podmienka dôležitá. Kontroluje poskytnutie použiteľného textu, nie nezávislé overenie totožnosti návštevníka alebo údajov o nehnuteľnosti.

Použite tento API Action Description:

Send a quote enquiry to the design team when the visitor has provided their full name, email, postcode and project type. This records an enquiry only; it does not book a survey or confirm a price.

Prvé dve z piatich uložených podmienok. Pridajte každý riadok z tabuľky; When metadata matches ich kontroluje po ťahu AI bez toho, aby Agent vyberal akciu.

Akcia sa pokúsi o spustenie raz za konverzáciu, keď sú splnené všetky podmienky. Po dodaní voliteľného termínu sa už nespustí a neúspešná odoslaná požiadavka sa v danej konverzácii automaticky neopakuje. Termín ponechajte pre dizajnéra v Inboxe alebo vytvorte výslovnú integráciu vytvárania a aktualizácie, ak vaše CRM potrebuje neskoršie zmeny.

Požiadavka sa spúšťa po ťahu AI a jej odpoveď sa nevkladá do chatu. Preto Main Prompt potvrdzuje prijatie údajov návštevníka bez tvrdenia, že ich prijalo CRM. Doručenie overte v protokole akcie a v prijímači. Dokumentácia automatických akcií opisuje tento spôsob vykonávania.

Otestujte čiastočné údaje a potom kompletný dopyt

Prvá verzia používala pre povinné textové polia exists. Sam poskytol meno a v ďalšej správe e-mail. Smart Data Gathering už vytvoril prázdne hodnoty PSČ a typu projektu, takže tieto kľúče existovali a akcia odoslala neúplnú požiadavku. Tým zároveň vyčerpala svoj jediný pokus v konverzácii.

Oprava spočívala v zmene štyroch podmienok textových polí na is true bez zmeny zvyšku nastavenia. Zopakujte test v novej konverzácii a v druhom ťahu poskytnite iba e-mail. Akcia má počkať na zostávajúce údaje projektu.

Ide o jednu pozorovanú konverzáciu, nie mieru úspešnosti v produkcii. Zopakujte ju v novej konverzácii, po každom ťahu prezrite uložené polia a skontrolujte požiadavku vo vlastnom koncovom bode.

Skutočné volanie akcie vrátilo HTTP 201. Otvorte jeho podrobnosti a prezrite požiadavku; uložený záznam nižšie ukazuje, čo prijímač uložil.

Jeden skutočne uložený záznam z autentifikovaného ukážkového prijímača. Ide o dopyt, nie potvrdenú cenovú ponuku ani rezerváciu.

Ukážka používala lokálny prijímač a zaznamenala skutočné doručenie cez HTTP. Hostovaný Agent Quickchat AI potrebuje verejne dostupný koncový bod HTTPS; URL localhost vo vašom počítači nie je zo služby dostupná.

Ak nič nepríde, prezrite View logs pri akcii a uložené metadáta konverzácie. Chýbajúce hodnoty, vypnutá akcia a chyba HTTP vyžadujú rozdielne opravy. Opravte konfiguráciu a automatické spustenie znova otestujte v novej konverzácii; žiadosť o opakovanie v tom istom chate neobnoví pokus obmedzený na jedenkrát za konverzáciu.

Prečo chatbot chýba alebo zobrazuje staré nastavenia?

Pred zmenou promptu skontrolujte zverejnenú stránku, miesto inštalácie a prístup k Agentovi. Problém s načítaním v prehliadači je odlišný od problému s kvalitou odpovede.

Ak prehliadač hlási zablokovaný zdroj, prezrite presnú chybu Content Security Policy alebo blokovacieho nástroja. Nevypínajte plošne ochrany webu. Testujte verejnú stránku cez HTTPS a potrebné nastavenia overte v dokumentácii kanála.

Koľko stojí webový chatbot?

Predplatné a limit používania pokrývajú službu AI; váš webový plán a voliteľné integrácie sú samostatné náklady.

AI kredit nie je konverzácia. Konverzácia môže obsahovať viacero odpovedí AI a rôzne voľby modelu môžu mať rôznu kreditovú cenu. Do rozpočtu na testovanie zahrňte Preview a Simulation. Na odhad objemu používajte aktuálny cenník a limity a príručku nákladov na chatbota.

Môžu ChatGPT alebo Claude pomôcť s nastavením chatbota?

Pripojenie na správu účtu Quickchat AI umožňuje kompatibilnému asistentovi nastaviť podporované nastavenia Agenta a pripraviť testy z týchto súborov.

Pripojte vlastný účet cez Quickchat AI v ChatGPT alebo Quickchat AI v Claude podľa príručky Manage with AI. Podporované nástroje pokrývajú znalosti, Main Prompt, úvodné otázky, Human Handoff, HTTP Actions, testovanie a kód na nasadenie.

Smart Data Gathering a podrobné nastavenia Appearance widgetu dokončite v paneli. Musíte tiež autorizovať externé účty a nainštalovať kód v nastaveniach webu. Pripojenie účtu slúži na správu Agenta; je oddelené od sprístupnenia Agenta ako nástroja MCP.

Use the Kestrel Kitchens website-chatbot kit to prepare a separate learning Agent. Do not change existing Agents. Set its name to Kestrel Kitchens, add knowledge.txt and set main-prompt.txt as Main Prompt. Configure the supported greeting, conversation starters and Human Handoff settings from the kit. Prepare the launch-test dataset with the supplied messages and criteria. Read back the saved configuration and return this Agent's current Widget snippet.
List the remaining dashboard steps for Smart Data Gathering, Appearance and website installation. Do not invent support for those settings. Leave the optional Send quote enquiry Action inactive until I provide my receiver URL and configure its credential. Before running tests or external writes, tell me the expected credit use and effects and obtain any approval required by this client. Do not claim that a website, email or CRM delivery works until it has been tested.

Často kladené otázky

Ako pridám AI chatbota na svoj web?

Vytvorte Agenta v Quickchat AI, pridajte firemné znalosti, nastavte Main Prompt, Smart Data Gathering a Human Handoff a potom nainštalujte jeho Widget pomocou doplnku alebo dodaného kódu. Na zverejnenom webe otestujte odpoveď zo zdroja, získané kontaktné údaje a doručenú odpoveď človeka.

Môžem na svoj web pridať vlastný ChatGPT?

Môžete pridať asistenta v štýle ChatGPT naučeného na vašich stránkach. Tento návod nasadzuje Agenta Quickchat AI cez jeho webový widget, takže návštevníci môžu chatovať na vašom webe bez prihlásenia do ChatGPT. Jeho znalosti, pokyny a integrácie sa spravujú v Quickchat AI.

Môžem na svoj web pridať AI chatbota zadarmo?

Plán Free v Quickchat AI podporuje osobné nekomerčné učenie a zahŕňa 50 AI kreditov mesačne. Firemný web alebo nasadenie predaja a podpory pre zákazníkov potrebuje plán, ktorý povoľuje komerčné použitie. Predplatné editorov webov je samostatné a aj testovanie spotrebúva AI kredity.

Musím programovať alebo poskytnúť kľúč API?

Základné nastavenie používa nastavenia panelu a doplnok, vloženú aplikáciu alebo dodaný skript. Kód webu obsahuje verejné Scenario ID, nie súkromný kľúč API. Pripojenie voliteľnej akcie CRM vyžaduje vhodný koncový bod a jeho autentifikáciu; prihlasovací údaj uchovávajte v nastaveniach akcie.

Dokáže webový chatbot zbierať kontakty a dopyty na cenovú ponuku?

Áno. Smart Data Gathering sa počas konverzácie pýta na vybrané polia a ukladá ich v Inboxe. Email new leads môže upozorniť administrátorov Agenta po získaní e-mailovej adresy alebo telefónneho čísla. API Action môže odoslať povinné uložené polia nastavenému prijímaču; samotné získané meno neznamená kompletný dopyt.

Môže chat prevziať človek?

Áno. Nastavte Human Handoff s pracovným časom tímu a správou mimo neho. V Inboxe vyberte Assign to me pri nepriradenej konverzácii alebo Take over, keď sa tento ovládací prvok zobrazuje, a potom odpovedzte návštevníkovi. Reassign to AI vráti konverzáciu Agentovi.

Funguje to vo WordPress, Shopify, Squarespace, Wix a Webflow?

Každá platforma má vlastný spôsob inštalácie. Použite oficiálny doplnok WordPress, vloženú aplikáciu Shopify po pripojení Agenta obchodu alebo príslušný kód pre pätu/koniec tela stránky na celom webe pre existujúceho Agenta. Oprávnenia doplnkov a požiadavky plánov na vlastný kód sa líšia podľa editora.

Prečo sa chatbot nezobrazuje na mojom webe?

Skontrolujte zverejnenú stránku, správne Scenario ID a umiestnenie kódu na konci tela stránky. Odstráňte staré duplicitné inštalácie a pri plávajúcom Widget sa vyhnite blokom založeným na iframe. Ak sa otvorí, ale nedokáže odpovedať, skontrolujte Widget & Embed access a dostupné AI kredity.

Spomalí chatbot môj web?

Načítavací skript widgetu sa sťahuje asynchrónne, no stále pridáva JavaScript a sieťové požiadavky. Porovnajte výkon načítania a interakcií pred inštaláciou a po nej na reprezentatívnych stránkach aj na telefóne. Asynchrónne načítanie neznamená nulový vplyv na výkon.

Funguje webový chatbot na telefónoch?

Otvorený widget používa rozloženie na celú obrazovku pri šírke pod 768 CSS pixelov. Na telefóne otestujte tlačidlo na otvorenie, klávesnicu, posúvanie a ovládací prvok zatvorenia. Nechajte Auto-open Widget vypnuté, ak by automatické otváranie prerušovalo prehliadanie.

Môže chatbot odpovedať v jazykoch mojich návštevníkov?

Agent môže odpovedať v jazyku návštevníka. Preklad pevného uvítacieho textu, úvodných otázok a popisov widgetu je samostatné nastavenie plateného plánu. Pri každom jazyku, ktorý chcete podporovať, otestujte fakty v odpovedi aj text rozhrania.