كيفية إضافة روبوت محادثة بالذكاء الاصطناعي إلى موقعك دون برمجة

يمكنك إضافة روبوت محادثة بالذكاء الاصطناعي إلى موقعك الإلكتروني بتزويد وكيل بمعرفة نشاطك، وضبط ردوده، وتثبيت أداة محادثة عبر إضافة أو برنامج نصي جاهز. يجمع روبوت المواقع من 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 مخصصة للتعلم الشخصي غير التجاري. تتضمن الخطة 50 رصيد ذكاء اصطناعي شهريًا. يتطلب النشر للأعمال خطة تجارية، وتستهلك الاختبارات الحصة نفسها المخصصة للردود في محادثات الذكاء الاصطناعي الأخرى. اشتراكات منصات إنشاء المواقع وتكاليف واجهات 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 عندما ينبغي للذكاء الاصطناعي استئناف الرد.

تحقق ممن يتولى المحادثة ومن وصول الرد البشري، ولا تكتفِ بعرض الوكيل تحويلها.

كرر الاختبار في محادثة جديدة خارج الساعات المحددة. ينبغي للوكيل توضيح التوافر وعرض مسار المتابعة المذكور. إذا غيّرت الجدول مؤقتًا لإجراء هذا الفحص، فأعد الجدول الحقيقي بعده. تشرح وثائق Human Handoff الإعدادات ومسار العمل في Inbox.

يتضمن دليل تحويل محادثات الروبوت إلى موظف فحوصًا منفصلة للجهة المسؤولة عن المحادثة، وإعادتها إلى الذكاء الاصطناعي، وحالات الإخفاق خارج ساعات العمل.

الخطوة 5: كيف تجعل الأداة متناسقة مع موقعك؟

اضبط المظهر والنصوص الثابتة ضمن Channels → Your Website. اجعل رسالة الترحيب محددة بما يكفي لتوضيح ما يمكن للزائر السؤال عنه.

المظهر (Appearance)

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)

افتح 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> في التخطيط المشترك، أو استخدم حقل التذييل على مستوى الموقع في منصة الإنشاء. تدرج أداة التحميل هذه برنامجًا نصيًا في جسم الصفحة، لذا قد يمنع وضعها في الرأس قبل وجود الجسم تحميلها.

الموضع مهم. كتلة 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: استخدام الكود المخصص في نهاية الجسم (Body - end)

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 للنشر على النطاق المقصود، ثم اختبر عنوان URL المنشور.

تتطلب إعدادات الكود المخصص في 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. لا تثبت إجابة الذكاء الاصطناعي الجيدة أن مسار الدعم البشري يعمل. كرر مجموعة صغيرة من هذه الفحوص بعد تغيير المصادر أو التعليمات أو 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 منها بعد دور للذكاء الاصطناعي دون أن يختار الوكيل Action.

تُجرى محاولة تنفيذ Action مرة واحدة لكل محادثة عند تطابق جميع الشروط. لا يُنفّذ مرة أخرى عند ورود موعد مفضل اختياري، ولا يُعاد تلقائيًا طلب أُرسل وفشل في تلك المحادثة. احتفظ بالموعد المفضل في Inbox للمصمم، أو أنشئ تكاملًا صريحًا للإنشاء والتحديث إذا كان نظام CRM يحتاج إلى تغييرات لاحقة.

يُنفّذ الطلب بعد دور الذكاء الاصطناعي، ولا تُدرج استجابته في المحادثة. لهذا يقر 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 وارجع إلى وثائق القناة للإعداد المطلوب.

ما تكلفة روبوت المحادثة للموقع؟

يغطي الاشتراك وحصة الاستخدام خدمة الذكاء الاصطناعي؛ أما خطة موقعك والتكاملات الاختيارية فلها تكاليف منفصلة.

رصيد الذكاء الاصطناعي لا يعادل محادثة. قد تتضمن المحادثة عدة ردود للذكاء الاصطناعي، وقد تختلف تكلفة الأرصدة باختلاف اختيار النموذج. أدرج 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.

الأسئلة الشائعة

كيف أضيف روبوت محادثة بالذكاء الاصطناعي إلى موقعي؟

أنشئ وكيلًا في Quickchat AI، وأضف معرفة نشاطك، واضبط Main Prompt وSmart Data Gathering وHuman Handoff، ثم ثبّت Widget الخاصة به باستخدام إضافة أو المقتطف المرفق. اختبر إجابة مستندة إلى المصدر، وحفظ بيانات الاتصال، ووصول رد بشري على الموقع المنشور.

هل يمكنني إضافة ChatGPT مخصص إلى موقعي؟

يمكنك إضافة مساعد شبيه بـChatGPT مدرّب على صفحاتك. ينشر هذا الدليل وكيل Quickchat AI عبر أداة الموقع الخاصة به، ليتمكن الزوار من المحادثة على موقعك دون تسجيل الدخول إلى ChatGPT. تُدار معرفته وتعليماته وتكاملاته في Quickchat AI.

هل يمكنني إضافة روبوت محادثة بالذكاء الاصطناعي إلى موقعي مجانًا؟

تدعم خطة Free من Quickchat AI التعلم الشخصي غير التجاري، وتتضمن 50 رصيد ذكاء اصطناعي شهريًا. يحتاج موقع شركة أو نشر للمبيعات والدعم الموجّه للعملاء إلى خطة تسمح بالاستخدام التجاري. اشتراكات منصات إنشاء المواقع منفصلة، ويستهلك الاختبار أرصدة الذكاء الاصطناعي أيضًا.

هل أحتاج إلى كتابة كود أو تقديم مفتاح 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 وأرصدة الذكاء الاصطناعي المتاحة.

هل سيبطئ روبوت المحادثة موقعي؟

تُنزل أداة تحميل المحادثة الملفات بصورة غير متزامنة، لكنها تضيف JavaScript وطلبات شبكة. قارن أداء التحميل والتفاعل قبل التثبيت وبعده على صفحات تمثل الموقع وعلى هاتف. لا يثبت التحميل غير المتزامن انعدام التأثير في الأداء.

هل يعمل روبوت الموقع على الهواتف؟

تستخدم الأداة المفتوحة تخطيطًا يملأ الشاشة عند عرض أقل من 768 بكسل CSS. اختبر زر فتح المحادثة ولوحة المفاتيح والتمرير وأداة الإغلاق على هاتف. أبقِ Auto-open Widget معطلًا عندما يقاطع الفتح التلقائي التصفح.

هل يستطيع الروبوت الرد بلغات زواري؟

يمكن للوكيل الرد بلغة الزائر. ترجمة نص الترحيب الثابت وبدايات المحادثة ونصوص الأداة إعداد منفصل في الخطط المدفوعة. اختبر حقائق الإجابة ونص الواجهة لكل لغة تنوي دعمها.