איך להוסיף צ'אטבוט AI לאתר שלכם ללא קוד

אפשר להוסיף צ’אטבוט AI לאתר שלכם באמצעות הזנת הידע העסקי לסוכן, הגדרת התשובות שלו והתקנת וידג’ט צ’אט בעזרת תוסף או סקריפט מצורף. צ’אטבוט האתר של Quickchat AI מרכז את הידע, הגדרות השיחה ו-Inbox של הצוות במקום אחד. המבקרים שואלים שאלות באתר בלי ליצור חשבון.

במדריך נבנה סוכן עבור Kestrel Kitchens, עסק בדיוני לתכנון מטבחים. מבקר שואל כמה זמן נמשך שיפוץ, בודק את העלות המשוערת של מטבח בגודל 3 על 4 מטרים ואז מבקש הצעת מחיר. הסוכן עונה מתוך המידע של החברה, אוסף את פרטי הפרויקט ומאפשר למעצב להמשיך את השיחה.

ההגדרה הבסיסית אינה דורשת תכנות. בצעו את שלבי הידע וההנחיות, איסוף פרטי הלידים וההעברה לאדם, ואז התקינו את הווידג’ט. API Action אופציונלית שולחת פניות מלאות למערכת אחרת.

הורידו את ערכת ההגדרה של Kestrel Kitchens, הכוללת את אתר הדוגמה, הידע, Main Prompt, ההגדרות והודעות הבדיקה. אלה קבצים ניתנים לעריכה שמשמשים להגדרה בלוח הבקרה, ולא ייבוא סוכן בלחיצה אחת.

צילומי המסך וקובצי הערכה, הפרומפט וההגדרות הניתנים להעתקה נשארים באנגלית כדי לאפשר שחזור של הדוגמה שנבדקה.

מה יעשה הצ’אטבוט באתר?

הצ’אטבוט עונה לשאלות מתוך התוכן שלכם, שומר את הפרטים הדרושים להמשך קשר שהמבקר ביקש ומעביר שיחות לצוות כשנדרש אדם.

לכל תוצאה נדרשת בדיקה אחרת. טווח מחירים נכון מגיע מ-Knowledge Base. פנייה להצעת מחיר דורשת פרטי קשר ופרויקט ב-Inbox. העברה לאדם דורשת שנציג יקבל אחריות על השיחה וישלח תשובה שמגיעה למבקר.

מסלול המבקר בדוגמה. פנייה להצעת מחיר מתעדת התעניינות; המעצב עדיין צריך לאשר את המחיר ואת הזמינות.

מה צריך לפני שמוסיפים צ’אטבוט?

דרושים חשבון Quickchat AI, מידע עסקי שאפשר לאמת וגישה להגדרות התוספים או הקוד המותאם של האתר.

1. צרו חשבון Quickchat AI והשלימו את שלבי ההרשמה. השתמשו בסוכן נפרד לתרגיל הזה כדי שהמידע לדוגמה לא ישפיע על שירות לקוחות קיים.
2. הכינו את עמודי השירותים, השאלות הנפוצות והמדיניות שלכם, או השתמשו בידע הבדיוני שבערכה. החליפו את המחירים ואת אזור השירות הבדיוניים לפני פריסה עבור עסק אמיתי.
3. בדקו שתוכנית האתר שלכם מאפשרת את שיטת ההתקנה המתאימה. WordPress דורש גישה לתוספים; בחלק מבוני האתרים המתארחים נדרשת תוכנית בתשלום להוספת קוד מותאם בכל האתר.
4. דאגו שמישהו יעקוב אחר Inbox של הבדיקה בזמן שתנסו העברה לאדם. הכינו דפדפן במחשב וטלפון לבדיקות הסופיות באתר.

Free מיועדת ללמידה אישית שאינה מסחרית. תוכנית Free כוללת 50 קרדיטים של AI בחודש. שימוש עסקי דורש תוכנית מסחרית, והבדיקות צורכות את אותה מכסת תשובות כמו שיחות AI אחרות. מנויים לבוני אתרים ועלויות API חיצוני מחושבים בנפרד. סעיף העלויות מפרט את ההבדלים.

שלב 1: איך מאמנים צ’אטבוט על תוכן האתר שלכם?

הוסיפו ל-Knowledge Base את העמודים שמכילים את התשובות העסקיות, ואז אמתו את התוכן שיובא לפני הבדיקה. כך הסוכן מקבל חומר עזר לתשובות שלו.

יצירת סוכן לתרגול

1. במסך ההגדרה הראשון בחרו Set up manually. בלוח בקרה קיים, השתמשו ב-+ שלצד AI Agent (Add new AI Agent) כדי ליצור סוכן נפרד, ואז בחרו Set up manually.
2. ב-Identity, הזינו Kestrel Kitchens תחת Name your AI Agent. הדביקו את main-prompt.txt מהערכה בשדה Describe what you want your agent to do. הטקסט יהפוך ל-Main Prompt של הסוכן, שמוסבר בשלב 2. בחרו Next.
3. השאירו את Knowledge Base ריק לעת עתה ובחרו Next. המשיכו דרך External apps בלי לבחור חיבור. ב-Deployment, בחרו Chat widget ואז Next.
4. ב-Choose your plan, השתמשו ב-Skip for now כדי להמשיך בתרגיל הלמידה האישי, או בחרו תוכנית מסחרית מתאימה לשימוש עסקי. השלימו או סגרו כל הצעה אופציונלית שמוצגת לאחר מכן.
5. בלוח הבקרה, אשרו את שם הסוכן ב-Identity ואז פתחו את Knowledge Base. בחרו בין העמודים שלכם לבין מאמר הדוגמה המצורף בהמשך.

