Sådan tilføjer du en AI-chatbot til din hjemmeside uden kode

Du kan tilføje en AI-chatbot til din hjemmeside ved at give en agent din virksomheds viden, konfigurere dens svar og installere en chatwidget med et plugin eller et medfølgende script. Quickchat AI’s chatbot til hjemmesider samler viden, samtaleindstillinger og teamets Inbox ét sted. Besøgende stiller spørgsmål på din hjemmeside uden at oprette en konto.

Denne vejledning bygger Kestrel Kitchens, en fiktiv virksomhed inden for køkkendesign. En besøgende spørger, hvor lang tid en renovering tager, undersøger den forventede pris på et køkken på 3 gange 4 meter og beder derefter om et tilbud. Agenten svarer ud fra virksomhedens oplysninger, indsamler projektdetaljerne og lader en designer fortsætte samtalen.

Grundopsætningen kræver ingen programmering. Følg viden og instruktioner, indsamling af kundeemner og overdragelse til en medarbejder, og installer derefter widgetten. En valgfri API Action sender komplette forespørgsler til et andet system.

Download opsætningspakken til Kestrel Kitchens med eksempelhjemmesiden, viden, Main Prompt, indstillinger og testbeskeder. Filerne kan redigeres og følges i kontrolpanelet; de importerer ikke en agent med ét klik.

Skærmbilleder og kopierbare filer, prompts og konfigurationer i pakken forbliver på engelsk, så det testede eksempel kan reproduceres.

Hvad skal hjemmesidens chatbot gøre?

Chatbotten besvarer spørgsmål ud fra dit indhold, gemmer oplysninger til en ønsket opfølgning og overdrager samtaler til dit team, når der er brug for en person.

Disse resultater kræver forskellige former for dokumentation. Et korrekt prisinterval kommer fra Knowledge Base. En tilbudsforespørgsel kræver kontakt- og projektoplysninger i Inbox. En overdragelse kræver, at en medarbejder overtager ansvaret og sender et svar, der når frem til den besøgende.

Den besøgendes forløb gennem eksemplet. En tilbudsforespørgsel registrerer interesse; designeren skal stadig bekræfte pris og tilgængelighed.

Hvad skal du bruge, før du tilføjer en chatbot?

Du skal bruge en Quickchat AI-konto, virksomhedsoplysninger, du kan verificere, og adgang til hjemmesidens pluginindstillinger eller indstillinger for brugerdefineret kode.

1. Opret en Quickchat AI-konto, og gennemfør tilmeldingen. Brug en separat agent til øvelsen, så eksemplets oplysninger ikke kan påvirke en eksisterende kundeservice.
2. Forbered dine servicesider, ofte stillede spørgsmål og politikker, eller brug den fiktive viden i pakken. Udskift de fiktive priser og dækningsområdet, før du tager løsningen i brug til en rigtig virksomhed.
3. Kontrollér, at dit hjemmesideabonnement tillader den relevante installationsmetode. WordPress kræver adgang til plugins; nogle hostede hjemmesidebyggere kræver et betalt abonnement til brugerdefineret kode på hele hjemmesiden.
4. Aftal, at nogen holder øje med testens Inbox, når du prøver overdragelse til en medarbejder. Hav en computerbrowser og en telefon klar til de sidste kontroller på hjemmesiden.

Free er til personlig, ikke-kommerciel læring. Free-abonnementet indeholder 50 AI-kreditter om måneden. Virksomhedsbrug kræver et kommercielt abonnement, og test bruger samme svarkvote som andre AI-samtaler. Abonnementer til hjemmesidebyggere og eksterne API-omkostninger er separate. Afsnittet om omkostninger skelner mellem disse udgifter.

Trin 1: Hvordan træner du en chatbot på din hjemmeside?

Tilføj de sider, der indeholder din virksomheds svar, til Knowledge Base, og verificer det importerede indhold, før du tester. Det giver agenten referencemateriale til dens svar.

Opret agenten til øvelsen

1. Vælg Set up manually på den første opsætningsskærm. Fra et eksisterende kontrolpanel bruger du + ved siden af AI Agent (Add new AI Agent) til at starte en separat agent og vælger derefter Set up manually.
2. I Identity indtaster du Kestrel Kitchens under Name your AI Agent. Indsæt main-prompt.txt fra pakken i Describe what you want your agent to do. Det bliver agentens Main Prompt, som forklares i trin 2. Vælg Next.
3. Lad Knowledge Base være tom indtil videre, og vælg Next. Fortsæt gennem External apps uden at vælge en forbindelse. Vælg Chat widget i Deployment og derefter Next.
4. På Choose your plan bruger du Skip for now til at fortsætte øvelsen til personlig læring eller vælger et passende kommercielt abonnement til virksomhedsbrug. Gennemfør eller afvis eventuelle valgfrie tilbud, der vises bagefter.
5. Bekræft agentens navn i Identity i kontrolpanelet, og åbn derefter Knowledge Base. Vælg enten dine egne sider eller den medfølgende eksempelartikel nedenfor.

