جابسترالتوثيق

الشروحات

خصّص نافذة الدردشة وضعها في موقعك

اجعل نافذة الدردشة مطابقة لهويتك، ثم أضفها إلى موقعك بكود التضمين.

٠ من ٠

في هذا الشرح تجعل نافذة الدردشة مطابقة لهوية نشاطك (الاسم والألوان والأيقونة والمطالبات السريعة ورسائل الترحيب والختام)، ثم تضعها على موقعك بكود التضمين. يناسب أصحاب الحسابات وفرق التسويق ومطوري المواقع.

قبل أن تبدأ:

  • وكيل ذكي له قاعدة معرفة جاهزة (راجع ابنِ وكيلك).
  • صلاحية لتعديل كود موقعك (HTML)، أو مطوّر يستطيع لصق الكود لك.

ملاحظة

شكل نافذة الدردشة يُضبط من صفحة تخصيص، لا من صفحة تضمين. صفحة تضمين تعطيك الكود فقط.

المظهر

الخطوة ١.

افتح صفحة التخصيص

من الشريط الجانبي افتح مجموعة إعداد الموظف واختر تخصيص.

النتيجة: تفتح الصفحة على تبويب المظهر.

الخطوة ٢.

اكتب الاسم

اكتب في حقل الاسم الاسم الذي تريده في رأس نافذة الدردشة.

النتيجة: يظهر الاسم عنوانًا بخط عريض في رأس النافذة.

الخطوة ٣.

اكتب نص حقل الرسالة والوصف

اكتب في الإدخال النص التوضيحي الذي يظهر داخل حقل الرسالة، وفي الوصف وصفًا قصيرًا يظهر تحت اسم وكيلك.

النتيجة: تظهر القيم في معاينة النافذة.

الخطوة ٤.

افتح الخيارات المتقدمة

انقر خيارات متقدمة.

النتيجة: تظهر بطاقات ألوان الرسائل، والوضع من اليمين لليسار، والمعاينة الحية، والإعدادات العامة، وخيارات الظهور، وأيقونة الودجة، والخلفية.

الخطوة ٥.

اختر ألوان الرسائل

اختر لون الخلفية ولون النص في نمط رسالة العميل وفي نمط رسالة الوكيل (رسائل وكيلك).

النتيجة: تعرض المعاينة الألوان المختارة.

نصيحة

قد تظهر رموز الألوان معكوسة في الواجهة العربية (مثل aadd00#)؛ اكتبها بالشكل المعتاد: #aadd00.

الخطوة ٦.

فعّل الاتجاه من اليمين لليسار

إن كان موقعك عربيًا، فعّل الوضع من اليمين لليسار.

الخطوة ٧.

اضبط الخط والارتفاع والعلامة المائية

في الإعدادات العامة اضبط حجم الخط وارتفاع الدردشة بالبكسل، ونص العلامة المائية.

النتيجة: القيم الافتراضية هي ١٦ لحجم الخط، و٦٠٠ للارتفاع، و«Powered by Gabster» للعلامة المائية.

ملاحظة

في خيارات الظهور يوجد مفتاحان: إخفاء Powered By لإخفاء نص العلامة المائية، وهو يتطلب الإضافة المدفوعة إزالة علامة جابستر (يمكنك إضافتها من صفحة الاشتراك)، وإخفاء أزرار التقييم لإخفاء أزرار الإعجاب وعدم الإعجاب.

الخطوة ٨.

اضبط أيقونة الودجة

في بطاقة أيقونة الودجة اختر الموضع والحجم والشكل (مثل أسفل-يمين وكبير ودائري)، ثم اختر في بطاقة الخلفية لون خلفية زر الودجة ولون النص والأيقونة عليه.

الخطوة ٩.

احفظ

انقر حفظ.

المطالبات السريعة والتفاعلات

الخطوة ١٠.

أضف مطالبة سريعة

انتقل إلى تبويب المطالبات السريعة وانقر إضافة.

الخطوة ١١.

راجع المعاينة

راجع معاينة النافذة.

النتيجة: تظهر عناوين المطالبات أزرارًا تحت رأس النافذة، يمكن للعميل اختيارها.

الخطوة ١٢.

أضف رسالة ترحيب أو ختام

انتقل إلى تبويب التفاعلات وانقر إضافة تفاعل.

يطلب النموذج نص الرسالة ونوعها: ترحيب أو ختام.

الخطوة ١٣.

عاين الترحيب والختام

اختر تحية أو اختتام في أعلى المعاينة.

النتيجة: يعرض خيار تحية فقاعات الترحيب فوق زر فتح الدردشة.

الخطوة ١٤.

عدّل اللغة ونصوص النافذة (اختياري)

من الإعدادات افتح تبويب الترجمة. في لغة رسائل تحويل المحادثة للموظف اختر العربية أو English، وعدّل نصوص النافذة عند الحاجة (مثل بدء محادثة)، ثم انقر حفظ التغييرات.

تُطبَّق لغة رسائل التحويل على الرسائل الجديدة فقط.

التضمين

الخطوة ١٥.

افتح صفحة التضمين

من مجموعة إعداد الموظف اختر تضمين.

النتيجة: تفتح صفحة ضمّن روبوت الدردشة بثلاث خطوات.

الخطوة ١٦.

اسمح بنطاق موقعك

في الخطوة 1 (اسمح بنطاق موقعك) اكتب رابط موقعك الإلكتروني وانقر حفظ. النتيجة: عند حفظ النطاق تظهر تحت الحقل العبارة الخضراء تم حفظ النطاق.

لكل وكيل عنوان موقع واحد، وحفظ عنوان جديد يستبدل القديم. اكتبه تمامًا كما يظهر في متصفح الزوار، بما في ذلك https:// وwww. إن كان موقعك يستخدمهما.

الخطوة ١٧.

اختر طريقة التضمين

في الخطوة 2 (اختر طريقة التضمين) اختر:

  • واجهة عائمة: فقاعة دردشة تطفو فوق صفحات موقعك.
  • لوحة مضمّنة: لوحة دردشة داخل قسم من الصفحة.

النتيجة: يتحدّث الكود في الأسفل تلقائيًا حسب اختيارك، ويمكنك تغيير الطريقة في أي وقت.

تعطيك الطريقتان سطر سكربت واحدًا، والصق سطر اللوحة المضمّنة في المكان الذي تريد أن تظهر فيه اللوحة.

الخطوة ١٨.

جرّب العرض الحي

انقر عرض حي داخل بطاقة الخطوة 2.

الخطوة ١٩.

انسخ الكود

في الخطوة 3 (انسخ المقتطف) يظهر الكود في مربع سكربت الواجهة. انقر نسخ الكود. وإن واجهت مشكلة، استخدم الرابط تواجه مشكلة؟ شاهد هذا الشرح.

الخطوة ٢٠.

الصق الكود وتحقق من الاتصال

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

الصق كود الواجهة العائمة مرة واحدة قبل </body> في الجزء المشترك بين كل الصفحات (أو في خانة التذييل أو الكود المخصص في منصة موقعك)، ثم انشر موقعك. يعني الشريط الأخضر أن الويدجت متصل بهذا الوكيل في جابستر، لكنه لا يفحص موقعك. للتأكد من التركيب افتح موقعك وابحث عن الدردشة.

مواضيع ذات صلة

في هذه الصفحة