ייבוא העמודים שלכם

1. ב-Knowledge Base, בחרו Add Website. בחרו עמוד יחיד או את אפשרות ייבוא האתר, בהתאם להיקף הדרוש.
2. הזינו את כתובת ה-URL הציבורית. בייבוא אתר, עברו על העמודים שנמצאו ובחרו את עמודי השירותים, התמחור, התהליך והשאלות הנפוצות שצריכים לשמש בסיס לתשובות.
3. בדקו את הטקסט שיובא. ודאו שהמחירים כוללים את המטבע ואת אופן חישוב המס הנכונים, ושמבצעים ישנים או עמודים שאינם רלוונטיים לא הפכו למקורות.
4. המתינו לסיום העיבוד. החילו או פרסמו כל שינוי ידע ממתין שמוצג בלוח הבקרה לפני בדיקת הווידג’ט המותקן.

התחילו בכמה עמודים ברורים. אתר עשוי להציג כרטיס תמחור מושך ולפרט את התנאים במקום אחר; הסוכן צריך את שניהם. ייבוא דף הבית בלבד עלול להחמיץ את תנאי ההתקנה, המגבלות הגאוגרפיות או מדיניות ההחזרים שהופכים את התשובה לשימושית.

שימוש במקור של Kestrel Kitchens

כדי לשחזר את הדוגמה בלי לארח קודם אתר, הוסיפו את המידע ישירות:

1. ב-Knowledge Base, בחרו Add Article. הפעולה יוצרת מאמר Untitled ופותחת את Edit Article.
2. הזינו Kestrel Kitchens: services, prices and process בשדה Title. תחת Content, בחרו Plain Text והדביקו את knowledge.txt מהערכה.
3. בחרו Save והמתינו עד שהמאמר יסומן Ready. ודאו שהכותרת שלו מופיעה ברשימת Knowledge Base.

המאמר השמור משמר את התנאים החלים על המחירים ולוחות הזמנים. המידע הבדיוני בו תואם לאתר הדוגמה.

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.

המקור משאיר בכוונה את נושא המימון ללא פירוט. כך אפשר לבדוק כיצד הסוכן מטפל בפער מידע אמיתי. באתר אמיתי, שמרו על עדכניות עמודי המקור והשתמשו בהגדרות רענון נתמכות כשהן זמינות; המדריך ל-Knowledge Base מסביר איך לארגן ולבדוק את המקורות האלה.

שלב 2: מה הצ’אטבוט צריך לומר, ומה אסור לו להבטיח?

השתמשו ב-Main Prompt כדי להגדיר כיצד הסוכן מיישם את הידע: לענות תחילה, לתת תשובה שימושית ולהשאיר לצוות החלטות כמו הצעת מחיר מחייבת.

עבור Kestrel, מידות החדר מצביעות על היקף הפרויקט. הן אינן קובעות את הארונות, מכשירי החשמל או עבודות הבנייה. הסוכן צריך להסביר את טווח העלויות המשוער לצורכי תכנון שמופיע במקור, £18,000 עד £45,000 כולל מע״מ, בלי לחשב מחיר מדויק יותר לפי שטח הרצפה.

המחירים האלה הם נתונים בדיוניים למדריך. המטרה היא לשמר את ההבדל בין עובדות המקור לבין החלטה שהצוות עדיין צריך לקבל.

1. ב-Identity, בחרו Edit בכרטיס Main Prompt.
2. הדביקו את הפרומפט המלא שבהמשך. המתינו לשמירה ואז פתחו שוב את העורך כדי לאמת את הטקסט שנשמר.
3. שמרו את המידע העסקי ב-Knowledge Base. השתמשו בפרומפט לסגנון התשובות, לאופן איסוף הפרטים ולהחלטות שדורשות אדם.

Main Prompt הוא שדה ההנחיות. הטקסט המלא שבהמשך ובערכה הוא הגרסה להעתקה.

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.

פתחו את AI Preview ושאלו How long does a full kitchen renovation take?. בבדיקת הבקרה המקומית, הסוכן ענה 2 עד 3 שבועות לבדיקת הנכס ולתכנון, ואז 4 עד 8 שבועות להתקנה לאחר שכל החומרים זמינים. גם משך הזמן וגם התנאי חשובים.

התחילו שיחה חדשה ושאלו Do you offer financing?. התשובה הנכונה מציינת שהמקור אינו מאשר הצעה כזו ומפנה את השאלה למעצב. הוספת ניסוח בטוח יותר לפרומפט לא תספק את העובדה העסקית החסרה.

שלב 3: איך אוספים פניות להצעת מחיר בצ’אט?

Smart Data Gathering מבקש מידע נבחר במהלך השיחה ושומר את מה שהמבקר מספק. בפנייה להצעת מחיר, אספו רק את מה שהמעצב צריך לצורך המשך הקשר.