Importer dine egne sider

1. Vælg Add Website i Knowledge Base. Vælg en enkelt side eller muligheden for at importere en hjemmeside, alt efter hvor meget du har brug for.
2. Indtast den offentlige URL. Ved import af en hjemmeside gennemgår du de fundne sider og vælger de sider om ydelser, priser, proces og ofte stillede spørgsmål, som svarene skal bygge på.
3. Gennemgå den importerede tekst. Bekræft, at priserne har korrekt valuta og momsangivelse, og at gamle kampagner eller uvedkommende sider ikke er blevet kilder.
4. Vent på, at behandlingen afsluttes. Anvend eller offentliggør eventuelle ventende ændringer af viden, som kontrolpanelet viser, før du tester den installerede widget.

Begynd med nogle få tydelige sider. En hjemmeside kan vise et indbydende priskort, mens forbeholdene står et andet sted; agenten har brug for begge dele. Hvis du kun importerer forsiden, kan du gå glip af installationsbetingelser, geografiske begrænsninger eller refusionsregler, som gør svaret nyttigt.

Brug kilden til Kestrel Kitchens

For at reproducere eksemplet uden først at hoste en hjemmeside kan du tilføje oplysningerne direkte:

1. Vælg Add Article i Knowledge Base. Det opretter en artikel med navnet Untitled og åbner Edit Article.
2. Indtast Kestrel Kitchens: services, prices and process i Title. Vælg Plain Text under Content, og indsæt knowledge.txt fra pakken.
3. Vælg Save, og vent, indtil artiklen er Ready. Bekræft, at titlen vises på listen i Knowledge Base.

Den gemte artikel bevarer forbeholdene for priser og tidsplaner. Dens fiktive oplysninger stemmer overens med eksempelhjemmesiden.

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.

Kilden lader bevidst finansiering stå ubeskrevet. Det giver en nyttig test af, hvordan agenten håndterer en reel mangel på oplysninger. På en rigtig hjemmeside skal du holde kildesiderne opdaterede og bruge understøttede opdateringsindstillinger, hvor de findes; guiden til Knowledge Base forklarer, hvordan du organiserer og tester disse kilder.

Trin 2: Hvad skal chatbotten sige, og hvad må den aldrig love?

Brug Main Prompt til at definere, hvordan agenten anvender sin viden: besvar spørgsmålet først, hold svaret nyttigt, og overlad beslutninger som et bindende tilbud til teamet.

For Kestrel viser rummets mål projektets størrelse. De afgør ikke køkkenelementer, hvidevarer eller byggearbejde. Agenten skal forklare kildens planlægningsinterval på £18,000 til £45,000 inklusive moms uden at beregne en mere præcis pris ud fra gulvarealet.

Disse priser er fiktive data til vejledningen. Pointen er at bevare forskellen mellem kildens oplysninger og en beslutning, dit team stadig skal træffe.

1. Vælg Edit på kortet Main Prompt i Identity.
2. Indsæt hele prompten nedenfor. Lad den blive gemt, og åbn derefter editoren igen for at bekræfte den gemte tekst.
3. Hold virksomhedsoplysningerne i Knowledge Base. Brug prompten til svarstil, indsamlingsadfærd og de beslutninger, der kræver en person.

Main Prompt er instruktionsfeltet. Den fulde tekst nedenfor og i pakken er den kopierbare version.

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.

Åbn AI Preview, og spørg How long does a full kitchen renovation take?. I den lokale kontroltest svarede agenten med 2 til 3 uger til besigtigelse og design og derefter 4 til 8 uger til installation, efter at materialerne er tilgængelige. Både varigheden og forbeholdet er vigtige.

Start en ny samtale, og spørg Do you offer financing?. Det korrekte svar anerkender, at kilden ikke fastslår et tilbud, og henviser spørgsmålet til en designer. Mere selvsikker formulering i prompten ville ikke tilføre den manglende virksomhedsoplysning.

Trin 3: Hvordan indsamler du tilbudsforespørgsler i chatten?

Smart Data Gathering spørger efter udvalgte oplysninger under en samtale og gemmer det, den besøgende oplyser. Ved en tilbudsforespørgsel skal du kun indsamle det, designeren har brug for til opfølgningen.