1. פתחו Actions & MCPs, הפעילו Smart Data Gathering ובחרו Edit Action. הגדירו את Name כ-Quote enquiries ואת Description כ-Capture contact and project details for a kitchen design enquiry. השם שנשמר הופך לכותרת הכרטיס.
2. תחת Data to collect, הוסיפו את השורות שבהמשך. בעת שחזור הדוגמה, שמרו על שמות Data point האלה באנגלית; לשמות שדות הקשר יש מיפויים מיוחדים לשדות המבקר ב-Inbox.
3. הגדירו את Reason for collecting information כ-So a Kestrel Kitchens designer can assess your project and follow up by email.
4. הגדירו את When to ask for data כ-After exchanging a few messages, ואת How to ask for data כ-Subtle.
5. שמרו את ה-Action. ב-AI Preview, שאלו שאלה שימושית על השירות לפני בקשת הצעת מחיר, ובדקו את הפרטים שנשמרו ב-Inbox.

השאלות מתארות את המידע שיש לאסוף. הגדרות התזמון והסגנון מנחות מתי לשאול; בדקו גם את השיחה בפועל.

שם, דוא״ל, מיקוד וסוג פרויקט הם הפרטים הנדרשים לפנייה מלאה בדוגמה. לוח זמנים הוא פרט אופציונלי, כפי שמוסבר ב-Main Prompt. הדרישה העסקית הזו נפרדת מהגדרות האיסוף בשיחה; שלב 8 אוכף את שדות החובה לפני שליחת בקשה ל-CRM.

הסוכן צריך לענות על שאלה כללית בנושא עלות בלי להתנות את התשובה במסירת כתובת דוא״ל. מבקר יכול גם לסרב לאיסוף. השתמשו ב-I am only researching. I do not want to leave contact details. כדי לבדוק שהשיחה נשארת שימושית ללא בקשות חוזרות.

לאן מגיעים הפרטים שנאספו?

פתחו את השיחה ב-Inbox. פרטי קשר סטנדרטיים מופיעים בשדות המבקר שלה; שאר הערכים שנאספו נשארים משויכים לשיחה וניתנים לייצוא דרך Export Gathered Data.

תחת Where to send data, האפשרות Email new leads מודיעה לכל מנהלי הסוכן כשכתובת דוא״ל או מספר טלפון נאספים לראשונה. שם בלבד אינו מפעיל שליחת דוא״ל. Preview ו-Simulation אינם שולחים את ההודעות האלה, לכן אמתו קבלה בתיבת הדוא״ל שלכם כמנהלים באמצעות בדיקה מבוקרת בווידג’ט המותקן לפני שתסתמכו על מסירת דוא״ל. בדוגמה המקומית שליחת דוא״ל חיצוני נשארת מושבתת.

התיעוד של Smart Data Gathering מתאר איסוף, הודעות וייצוא. באתר שלכם, הסבירו מדוע אתם מבקשים את המידע והוסיפו בווידג’ט קישור להודעת הפרטיות. המדריך להגנת מידע בצ’אטבוטים מסייע לבחון את זרימת המידע הרחבה יותר.

שלב 4: איך מאפשרים לאדם לקחת אחריות על הצ’אט?

Human Handoff מעביר שיחה לצוות שלכם; לאחר מכן אדם מקבל אחריות ב-Inbox ועונה לאותו מבקר.

הכינו את ההעברה לפני פרסום הווידג’ט. מי שמבקש מעצב לא צריך להשלים קודם את טופס הצעת המחיר, והסוכן לא צריך לרמוז שמישהו מחובר מחוץ לשעות המענה האנושי.

1. ב-Actions & MCPs, הפעילו Human Handoff ופתחו Edit Action.
2. השאירו את הכללים הסטנדרטיים Media Message, User Frustration, Customer Support Suggestion ו-Lack Of Knowledge פעילים; השאירו את Irrelevant Advice כבוי. Main Prompt כבר מסביר מתי להציע מעצב. הדוגמה שנבדקה משתמשת בכללים הסטנדרטיים האלה בלי להוסיף כללים מותאמים.
3. הגדירו את ההודעות ואת הזמינות שלהלן ושמרו. השאירו את Email notifications כבוי בתרגיל הלמידה ובדקו את ההעברה ישירות ב-Inbox.

השתמשו בשעות שבהן אדם אכן עוקב אחר Inbox. לוח הזמנים הבדיוני אינו הבטחה לתשובה מיידית.

במהלך שעות המענה האנושי, שאלו באתר Can I speak to a designer?. אשרו את ההעברה אם הסוכן מבקש זאת. ב-Inbox, פתחו את השיחה ובחרו Assign to me כשהיא אינה משויכת, או Take over כשהאפשרות הזו מוצגת. שלחו תשובה אנושית ואמתו שהמבקר מקבל אותה. השתמשו ב-Reassign to AI כשה-AI צריך לחזור לענות.

בדקו את האחריות על השיחה ואת מסירת התשובה האנושית, ולא רק את הצעת הסוכן להעביר אותה.

חזרו על הבדיקה בשיחה חדשה מחוץ לשעות שהוגדרו. הסוכן צריך להסביר את הזמינות ולהציע את דרך המשך הקשר שצוינה. אם שיניתם זמנית את לוח הזמנים לצורך הבדיקה, החזירו לאחר מכן את לוח הזמנים האמיתי. התיעוד של Human Handoff מסביר את ההגדרות ואת התהליך ב-Inbox.

המדריך להעברת שיחה מצ’אטבוט לנציג כולל בדיקות נפרדות לאחריות על השיחה, להחזרתה ל-AI ולכשלים מחוץ לשעות הפעילות.

שלב 5: איך מתאימים את הווידג’ט לאתר שלכם?

הגדירו את המראה ואת הטקסט הקבוע תחת Channels → Your Website. נסחו הודעת פתיחה ממוקדת מספיק כדי להסביר מה המבקר יכול לשאול.

מראה הווידג’ט

1. פתחו Appearance. עבור Kestrel, בחרו ערכת נושא Custom עם רקע לבן, כותרת וצבע הדגשה בירוק כהה (#315448) וטקסט כותרת לבן. שמרו על גודל הטקסט המוגדר כברירת מחדל ועל פקדים מעוגלים.
2. תחת Branding → AI Agent Avatar, לחצו על סמל ההעלאה של תמונת הפרופיל, בחרו website/kestrel-avatar.png מהערכה ובחרו Upload בתיבת הדו-שיח של החיתוך.
3. הגדירו את Widget window max width ל-400px ואת Widget window max height ל-520px. בחרו Small לגודל כפתור הפתיחה, מקמו אותו מימין והשתמשו ב-Ask about your kitchen כתווית. התווית זמינה בכפתור הפתיחה הקטן. בדקו את המיקום בתצוגה המקדימה ביחס לבאנר עוגיות או לפקדים צפים אחרים באתר.
4. השאירו את Auto-open Widget כבוי. פתיחת הווידג’ט בכל טעינת עמוד מפריעה לגלישה, במיוחד בטלפון.

בדקו את התצוגה המקדימה בזמן בחירת הצבעים. הבדיקה באתר החי עדיין חשובה כי כפתור הפתיחה חולק מקום עם פקדי האתר.

תוכן הטקסט

פתחו Text Content והשתמשו בערכים האלה:

פתיחי השיחה צריכים להתחיל משימות שימושיות. ההסתייגות מסבירה למבקרים אילו החלטות עדיין דורשות מעצב.

הסוכן יכול לענות בשפת המבקר. תרגום הודעת הפתיחה הקבועה ותוויות הווידג’ט הוא הגדרה נפרדת תחת Other languages, הזמינה בתוכניות בתשלום. באתר רב-לשוני, בדקו גם את התשובה וגם את טקסט הממשק הקבוע; המדריך לצ’אטבוט רב-לשוני מסביר את ההבחנה הזו.

שינויים במראה עשויים להגיע לסשנים של מבקרים המשתמשים במטמון רק לאחר כמה דקות. טענו מחדש לפני שתקבעו ששינוי שנשמר נכשל. Hide Quickchat AI Branding דורש תוכנית Professional ומעלה; מדריך המיתוג הלבן מפרט אילו אזורים נוספים יש לבדוק.

שלב 6: איך מתקינים את הצ’אטבוט באתר שלכם?

התקינו את ה-Widget בתבנית המשותפת של האתר או השתמשו באינטגרציה הנתמכת של הפלטפורמה. ה-Widget הצף צריך לפעול בעמוד שבו המבקר גולש.

1. פתחו Channels → Your Website → Install.
2. הפעילו Widget & Embed access עבור הווידג’ט הציבורי.
3. בחרו את שיטת ההתקנה עבור האתר והעתיקו את קטע הקוד או את Scenario ID שמוצגים עבור הסוכן הזה.
4. פרסמו את השינוי, פתחו את האתר הציבורי ושאלו שאלה שאתם יודעים שהתשובה לה נמצאת ב-Knowledge Base.

העתיקו ממסך Install של הסוכן הזה. Scenario ID שלו הוא מזהה וידג’ט ציבורי, ולא מפתח API פרטי.

בכל אתר: הדבקת קטע הקוד של Widget לפני תגית הסגירה של גוף העמוד

בחרו Install manually with code והעתיקו את קטע הקוד של Widget. טוען הווידג’ט הנוכחי בנוי כך:

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

החליפו את YOUR_SCENARIO_ID בערך מ-Install. הדביקו את קטע הקוד המלא פעם אחת, מיד לפני </body> בתבנית המשותפת, או השתמשו בשדה הכותרת התחתונה הכלל-אתרי של בונה האתר. הטוען הזה מוסיף סקריפט לגוף העמוד, ולכן הצבתו ב-head לפני שקיים body עלולה למנוע את טעינתו.

המיקום חשוב. בלוק HTML המבוסס על iframe הוא עמוד נפרד ואינו מתאים ל-Widget הצף הזה.

האפשרות הנפרדת Embed ממקמת צ’אט בתוך מכל בעמוד. השתמשו בקטע הקוד שהיא יוצרת אם אתם רוצים אזור צ’אט בתוך התוכן. בלוק HTML שמוסיף קוד ישירות לעמוד יכול לתמוך בתבנית הזו; בלוק של בונה אתרים שמבודד את הקוד בתוך iframe הוא מקרה אחר. ראו את תיעוד ערוץ האתר.

WordPress: התקנת התוסף הרשמי

1. ב-WordPress, פתחו Plugins → Add New, חפשו Quickchat AI Agent ואז בחרו Install Now ו-Activate.
2. פתחו Settings → Quickchat AI Agent.
3. הדביקו את Scenario ID ממסך Install של Quickchat AI ובחרו Save Changes.
4. פתחו עמוד ציבורי ובדקו את הווידג’ט. השתמשו בתוסף או בקטע קוד ידני כדי לא להתקין את הטוען פעמיים.

דרושים התקנת WordPress ותוכנית שמאפשרות תוספים. המדריך לצ’אטבוט ב-WordPress מציג את ממשק התוסף ואת הבדיקות הייחודיות ל-WordPress.

Squarespace: הוספת קוד לכותרת התחתונה

1. פתחו את חלונית Code Injection של האתר. השתמשו בחיפוש ההגדרות בלוח הבקרה אם הניווט שונה בחשבון שלכם.
2. הדביקו את קטע הקוד המלא של Widget בשדה Footer ושמרו.
3. פתחו את העמוד שפורסם בכרטיסיית דפדפן נפרדת ובדקו תשובה.

Squarespace מספקת Code Injection בתוכניות Core, Plus, Advanced ובחלק מהתוכניות הישנות. הזרקת הקוד לכותרת התחתונה מציבה אותו לפני </body> בכל האתר. השתמשו באפשרות הזו לווידג’ט הצף; בלוק iframe ברמת העמוד אינו מקביל לה. הקוד המותאם הזה אינו חל על עמודי התשלום של Squarespace.

Wix: הוספת קוד מותאם בסוף גוף העמוד

1. בלוח הבקרה של האתר, פתחו Settings → Custom Code ואז + Add Custom Code.
2. הדביקו את קטע הקוד של Widget וקראו לו Quickchat AI widget.
3. החילו אותו על All pages, בחרו Body - end ואז Apply.
4. בדקו את האתר שפורסם, כולל מעבר לעמוד אחר.

Wix דורשת אתר שפורסם עם דומיין מחובר לצורך קוד מותאם. השתמשו בהגדרת Custom Code הכלל-אתרית עבור הווידג’ט הצף הזה.

Webflow: הוספת קוד לכותרת התחתונה ופרסום

1. פתחו Site settings → Custom code.
2. הדביקו את קטע הקוד של Widget בשדה Footer code ובחרו Save changes.
3. בצעו Publish לדומיין הרצוי ואז בדקו את הכתובת שפורסמה.

הגדרות הקוד המותאם של Webflow דורשות תוכנית Workspace בתשלום שעומדת בתנאים או תוכנית Site פעילה. שמירת ההגדרה לבדה אינה מפרסמת אותה.

Shopify: בחירה בין קטע הקוד של הסוכן הקיים לבין אפליקציית Shopify

עבור סוכן Kestrel שכבר בניתם, הוסיפו את קטע הקוד של Widget מיד לפני </body> ב-Online Store → Themes → Edit code → layout/theme.liquid, ואז שמרו ובדקו את החנות. גבו את ערכת הנושא לפני העריכה ובדקו מחדש את ההתקנה לאחר החלפת ערכת נושא. הדרך הזו מציגה את הסוכן שבחרתם; היא אינה מגדירה Actions למוצרים או להזמנות.

לסוכן המיועד לחנות, הגדרת אפליקציית Quickchat AI ל-Shopify מחברת את החנות בתהליך ההצטרפות שלה. לאחר החיבור, השתמשו ב-Enable Widget in Shopify Theme Editor, או פתחו Online Store → Themes → Edit theme → App embeds. הפעילו Quickchat AI Widget ושמרו. תיעוד הטמעת האפליקציות של Shopify מסביר את פקדי ערכת הנושא; הפעילו מחדש את הטמעת האפליקציה כשמחליפים את ערכת הנושא המפורסמת.

מסלולי ההתקנה בבוני האתרים שלעיל נבדקו מול התיעוד הרשמי. צילומי המסך של הדוגמה מציגים את אתר Kestrel ואת הווידג’ט המקומי האמיתי; הם אינם צילומי מסך של חשבונות מחוברים בכל אחד מבוני האתרים.

בדיקת קטע הקוד לפני פתרון בעיות בסוכן

הבדיקות האופציונליות האלה פועלות על הערכים שתספקו:

• בדיקת קטע קוד של Widget. בדקו את הקוד שהודבק מול Scenario ID שסיפקתם. הבדיקה אינה ניגשת לאתר שלכם.
• השוואת שיטות פריסה. בדקו את הערוצים, הגישה לאתר והתכונות הדרושות שהצהרתם עליהם מול אפשרויות ההגדרה של Quickchat AI. הבדיקה אינה בוחנת את האתר או את החשבון שלכם.

בדפדפן תואם, הבדיקות האלה זמינות גם ככלי אתר. הקישורים פותחים את הטפסים הרגילים.

שלב 7: איך בודקים את הצ’אטבוט לפני שהמבקרים משתמשים בו?

בדקו בנפרד את התשובה, את הנתונים שנשמרו ואת התשובה שנמסרה. AI Preview ו-Simulation Testing מסייעים להעריך התנהגות; האתר שפורסם מוכיח שהמבקר יכול להשתמש בווידג’ט המותקן.

הרצת שאלות עצמאיות ב-Simulation Testing

פתחו Testing → Create Dataset, קראו לו Kestrel Kitchens: website launch checks ובחרו Paste messages. הוסיפו את שאלות משך הזמן, המחיר והמימון שבהמשך, עם שורה שמכילה --- בין השאלות. מעבר שורה בלבד משאיר את הטקסט בהודעת בדיקה אחת. הגדירו את Evaluation criteria לבדיקת העובדות ותמציתיות התשובות, ואז בחרו Run → Start Run. הערכה כוללת את ההודעות והקריטריונים המדויקים.

כל שורה במערך הנתונים מתחילה שיחה נפרדת. השתמשו ב-Simulation לשאלות העצמאיות האלה; הריצו את בדיקות הצעת המחיר והעברת האחריות לאדם, שכוללות כמה תורות, בשיחה אחת ב-AI Preview או באתר. בדקו בנפרד את יומן ה-Action ואת השרת המקבל, משום שמעריך תמלילים אינו יכול לאמת מסירה חיצונית.

פתחו הרצה שהושלמה ובדקו את התשובות שלה. תשובת המחיר הזו שומרת על טווח העלויות לתכנון; ציון התשובה אינו מוכיח מסירה למערכת אחרת.

השתמשו בשיחה חדשה בין מקרים עצמאיים. טעינה מחדש של העמוד עשויה להמשיך שיחה קיימת, לכן השתמשו בפקד השיחה החדשה בווידג’ט כשנדרשת בדיקה חדשה.

בדיקת האתר בטלפון

במסכים שרוחבם פחות מ-768 פיקסלי CSS, הווידג’ט הפתוח משתמש בתצוגת מסך מלא. בדקו שאפשר לפתוח אותו, להקליד כשהמקלדת מוצגת, לגלול בשיחה ולסגור אותו כדי לחזור לאתר.

סיימו בתשובה של אדם אמיתי מתוך Inbox. תשובת AI טובה אינה מוכיחה שמסלול התמיכה האנושית עובד. חזרו על קבוצה קטנה מהבדיקות האלה לאחר שינויים במקורות, בפרומפטים, ב-Actions או בערכת הנושא של האתר.

שלב 8: איך שולחים פנייה מלאה ל-CRM שלכם?

API Action אופציונלית יכולה לשלוח את השדות השמורים לשרת HTTP מקבל לאחר שכל המידע הנדרש קיים בשיחה. צ’אטבוט האתר הבסיסי כבר שמיש בלי ההרחבה הזו.

ההבחנה החשובה היא בין נאסף פרט קשר לבין הפנייה הזו מלאה. Quickchat AI מגדיר lead_captured כשהוא אוסף לראשונה שדה קשר סטנדרטי, כולל שם. הדגל לבדו אינו מוכיח שקיימים דוא״ל, מיקוד או סוג פרויקט.

הפלטפורמה בודקת כל תנאי. המודל אוסף את המידע; התנאים קובעים מתי הבקשה כשירה להישלח.

הכנת השרת המקבל

השתמשו בנקודת קצה של CRM או אוטומציה שבשליטתכם, המקבלת את גוף ה-JSON שבהמשך. הערכה כוללת שרת הדגמה מקומי קטן למי שרוצה לבדוק את הבקשה לפני חיבור CRM. הוראות ההגדרה שלו יוצרות אסימון פרטי ומסבירות איך לחשוף נקודת קצה זמנית ב-HTTPS. שלחו לשרת ההדגמה רק נתוני בדיקה בדיוניים.

אם אתם מעדיפים אינטגרציה מנוהלת, עקבו אחר המדריך לדיווח ב-Google Sheets או המדריך לחיבור CRM מותאם. אל תפעילו שני תהליכים שיוצרים את אותו ליד.

הגדרת API Action אוטומטית אחת

1. פתחו Actions & MCPs → Custom Actions → Add Action → API Action. בחרו Create manually אם נפתח אשף היצירה המבוסס על תיאור.
2. הגדירו את API Action Name כ-Send quote enquiry.
3. השאירו את What to ask the user first ריק. ה-Action הזו קוראת את השדות שכבר נשמרו ב-Smart Data Gathering; היא אינה מבקשת מהמודל למלא קבוצת פרמטרים נוספת.
4. תחת API Endpoint, בחרו POST והזינו את כתובת ה-HTTPS של השרת המקבל בנתיב /enquiries.
5. הוסיפו את הכותרות, הגוף והתנאים שבהמשך, ואז שמרו והפעילו את ה-Action.

הזינו את האסימון רק בהגדרת הכותרת של ה-Action. אל תכללו אותו בפרומפט, בקטע הקוד באתר או בשיחה עם המבקר. קובץ README של שרת ההדגמה מסביר איך ליצור אותו; באינטגרציה אמיתית השתמשו בשיטת האימות המתועדת של ה-CRM שלכם.

בכרטיסייה Body, בחרו JSON והזינו:

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

השתמשו ב-Add AI Data כדי להוסיף את הערכים המובנים וערכי המטא-נתונים המתאימים. conversation_id מזהה את השיחה. שאר הערכים מגיעים מהשדות השמורים; שמות שדות הקשר באנגלית ממופים ל-visitor_name ול-visitor_email, ואילו Project type הופך ל-project_type. תיעוד המשתנים מסביר את המיפויים האלה.

תחת When to run, בחרו When metadata matches. ב-Run when, הוסיפו את כל חמש השורות; תנאי המטא-נתונים משולבים באמצעות AND:

בשדות הטקסט האלה, is true דוחה ערכים ריקים וגם טקסט שמתפרש כערך שקרי. exists בודק רק שהמפתח קיים; מחרוזת ריקה שנשמרה יכולה לעבור את הבדיקה. הבדיקות שבהמשך מראות מדוע התנאי המחמיר יותר חשוב. הבדיקה מוודאת שסופק טקסט שמיש, ואינה מאמתת באופן עצמאי את זהות המבקר או את פרטי הנכס.

השתמשו ב-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.

שני התנאים הראשונים מתוך חמשת התנאים השמורים. הוסיפו כל שורה מהטבלה; When metadata matches בודק אותם לאחר תור של ה-AI, בלי שהסוכן יבחר את ה-Action.

ה-Action מנסה לפעול פעם אחת בכל שיחה כאשר כל התנאים מתקיימים. היא אינה מופעלת שוב כשמגיע לוח זמנים אופציונלי, ובקשה שנשלחה ונכשלה אינה נשלחת שוב אוטומטית באותה שיחה. שמרו את לוח הזמנים ב-Inbox עבור המעצב, או בנו אינטגרציה מפורשת ליצירה ולעדכון אם ה-CRM צריך לקבל שינויים מאוחרים יותר.

הבקשה מתבצעת לאחר תור ה-AI, והתשובה שלה אינה מוכנסת לצ’אט. לכן Main Prompt מאשר את קבלת פרטי המבקר בלי לטעון שה-CRM קיבל אותם. אמתו מסירה ביומן ה-Action ובשרת המקבל. תיעוד ה-Action האוטומטית מתאר את אופן הביצוע הזה.

בדיקת נתונים חלקיים ולאחר מכן פנייה מלאה

הגרסה הראשונה השתמשה ב-exists לשדות הטקסט הנדרשים. Sam מסר שם, ואז דוא״ל בהודעה הבאה. Smart Data Gathering כבר יצר ערכים ריקים למיקוד ולסוג הפרויקט, ולכן המפתחות היו קיימים וה-Action שלחה בקשה חלקית. בכך נוצל גם הניסיון היחיד שלה באותה שיחה.

התיקון היה לשנות את ארבעת תנאי שדות הטקסט ל-is true, בלי לשנות את שאר ההגדרה. חזרו על הבדיקה בשיחה חדשה ומסרו רק דוא״ל בתור השני. ה-Action צריכה להמתין לשאר פרטי הפרויקט.

זו שיחה אחת שנצפתה, ולא שיעור הצלחה בסביבת ייצור. שחזרו אותה בשיחה חדשה, בדקו את השדות השמורים אחרי כל תור ובדקו את הבקשה בנקודת הקצה שלכם.

קריאת ה-Action בפועל החזירה HTTP 201. פתחו את פרטיה כדי לבדוק את הבקשה; הרשומה השמורה שבהמשך מראה מה נשמר בשרת המקבל.

רשומה אמיתית אחת שנשמרה בשרת ההדגמה המאומת. זו פנייה, ולא הצעת מחיר מאושרת או הזמנה מאושרת.

ההדגמה השתמשה בשרת מקבל מקומי ותיעדה מסירת HTTP בפועל. סוכן Quickchat AI מתארח צריך נקודת קצה ב-HTTPS שנגישה לציבור; כתובת localhost במחשב שלכם אינה נגישה מהשירות.

אם דבר לא מגיע, בדקו את View logs של ה-Action ואת המטא-נתונים השמורים של השיחה. ערכים חסרים, Action מושבתת וכשל HTTP דורשים תיקונים שונים. תקנו את ההגדרה והשתמשו בשיחה חדשה כדי לבדוק שוב את הטריגר האוטומטי; בקשה לניסיון חוזר באותו צ’אט אינה מאפסת ניסיון שמוגבל לפעם אחת בשיחה.

למה הצ’אטבוט חסר או מציג הגדרות ישנות?

בדקו את העמוד שפורסם, את מיקום ההתקנה ואת הגישה לסוכן לפני שינוי הפרומפט. בעיית טעינה בדפדפן נפרדת מבעיית איכות תשובה.

אם הדפדפן מדווח על משאב חסום, בדקו את השגיאה המדויקת של Content Security Policy או של החוסם. הימנעו מהשבתה גורפת של הגנות האתר. בדקו את העמוד הציבורי ב-HTTPS והיעזרו בתיעוד הערוץ להגדרה הנדרשת.

כמה עולה צ’אטבוט לאתר?

המנוי ומכסת השימוש משלמים על שירות ה-AI; תוכנית האתר והאינטגרציות האופציונליות הן עלויות נפרדות.

קרדיט AI אינו שיחה. שיחה יכולה לכלול כמה תשובות AI, ולבחירות מודל שונות עשויות להיות עלויות קרדיטים שונות. כללו את Preview ואת Simulation בתקציב הבדיקות. השתמשו במחירים ובמכסות העדכניים ובמדריך עלויות הצ’אטבוט כדי להעריך את היקף השימוש שלכם.

האם ChatGPT או Claude יכולים לעזור בהגדרת הצ’אטבוט?

חיבור ניהול החשבון של Quickchat AI מאפשר לעוזר תואם להגדיר הגדרות סוכן נתמכות ולהכין בדיקות מתוך הקבצים האלה.

חברו את החשבון שלכם דרך Quickchat AI ב-ChatGPT או Quickchat AI ב-Claude, בהתאם למדריך Manage with AI. הכלים הנתמכים כוללים ידע, Main Prompt, פתיחי שיחה, Human Handoff, HTTP Actions, בדיקות וקטע קוד לפריסה.

השלימו את Smart Data Gathering ואת הגדרות Appearance המפורטות של הווידג’ט בלוח הבקרה. צריך גם לאשר גישה לחשבונות חיצוניים ולהתקין את קטע הקוד בהגדרות האתר. חיבור החשבון משמש לניהול הסוכן; הוא נפרד מחשיפת סוכן ככלי 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.

שאלות נפוצות

איך מוסיפים צ’אטבוט AI לאתר שלי?

צרו סוכן ב-Quickchat AI, הוסיפו את הידע העסקי, הגדירו Main Prompt, Smart Data Gathering ו-Human Handoff, ואז התקינו את ה-Widget שלו באמצעות תוסף או קטע הקוד המצורף. בדקו באתר שפורסם תשובה המבוססת על המקור, פרטי קשר שנאספו ותשובה אנושית שנמסרה.

האם אפשר להוסיף ChatGPT מותאם לאתר שלי?

אפשר להוסיף עוזר בסגנון ChatGPT שאומן על העמודים שלכם. המדריך הזה פורס סוכן Quickchat AI דרך וידג’ט האתר שלו, כך שמבקרים יכולים לשוחח באתר בלי להתחבר ל-ChatGPT. הידע, ההנחיות והאינטגרציות שלו מנוהלים ב-Quickchat AI.

האם אפשר להוסיף צ’אטבוט AI לאתר שלי בחינם?

תוכנית Free של Quickchat AI תומכת בלמידה אישית שאינה מסחרית וכוללת 50 קרדיטים של AI בחודש. אתר חברה או פריסת מכירות ותמיכה מול לקוחות דורשים תוכנית שמאפשרת שימוש מסחרי. מנויים לבוני אתרים הם עלות נפרדת, וגם בדיקות צורכות קרדיטים של AI.

האם צריך לכתוב קוד או לספק מפתח API?

ההגדרה הבסיסית משתמשת בהגדרות לוח הבקרה ובתוסף, בהטמעת אפליקציה או בסקריפט המצורף. קטע הקוד באתר מכיל Scenario ID ציבורי, ולא מפתח API פרטי. חיבור Action אופציונלית ל-CRM דורש נקודת קצה מתאימה ואת פרטי האימות שלה; שמרו את פרטי האימות האלה בהגדרות ה-Action.

האם צ’אטבוט באתר יכול לאסוף לידים ובקשות להצעת מחיר?

כן. Smart Data Gathering מבקש שדות נבחרים במהלך השיחה ושומר אותם ב-Inbox. Email new leads יכול להודיע למנהלי הסוכן אחרי שנאספים כתובת דוא״ל או מספר טלפון. API Action יכולה לשלוח את שדות החובה השמורים לשרת מקבל שהוגדר; שם שנאסף לבדו אינו מהווה פנייה מלאה.

האם אדם יכול לקחת אחריות על הצ’אט?

כן. הגדירו Human Handoff עם שעות מענה אנושי והודעה לשעות שמחוץ להן. ב-Inbox, בחרו Assign to me בשיחה שאינה משויכת, או Take over כשהאפשרות מוצגת, ואז ענו למבקר. Reassign to AI מחזיר את השיחה לסוכן.

האם זה עובד ב-WordPress, Shopify, Squarespace, Wix ו-Webflow?

לכל פלטפורמה יש מסלול התקנה. השתמשו בתוסף הרשמי של WordPress, בהטמעת אפליקציית Shopify לאחר חיבור סוכן החנות שלה, או בקטע הקוד הכלל-אתרי המתאים לכותרת התחתונה או לסוף גוף העמוד עבור סוכן קיים. הרשאות לתוספים ודרישות התוכנית לקוד מותאם משתנות בין בוני האתרים.

למה הצ’אטבוט שלי לא מופיע באתר?

בדקו את העמוד שפורסם, את נכונות Scenario ID ואת מיקום קטע הקוד בסוף גוף העמוד. הסירו התקנות כפולות ישנות והימנעו מבלוקים מבוססי iframe עבור ה-Widget הצף. אם הוא נפתח אבל אינו יכול לענות, בדקו את Widget & Embed access ואת קרדיטי ה-AI הזמינים.

האם הצ’אטבוט יאט את האתר שלי?

טוען הווידג’ט יורד באופן אסינכרוני, אך הוא עדיין מוסיף JavaScript ובקשות רשת. השוו את ביצועי הטעינה והאינטראקציה לפני ההתקנה ואחריה בעמודים מייצגים ובטלפון. טעינה אסינכרונית אינה מוכיחה שאין השפעה על הביצועים.

האם צ’אטבוט האתר עובד בטלפונים?

הווידג’ט הפתוח משתמש בתצוגת מסך מלא מתחת ל-768 פיקסלי CSS. בדקו בטלפון את כפתור הפתיחה, המקלדת, הגלילה ופקד הסגירה. השאירו את Auto-open Widget כבוי כאשר פתיחה אוטומטית תפריע לגלישה.

האם הצ’אטבוט יכול לענות בשפות של המבקרים שלי?

הסוכן יכול לענות בשפת המבקר. תרגום טקסט הפתיחה הקבוע, פתיחי השיחה ותוויות הווידג’ט הוא הגדרה נפרדת בתוכנית בתשלום. בדקו גם את העובדות בתשובה וגם את טקסט הממשק בכל שפה שבכוונתכם לתמוך בה.