1. Åbn Actions & MCPs, aktivér Smart Data Gathering, og vælg Edit Action. Sæt Name til Quote enquiries og Description til Capture contact and project details for a kitchen design enquiry. Det gemte navn bliver kortets titel.
2. Tilføj rækkerne nedenfor under Data to collect. Bevar disse engelske Data point-navne, når du reproducerer eksemplet; kontaktfelternes navne har særlige tilknytninger til besøgsfelterne i Inbox.
3. Sæt Reason for collecting information til So a Kestrel Kitchens designer can assess your project and follow up by email.
4. Sæt When to ask for data til After exchanging a few messages og How to ask for data til Subtle.
5. Gem din Action. Stil et nyttigt spørgsmål om en ydelse i AI Preview, før du beder om et tilbud, og gennemgå de gemte oplysninger i Inbox.

Spørgsmålene beskriver de oplysninger, der skal indsamles. Indstillingerne for tidspunkt og stil styrer, hvornår der spørges; test også den faktiske samtale.

Navn, e-mail, postnummer og projekttype er de nødvendige oplysninger til eksemplets komplette forespørgsel. Tidsplanen er valgfri, som Main Prompt forklarer. Dette forretningskrav er adskilt fra indstillingerne for indsamling under samtalen; trin 8 håndhæver de nødvendige felter, før en CRM-anmodning sendes.

Agenten skal besvare et generelt spørgsmål om pris uden at gøre en e-mailadresse til en betingelse for at få svaret. En besøgende kan også afvise indsamling. Brug I am only researching. I do not want to leave contact details. til at kontrollere, at samtalen forbliver nyttig uden gentagne anmodninger.

Hvor ender de indsamlede oplysninger?

Åbn samtalen i Inbox. Standardkontaktoplysninger vises i felterne for den besøgende; de øvrige indsamlede værdier forbliver knyttet til samtalen og kan eksporteres via Export Gathered Data.

Under Where to send data giver Email new leads besked til alle agentens administratorer, når en e-mailadresse eller et telefonnummer indsamles første gang. Et navn alene udløser ikke e-mailen. Preview og Simulation sender ikke disse notifikationer, så verificer din egen administratorindbakke med en kontrolleret test på den installerede widget, før du regner med e-maillevering. Den lokale gennemgang holder ekstern e-maillevering deaktiveret.

Dokumentationen til Smart Data Gathering beskriver indsamling, notifikationer og eksport. På din egen hjemmeside skal du forklare, hvorfor du beder om oplysningerne, og linke til din privatlivspolitik i widgetten. Guiden til databeskyttelse for chatbots hjælper dig med at gennemgå det samlede dataflow.

Trin 4: Hvordan lader du en person overtage chatten?

Human Handoff overdrager en samtale til dit team; en person overtager derefter i Inbox og svarer den samme besøgende.

Forbered overdragelsen, før du offentliggør widgetten. En person, der beder om en designer, skal ikke først udfylde tilbudsformularen, og agenten skal ikke antyde, at nogen er online uden for de bemandede tider.

1. Aktivér Human Handoff i Actions & MCPs, og åbn Edit Action.
2. Behold standardreglerne Media Message, User Frustration, Customer Support Suggestion og Lack Of Knowledge slået til; lad Irrelevant Advice være slået fra. Main Prompt forklarer allerede, hvornår en designer skal tilbydes. Det testede eksempel bruger disse standardregler uden at tilføje brugerdefinerede regler.
3. Konfigurer beskederne og tilgængeligheden nedenfor, og gem derefter. Hold Email notifications slået fra under øvelsen, og kontrollér overdragelsen direkte i Inbox.

Brug tider, hvor en person faktisk holder øje med Inbox. Den fiktive tidsplan er ikke et løfte om et øjeblikkeligt svar.

Spørg Can I speak to a designer? fra hjemmesiden i et bemandet tidsrum. Gennemfør den bekræftelse af overdragelsen, som agenten eventuelt beder om. Åbn samtalen i Inbox, og vælg Assign to me, når den ikke er tildelt nogen, eller Take over, når denne kontrol vises. Send et svar som medarbejder, og bekræft, at den besøgende modtager det. Brug Reassign to AI, når AI’en skal fortsætte.

Kontrollér ansvaret for samtalen og det leverede medarbejdersvar, ikke kun agentens tilbud om overdragelse.

Gentag i en ny samtale uden for de konfigurerede tider. Agenten skal forklare tilgængeligheden og tilbyde den angivne opfølgningsmulighed. Hvis du midlertidigt ændrer tidsplanen for at udføre denne kontrol, skal du gendanne den rigtige tidsplan bagefter. Dokumentationen til Human Handoff forklarer indstillingerne og forløbet i Inbox.

I vejledningen til overdragelse fra chatbot til medarbejder finder du separate tjek af ansvaret for samtalen, tilbageførsel til AI og fejl uden for åbningstid.

Trin 5: Hvordan får du widgetten til at passe til din hjemmeside?

Indstil udseendet og den faste tekst under Channels → Your Website. Gør velkomstbeskeden konkret nok til at forklare, hvad den besøgende kan spørge om.

Udseende

1. Åbn Appearance. Vælg til Kestrel et Custom-tema med hvid baggrund, mørkegrønt topfelt og accentfarve (#315448) samt hvid tekst i topfeltet. Behold standardtekststørrelsen og de afrundede kontroller.
2. Under Branding → AI Agent Avatar klikker du på avatarens uploadikon, vælger website/kestrel-avatar.png fra pakken og vælger Upload i beskæringsdialogen.
3. Sæt Widget window max width til 400px og Widget window max height til 520px. Vælg Small som størrelse på startknappen, placer den til højre, og brug Ask about your kitchen som tekst. Teksten er tilgængelig med den lille startknap. Forhåndsvis placeringen i forhold til eventuelle cookiebannere eller andre flydende kontroller på din hjemmeside.
4. Lad Auto-open Widget være slået fra. Hvis widgetten åbner ved hver sideindlæsning, afbryder det navigationen, især på en telefon.

Kontrollér forhåndsvisningen, mens du vælger farver. Testen på den rigtige hjemmeside er stadig vigtig, fordi startknappen deler plads med hjemmesidens kontroller.

Tekstindhold

Åbn Text Content, og brug disse værdier:

Samtalestartere skal åbne nyttige opgaver. Ansvarsfraskrivelsen fortæller de besøgende, hvilke beslutninger der stadig kræver en designer.

Agenten kan svare på den besøgendes sprog. Oversættelse af den faste velkomstbesked og widgetteksterne er en separat indstilling under Other languages, som er tilgængelig på betalte abonnementer. På en flersproget hjemmeside skal du teste både svaret og den faste grænsefladetekst; guiden til flersprogede chatbots forklarer forskellen.

Ændringer af udseendet kan tage nogle minutter om at nå frem til cachelagrede besøgssessioner. Genindlæs, før du konkluderer, at en gemt ændring er mislykkedes. Hide Quickchat AI Branding kræver Professional eller højere; gennemgangen af white-label beskriver de øvrige steder, du skal kontrollere.

Trin 6: Hvordan installerer du chatbotten på din hjemmeside?

Installer Widget i hjemmesidens fælles layout, eller brug den understøttede platformintegration. Den flydende Widget skal køre på den side, den besøgende bruger.

1. Åbn Channels → Your Website → Install.
2. Aktivér Widget & Embed access til den offentlige widget.
3. Vælg installationsmetoden til din hjemmeside, og kopiér den kodestump eller det Scenario ID, der vises for denne agent.
4. Offentliggør ændringen, åbn den offentlige hjemmeside, og stil et spørgsmål, som du ved, at Knowledge Base indeholder svaret på.

Kopiér fra denne agents Install-skærm. Dens Scenario ID er en offentlig widgetidentifikator, ikke en privat API-nøgle.

Alle hjemmesider: Indsæt Widget-koden før det afsluttende body-tag

Vælg Install manually with code, og kopiér Widget-koden. Den aktuelle indlæser har denne form:

<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>

Erstat YOUR_SCENARIO_ID med værdien fra Install. Indsæt hele kodestumpen én gang, umiddelbart før </body> i det fælles layout, eller brug hjemmesidebyggerens footerfelt, der gælder for hele hjemmesiden. Denne indlæser indsætter et script i sidens body, så placering i head, før body findes, kan forhindre indlæsning.

Placeringen er vigtig. En iframe-baseret HTML-blok er en separat side og egner sig ikke til denne flydende Widget.

Den separate mulighed Embed placerer en chat i en beholder på siden. Brug den genererede kodestump, hvis du ønsker en integreret chatsektion. En HTML-blok, der indsætter kode direkte på siden, kan understøtte dette mønster; en blok i hjemmesidebyggeren, der isolerer kode i en iframe, er et andet tilfælde. Se dokumentationen til Website-kanalen.

WordPress: Installer det officielle plugin

1. Åbn Plugins → Add New i WordPress, søg efter Quickchat AI Agent, og vælg derefter Install Now og Activate.
2. Åbn Settings → Quickchat AI Agent.
3. Indsæt Scenario ID fra Install-skærmen i Quickchat AI, og vælg Save Changes.
4. Åbn en offentlig side, og kontrollér widgetten. Brug enten pluginet eller en manuel kodestump, så du ikke installerer indlæseren to gange.

Du skal bruge en WordPress-installation og et abonnement, der tillader plugins. Guiden til chatbots på WordPress viser plugingrænsefladen og kontroller, der er særlige for WordPress.

Squarespace: Brug kodeindsættelse i sidefoden

1. Åbn hjemmesidens Code Injection-panel. Brug søgningen i kontrolpanelets indstillinger, hvis navigationen er anderledes på din konto.
2. Indsæt hele Widget-koden i Footer, og gem.
3. Åbn den offentliggjorte side i en separat browserfane, og test et svar.

Squarespace tilbyder Code Injection på Core, Plus, Advanced og visse ældre abonnementer. Indsættelse i sidefoden placerer koden før </body> på hele hjemmesiden. Brug dette sted til den flydende widget; en iframe-blok på en enkelt side er ikke tilsvarende. Denne brugerdefinerede kode omfatter ikke Squarespaces betalingssider.

Wix: Brug brugerdefineret kode ved Body - end

1. Åbn Settings → Custom Code i hjemmesidens kontrolpanel og derefter + Add Custom Code.
2. Indsæt Widget-koden, og giv den navnet Quickchat AI widget.
3. Anvend den på All pages, vælg Body - end og derefter Apply.
4. Test den offentliggjorte hjemmeside, også navigation til en anden side.

Wix kræver en offentliggjort hjemmeside med et tilknyttet domæne til brugerdefineret kode. Brug den indstilling for Custom Code, der gælder for hele hjemmesiden, til denne flydende widget.

Webflow: Brug kode i sidefoden, og offentliggør

1. Åbn Site settings → Custom code.
2. Indsæt Widget-koden i Footer code, og vælg Save changes.
3. Brug Publish til det ønskede domæne, og test derefter den offentliggjorte URL.

Webflows indstillinger for brugerdefineret kode kræver et egnet betalt Workspace eller et aktivt Site-abonnement. Indstillingen bliver ikke offentliggjort, blot fordi du gemmer den.

Shopify: Vælg koden til den eksisterende agent eller Shopify-appen

Til den Kestrel-agent, du allerede har bygget, tilføjer du dens Widget-kode umiddelbart før </body> i Online Store → Themes → Edit code → layout/theme.liquid, gemmer og gennemgår derefter butiksfacaden. Tag en sikkerhedskopi af temaet før redigering, og kontrollér installationen igen efter temaskift. Denne metode viser den agent, du har valgt; den konfigurerer ikke Actions til produkter eller ordrer.

Til en agent med fokus på butikken forbinder opsætningen af Quickchat AI Shopify-appen butikken gennem sit eget introduktionsforløb. Brug derefter Enable Widget in Shopify Theme Editor, eller åbn Online Store → Themes → Edit theme → App embeds. Aktivér Quickchat AI Widget, og gem. Shopifys dokumentation om appintegrationer i temaer forklarer temakontrollerne; aktivér appintegrationen igen, når du skifter det offentliggjorte tema.

Metoderne til hjemmesidebyggere ovenfor er kontrolleret mod officiel dokumentation. Skærmbillederne fra gennemgangen viser Kestrels eksempelhjemmeside og den rigtige lokale widget; de er ikke skærmbilleder fra godkendte konti hos alle hjemmesidebyggerne.

Kontrollér kodestumpen, før du fejlsøger agenten

Disse valgfrie kontroller arbejder med de værdier, du angiver:

• Kontrollér en Widget-kodestump. Kontrollér den indsatte kode mod det angivne Scenario ID. Kontrollen henter ikke din hjemmeside.
• Sammenlign installationsmetoder. Kontrollér dine angivne kanaler, hjemmesideadgang og nødvendige funktioner mod opsætningsmulighederne i Quickchat AI. Kontrollen gennemgår ikke din hjemmeside eller konto.

I en kompatibel browser er disse kontroller også tilgængelige som hjemmesideværktøjer. Linkene åbner standardformularerne.

Trin 7: Hvordan tester du chatbotten før de besøgende?

Test svaret, de gemte data og det leverede svar hver for sig. AI Preview og Simulation Testing hjælper med at evaluere adfærden; den offentliggjorte hjemmeside beviser, at den besøgende kan bruge den installerede widget.

Kør uafhængige spørgsmål i Simulation Testing

Åbn Testing → Create Dataset, giv det navnet Kestrel Kitchens: website launch checks, og vælg Paste messages. Tilføj spørgsmålene om varighed, pris og finansiering nedenfor, adskilt af en linje med --- mellem spørgsmålene. Et linjeskift alene holder teksten samlet i én testbesked. Indstil Evaluation criteria til at kontrollere oplysningerne og de korte svar, og vælg derefter Run → Start Run. Pakken indeholder de præcise beskeder og kriterier.

Hver række i datasættet starter en separat samtale. Brug Simulation til disse uafhængige spørgsmål; kør kontrollerne af tilbud og medarbejderovertagelse over flere beskeder i én samtale i AI Preview eller på hjemmesiden. Gennemgå Action-loggen og modtageren separat, fordi en evaluering af samtaleudskriften ikke kan verificere ekstern levering.

Åbn en afsluttet kørsel, og gennemgå svarene. Dette prissvar bevarer planlægningsintervallet; dets svarscore dokumenterer ikke levering til et andet system.

Brug en ny samtale mellem uafhængige tests. Genindlæsning af siden kan genoptage en eksisterende samtale, så brug widgettens kontrol til ny chat, når du har brug for en frisk test.

Kontrollér hjemmesiden på en telefon

På skærme under 768 CSS-pixel bruger den åbne widget et fuldskærmslayout. Kontrollér, at du kan åbne den, skrive med tastaturet synligt, rulle i samtalen og lukke den for at vende tilbage til hjemmesiden.

Afslut med, at en rigtig person svarer fra Inbox. Et godt AI-svar beviser ikke, at vejen til menneskelig support virker. Gentag et mindre udvalg af disse kontroller efter ændringer af kilder, prompts, Actions eller hjemmesidens tema.

Trin 8: Hvordan sender du en komplet forespørgsel til dit CRM?

En valgfri API Action kan sende de gemte felter til en HTTP-modtager, når samtalen indeholder alle nødvendige oplysninger. Hjemmesidens grundlæggende chatbot kan allerede bruges uden denne udvidelse.

Den vigtige forskel er mellem en kontaktoplysning blev indsamlet og denne forespørgsel er komplet. Quickchat AI sætter lead_captured, når et standardkontaktfelt indsamles for første gang, herunder et navn. Flaget alene fastslår ikke, at e-mail, postnummer eller projekttype er til stede.

Platformen kontrollerer hver betingelse. Modellen indsamler oplysningerne; betingelserne afgør, hvornår anmodningen kan udføres.

Forbered modtageren

Brug et CRM- eller automatiseringsendpoint, du kontrollerer, som accepterer JSON-indholdet nedenfor. Pakken indeholder en lille lokal demonstrationsmodtager til læsere, der vil gennemgå anmodningen, før de forbinder et CRM. Opsætningsvejledningen opretter et privat token og forklarer, hvordan du gør et midlertidigt HTTPS-endpoint tilgængeligt. Send kun fiktive testdata til demonstrationsmodtageren.

Hvis du i stedet ønsker en administreret integration, kan du følge vejledningen til rapportering i Google Sheets eller gennemgangen af brugerdefineret CRM. Slå ikke to arbejdsgange til, som begge opretter det samme kundeemne.

Konfigurer én automatisk API Action

1. Åbn Actions & MCPs → Custom Actions → Add Action → API Action. Vælg Create manually, hvis den beskrivelsesbaserede opbygning åbner.
2. Sæt API Action Name til Send quote enquiry.
3. Lad What to ask the user first være tomt. Denne Action læser de felter, som Smart Data Gathering allerede har gemt; den beder ikke modellen om at udfylde endnu et sæt parametre.
4. Vælg POST under API Endpoint, og indtast modtagerens HTTPS-URL til /enquiries.
5. Tilføj headers, indhold og betingelser nedenfor, og gem og aktivér derefter din Action.

Indtast kun tokenet i din Actions headerindstilling. Hold det ude af prompten, hjemmesidens kodestump og samtalen med den besøgende. Demonstrationsmodtagerens README forklarer, hvordan du genererer det; brug dit CRM’s dokumenterede autentificering til en rigtig integration.

Vælg JSON i fanen Body, og indtast:

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

Brug Add AI Data til at indsætte de tilsvarende indbyggede værdier og metadataværdier. conversation_id identificerer samtalen. De øvrige værdier kommer fra de gemte felter; de engelske kontaktfeltnavne knyttes til visitor_name og visitor_email, mens Project type bliver til project_type. Dokumentationen til variabler forklarer disse tilknytninger.

Vælg When metadata matches under When to run. Tilføj alle fem rækker i Run when; metadatabetingelserne kombineres med AND:

For disse tekstfelter afviser is true både tomme værdier og tekst, der fortolkes som falsk. exists kontrollerer kun, at en nøgle er til stede; en gemt tom streng kan bestå denne kontrol. Testene nedenfor viser, hvorfor den stærkere betingelse er vigtig. Det kontrollerer, at der er angivet brugbar tekst, ikke at den besøgendes identitet eller ejendomsoplysninger er verificeret uafhængigt.

Brug denne 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.

De første to af fem gemte betingelser. Tilføj hver række fra tabellen; When metadata matches kontrollerer dem efter en AI-tur, uden at agenten vælger denne Action.

Din Action forsøges udført én gang pr. samtale, når alle betingelser er opfyldt. Den kører ikke igen, når den besøgende senere angiver et ønsket starttidspunkt, som er valgfrit at oplyse, og en mislykket afsendt anmodning forsøges ikke automatisk igen i samme samtale. Behold tidsplanen i Inbox til designeren, eller byg en integration med særskilte funktioner til oprettelse og opdatering, hvis dit CRM har brug for senere ændringer.

Anmodningen kører efter AI-turen, og svaret indsættes ikke i chatten. Derfor anerkender Main Prompt den besøgendes oplysninger uden at hævde, at et CRM har accepteret dem. Verificer leveringen i Action-loggen og hos modtageren. Dokumentationen til automatiske Actions beskriver denne udførelsesadfærd.

Test delvise data og derefter den komplette forespørgsel

Den første version brugte exists til de nødvendige tekstfelter. Sam oplyste et navn og derefter en e-mail i næste besked. Smart Data Gathering havde allerede oprettet tomme værdier for postnummer og projekttype, så nøglerne fandtes, og din Action sendte en ufuldstændig anmodning. Det brugte også dens ene forsøg i samtalen.

Rettelsen var at ændre de fire tekstfeltbetingelser til is true og lade resten af opsætningen være uændret. Gentag testen i en ny samtale, og oplys kun en e-mail i anden tur. Din Action skal vente på de resterende projektoplysninger.

Dette er én observeret samtale, ikke en succesrate i produktion. Reproducer den med en ny samtale, gennemgå de gemte felter efter hver tur, og kontrollér anmodningen på dit eget endpoint.

Det faktiske Action-kald returnerede HTTP 201. Åbn detaljerne for at gennemgå anmodningen; den gemte post nedenfor viser, hvad modtageren lagrede.

Én faktisk gemt post fra den autentificerede demonstrationsmodtager. Det er en forespørgsel, ikke et bekræftet tilbud eller en booking.

Demonstrationen brugte en lokal modtager og registrerede faktisk HTTP-levering. En hostet Quickchat AI-agent kræver et offentligt tilgængeligt HTTPS-endpoint; en localhost-URL på din computer kan ikke nås fra tjenesten.

Hvis intet kommer frem, skal du gennemgå View logs på din Action og samtalens gemte metadata. Manglende værdier, en deaktiveret Action og en HTTP-fejl kræver forskellige rettelser. Ret konfigurationen, og brug en ny samtale til at teste den automatiske udløser igen; en anmodning i samme chat om at prøve igen nulstiller ikke et forsøg, der kun udføres én gang pr. samtale.

Hvorfor mangler chatbotten eller viser gamle indstillinger?

Kontrollér den offentliggjorte side, installationsstedet og agentens adgang, før du ændrer prompten. Et indlæsningsproblem i browseren er adskilt fra et problem med svarenes kvalitet.

Hvis browseren rapporterer en blokeret ressource, skal du gennemgå den præcise fejl om Content Security Policy eller blokering. Undgå at slå hjemmesidens beskyttelse generelt fra. Test den offentlige side over HTTPS, og brug kanaldokumentationen til den nødvendige opsætning.

Hvad koster en chatbot til en hjemmeside?

Abonnementet og forbrugskvoten betaler for AI-tjenesten; dit hjemmesideabonnement og valgfrie integrationer er separate udgifter.

En AI-kredit er ikke en samtale. En samtale kan indeholde flere AI-svar, og forskellige modelvalg kan have forskellige kreditomkostninger. Medregn Preview og Simulation i testbudgettet. Brug de aktuelle priser og kvoter og guiden til chatbotomkostninger til at anslå dit forbrug.

Kan ChatGPT eller Claude hjælpe med at opsætte chatbotten?

Forbindelsen til kontoadministration i Quickchat AI lader en kompatibel assistent konfigurere understøttede agentindstillinger og forberede tests ud fra disse filer.

Forbind din egen konto via Quickchat AI i ChatGPT eller Quickchat AI i Claude, og følg guiden til Manage with AI. De understøttede værktøjer omfatter viden, Main Prompt, samtalestartere, Human Handoff, HTTP Actions, test og installationskoden.

Færdiggør Smart Data Gathering og de detaljerede widgetindstillinger i Appearance i kontrolpanelet. Du skal også godkende eksterne konti og installere kodestumpen i hjemmesidens indstillinger. Kontoforbindelsen bruges til at administrere din agent; den er adskilt fra at stille en agent til rådighed som et MCP-værktøj.

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.

Ofte stillede spørgsmål

Hvordan tilføjer jeg en AI-chatbot til min hjemmeside?

Opret en agent i Quickchat AI, tilføj din virksomheds viden, konfigurer Main Prompt, Smart Data Gathering og Human Handoff, og installer derefter dens Widget med et plugin eller den medfølgende kodestump. Test et kildebaseret svar, indsamlede kontaktoplysninger og et leveret medarbejdersvar på den offentliggjorte hjemmeside.

Kan jeg tilføje en tilpasset ChatGPT til min hjemmeside?

Du kan tilføje en assistent i stil med ChatGPT, som er trænet på dine egne sider. Denne vejledning installerer en Quickchat AI-agent via dens hjemmesidewidget, så besøgende kan chatte på din hjemmeside uden at logge ind på ChatGPT. Dens viden, instruktioner og integrationer administreres i Quickchat AI.

Kan jeg tilføje en AI-chatbot til min hjemmeside gratis?

Quickchat AI’s Free-abonnement understøtter personlig, ikke-kommerciel læring og indeholder 50 AI-kreditter om måneden. En virksomhedshjemmeside eller en kundevendt salgs- og supportløsning kræver et abonnement, der tillader kommerciel brug. Abonnementer til hjemmesidebyggere er separate, og test bruger også AI-kreditter.

Skal jeg skrive kode eller angive en API-nøgle?

Grundopsætningen bruger indstillinger i kontrolpanelet og et plugin, en appintegration i temaet eller et medfølgende script. Hjemmesidens kodestump indeholder et offentligt Scenario ID, ikke en privat API-nøgle. Tilslutning af en valgfri CRM Action kræver et egnet endpoint og dets autentificering; hold disse legitimationsoplysninger i Action-indstillingerne.

Kan en chatbot på hjemmesiden indsamle kundeemner og tilbudsforespørgsler?

Ja. Smart Data Gathering spørger efter udvalgte felter under samtalen og gemmer dem i Inbox. Email new leads kan give agentadministratorer besked, efter at en e-mailadresse eller et telefonnummer er indsamlet. En API Action kan sende de nødvendige gemte felter til en konfigureret modtager; et indsamlet navn alene fastslår ikke, at en forespørgsel er komplet.

Kan en person overtage chatten?

Ja. Konfigurer Human Handoff med bemandede tider og en besked uden for åbningstid. Vælg Assign to me i Inbox til en samtale, der ikke er tildelt nogen, eller Take over, når denne kontrol vises, og svar derefter den besøgende. Reassign to AI giver samtalen tilbage til agenten.

Virker det på WordPress, Shopify, Squarespace, Wix og Webflow?

Hver platform har en installationsmetode. Brug det officielle WordPress-plugin, Shopify-appintegrationen i temaet efter tilslutning af butikkens agent eller den relevante kodestump i sidefoden eller sidst i body på hele hjemmesiden til en eksisterende agent. Plugintilladelser og abonnementskrav til brugerdefineret kode varierer mellem hjemmesidebyggere.

Hvorfor vises min chatbot ikke på min hjemmeside?

Kontrollér den offentliggjorte side, det korrekte Scenario ID og kodens placering sidst i sidens body. Fjern forældede dobbelte installationer, og undgå iframe-baserede blokke til den flydende Widget. Hvis den åbner, men ikke kan svare, skal du kontrollere Widget & Embed access og de tilgængelige AI-kreditter.

Vil chatbotten gøre min hjemmeside langsommere?

Widgetindlæseren downloades asynkront, men den tilføjer stadig JavaScript og netværksanmodninger. Sammenlign indlæsnings- og interaktionsydelse før og efter installation på repræsentative sider og en telefon. Asynkron indlæsning dokumenterer ikke, at ydelsen er upåvirket.

Virker hjemmesidens chatbot på telefoner?

Den åbne widget bruger et fuldskærmslayout under 768 CSS-pixel. Test startknappen, tastaturet, rulning og lukkekontrollen på en telefon. Lad Auto-open Widget være slået fra, når automatisk åbning ville afbryde navigationen.

Kan chatbotten svare på mine besøgendes sprog?

Agenten kan svare på den besøgendes sprog. Oversættelse af den faste velkomsttekst, samtalestartere og widgettekster er en separat indstilling på betalte abonnementer. Test både svarets oplysninger og grænsefladeteksten for hvert sprog, du vil understøtte.