تتيح أداة دردشة الموقع لزوار الموقع الاتصال بك عبر الدردشة المباشرة أو من خلال قنوات أخرى الرسائل التي قمت بتوصيلها.
شاهد الفيديو أدناه للحصول على دليل خطوة بخطوة حول كيفية توصيل دردشة الموقع بـ respond.io.
الخطوة 1: انتقل إلى الإعدادات > القنوات
الخطوة 2: انقر أضف قناة > دردشة الموقع > توصيل.
الخطوة 3: املأ الموقع (المواقع) التي سيتم إضافة الأداة لها.
يرجى الرجوع إلى ما يلي حول كيفية إدراج المواقع في القائمة البيضاء.
إذا أضاف المستخدم https://app.respond.io، فسيتم إدراج فقط https://app.respond.io في القائمة البيضاء. يجب ألا يعمل أي مجال فرعي آخر أو جذر.
إذا أضاف المستخدمhttps://*.respond.io، سيتم إدراج جميع النطاقات الفرعية بما في ذلك نطاق الجذر في القائمة البيضاء.
إذا أضاف المستخدمhttps://respond.io، سيتم إدراج النطاق الجذر فقط في القائمة البيضاء.
الخطوة 4: حدد لون السمة للأداة باستخدام منتقي الألوان التفاعلي.
اختر لونًا يتناسب مع لون علامتك التجارية وموقع الويب.
الخطوة 5:حدد أيقونة للواجهة المصغرة لإظهارها على الموقع. إذا كنت تفضل تحميل أيقونة مخصصة، يمكنك تحميل أيقونة مربعة بحجم موصى به 256px x 256px.
يمكن تخصيص القطع مرة أخرى عند الاتصال.
الخطوة 6: انقر فوقالتالي> أضف البرنامج النصي إلى موقعك المفضل. بدلاً من ذلك، يمكنك إرسال تعليمات التثبيت لشخص آخر عن طريق البريد الإلكتروني.
قد تحتاج إلى مدير ويب أو مشرف فني للمساعدة في تثبيت أداة الدردشة على الموقع. يرجى طلب المساعدة إذا لزم الأمر.
اعتمادًا على النظام الذي تستخدمه لإنشاء وإدارة موقعك، قمنا بإنشاء دليل خطوة بخطوة لمساعدتك في تثبيت أداة الدردشة على موقعك.
للمنصات أو الخدمات الأخرى، انتقل إلى مصدر HTML للصفحة. الصق البرنامج النصي قبل علامة </body>.
<body>
...
...
...
<Paste Script Here>
</body>إذا كنت بحاجة إلى المساعدة، يمكنك اختيار إعادة توجيه البرنامج النصي مع إرشادات التثبيت إلى مدير موقع الويب الخاص بك. حدد مربع الاختيار المعني وأدخل عنوان البريد الإلكتروني لشخص يمكنه مساعدتك في تثبيت ملحق الدردشة.
ستظهر أداة دردشة الموقع من respond.io على موقعك بمجرد تثبيت البرنامج النصي بنجاح.
الخطوة 1: في مساحة العمل الخاصة بك، انتقل إلى الإعدادات > القناة.
الخطوة 2: تحديد موقع قناة دردشة الموقع > انقر على تخصيص.
قم بتخصيص واجهة الموقع لتتناسب مع مظهر موقعك حتى تبدو الأداة سلسة. على الجانب الأيمن من الصفحة، هناك معاينة لأداة الدردشة على الموقع. أي تخصيص لعنصر واجهة المستخدم سوف يعكس على عنصر واجهة المستخدم لمساعدتك على الحصول على فكرة أفضل عن ما تقوم بتخصيصه.
يمكنك تخصيص ما يلي لتغيير مظهر عرض القطعة على الموقع.
الحقل | الوصف |
|---|---|
لون السمة | سيتم استخدام اللون المختار كاللون الأساسي للواجهة المصغرة. |
لون النص | سيتم استخدام اللون المختار كلون النص الأساسي للواجهة المصغرة. |
أيقونة دردشة الموقع | يتم استخدام الرمز المحدد داخل فقاعة الأداة مع لون السمة. يمكنك تحميل أيقونة مخصصة إذا لزم الأمر. |
الرسالة المنبثقة | تظهر الرسالة المنبثقة لزوار الموقع مرة واحدة في اليوم بعد 5 ثوان من تحميل الصفحة. إذا لم يتم تعريفه، لن تظهر أي رسالة منبثقة لزوار الموقع. |
التحقق من صحة أيقونة الدردشة في الموقع:
الحد الأقصى لحجم الملف: 1MB
الحد الأقصى لبعد الملف: 256 × 256 بكسل
الشكل: ساحة
الحقل | الوصف |
|---|---|
محاذاة إلى | يمكن للمستخدمين اختيار تحديد موضع ما إذا كان سيتم عرض القطعة على اليسار أو يمين المنصة. |
تباعد رأسي | يمكن للمستخدمين تحديد مقدار المسافات الرأسية بين أداة دردشة الموقع وأسفل الشاشة. |
تباعد أفقي | يمكن للمستخدمين تحديد مقدار المسافات الأفقية بين أداة دردشة الموقع وجانب الشاشة. |
حجم البرمجيات المصغرة | يمكن للمستخدمين اختيار حجم القطعة من الصغيرة أو العادية أو الكبيرة. |
خيارات العرض | يمكن للمستخدمين اختيار عرض هذا القطعة على سطح المكتب أو الأجهزة المحمولة أو كليهما. |
الحقل | الوصف |
|---|---|
العنوان | سيظهر العنوان في الجزء العلوي من أداة الدردشة الخاصة بك. |
سطر الوصف | سيتم عرض التاج تحت العنوان. |
شعار دردشة الموقع | أسقط صورة شعارك هنا حتى تظهر في الجزء العلوي من دردشة الموقع. يمكن أن يكون التنسيق إما في PNG, SVG أو JPG ولا يتجاوز حجم الملف 4.0 ميغابايت. |
أيقونات القناة | سيؤدي هذا الخيار إلى تمكين جهات الاتصال للاتصال بك من خلال قناتها المفضلة مع توفير الخيارات المتاحة. يمكنك إضافة ما يصل إلى ست قنوات وسيتم عرضها في الجزء العلوي من واجهة الدردشة في الموقع. |
لون أيقونات القناة | يمكن عرض أيقونات القناة بصيغة بيضاء أو ملونة على أداة الدردشة الخاصة بك. حدد اللون الأبيض أو الملون ليتناسب مع لون السمة لواجهة الدردشة الخاصة بك. |
التحقق من صحة شعار دردشة موقع الويب:
الحد الأقصى لحجم الملف: 4 ميغابايت
الحد الأقصى لبعد الملف: 1024 x 1024 px
الشكل: ساحة
إذا كانت أداة الدردشة في الموقع لم يتم تكوينها من قبل، القنوات المتصلة مع المعلومات الكافية سيتم إدراجها بشكل افتراضي كوصلات قناة ويدجت.
يمكنك إضافة روابط قناة الويدجت وتحديد المعلومات اللازمة للقناة المحددة.
فيما يلي قائمة حقل الإدخال المطلوب لكل رابط من روابط القناة المدعومة.
روابط القناة | حقل الإدخال مطلوب |
|---|---|
رقم هاتف WhatsApp | |
ماسنجر الفيسبوك | معرف صفحة فيسبوك |
تيليجرام | اسم بوت تيليجرام |
Twitter ID | |
LINE | معرف LINE |
Viber | اسم حساب Viber العام |
SMS | رقم هاتف SMS |
البريد الإلكتروني | عنوان البريد الإلكتروني |
مكالمة هاتفية | رقم الهاتف |
رابط مخصص | عنوان URL والأيقونة |
رمز استجابة مخصص | صورة QR و أيقونة |
التحقق من أيقونة القناة:
الحد الأقصى لحجم الملف: 1MB
الحد الأقصى لبعد الملف: 256 × 256 بكسل
الشكل: ساحة
تمكين هذا الخيار سيضيف نموذج دردشة مسبقاً إلى دردشة موقع الويب الخاص بك. في حالة التمكين، سيتم تزويد زوار موقعك بنموذج تملؤه قبل بدء المحادثة.
مع تمكين هذا الخيار، يمكنك تضمين حقول مخصصة إضافية عند الضرورة. بالإضافة إلى ذلك، يمكنك أيضًا تخصيص التسمية للحقول الافتراضية حول كيفية ظهورها لجهات الاتصال الخاصة بك.
يمكن تخصيص تسميات الحقل إلى لغة مختلفة لتطابق لغة الموقع's .
الحقل | الوصف |
|---|---|
نص شريط الإدخال | وسيعمل هذا النص كعنصر مساعد في منطقة الطباعة. |
خط النص | الخط الذي سيتم استخدامه لعرض الخط في أداة دردشة الموقع. |
عندما يتم تحديد هذا الخيار، لا يملك زائر الموقع خيار إرفاق مرفق في أداة دردشة الموقع.
عند استخدام هذا الخيار، سيتم إخفاء القطعة بالكامل. إلى أن يتم النقر على مرساة المرساة أو عند فتح المحادثة عبر API البرنامجي.
#webchat_widget
باستخدام المرساة أعلاه يمكنك إنشاء زر على الصفحة الخاصة بك، لفتح الأداة بمجرد النقر عليها.
باستخدام هذا الخيار، يمكنك إزالة العلامة التجارية المستجيبة من الشريط الخاص بك.
الخطوة 1: انقر الإعدادات > قنوات
الخطوة 2: تحديد موقع الدردشة > انقر إدارة
الخطوة 3: في صفحة تكوين دردشة الموقع ستجد الإعدادات التالية:
رابط الدردشة - رابط URL لجهة الاتصال الخاصة بك للوصول إلى القناة الخاصة بك.
اسم القناة - يمكن تغيير اسم القناة واستخدامها داخليا لتحديد القناة.
نطاقات موقع الويب - مواقع الويب المتصلة بأداة الويب الخاصة بك.
رمز الدردشة في الموقع - التعليمة البرمجية التي يمكنك لصقها في مصدر HTML لموقعك إذا كنت بحاجة إلى استرداد الكود البرمجي الذي تم إنشاؤه.
إذا لم تقم بتضمين موقع الويب الخاص بك في هذه القائمة، فلن يتم تحميل الأداة. يمكنك إضافة عناوين URL متعددة إذا كنت'تستخدم البرنامج المساعد على مواقع متعددة على الإنترنت.
الخطوة 4: انقر فوق حفظ التغييرات لتحديث صفحة تكوين موقع الدردشة
يمكن تحديد مستخدمي موقع الويب الخاص بك من خلال إضافة رمز جافا سكريبت بسيط إلى رمز الموقع الخاص بك. بمجرد أن يتم تمرير المعرف مع جهة اتصال موجودة، سيتم استئناف المحادثة الحالية.
ويستخدم مصطلح ”المستخدم“ في سياق موقعك على شبكة الإنترنت. وما زلنا نحيلها في المنصة المجيبة على أنها ”اتصالات“.
window.__respond_settings = {
المعرف: "[email protected]"،
الاسم الأول: "جين"،
اسم العائلة: "دو"،
الهاتف: "60123456789"،
البريد الإلكتروني: "[email protected]"،
صورة الملف الشخصي: "https://static.independent.co.uk/s3fs-public/thumbnails/image/2015/07/08/14/pic.jpg"،
رمز البلد: "MY"،
اللغة: "en"،
// الحقول المخصصة
الحقول المخصصة: {
// عناوين الحقول المخصصة
رقم: 123،
وصف: "بعض النص"،
},
};دليل حول كيفية استخدام الرمز
قم بتحرير الرمز (الموضح أدناه) لإرسال معرف المستخدم المسجل حاليًا إلى Respond.io. يمكن أن يكون هذا عنوان البريد الإلكتروني أو معرف جهة الاتصال أو استنادًا إلى أي حقل اتصال آخر. يرجى ملاحظة أن حقل معرف مطلوب.
قم بلصق الكود مباشرة في علامة head في كل صفحة تريد ظهور الدردشة فيها على موقع الويب.
يجب وضع البرنامج النصي لتحديد المستخدمين المسجلين فوق رمز دردشة الموقع الذي يمكن العثور عليه في مربع حوار تكوين دردشة الموقع.
يمكنك أيضًا إرسال حقول جهات الاتصال المرتبطة بجوانب جهات الاتصال الخاصة بك، بحيث نقوم بتخزين حقل الاتصال خلال عملية إنشاء جهة الاتصال. يمكن العثور على اسم الحقل (أو العنوان) في وحدة حقول جهة الاتصال.
يرجى ملاحظة أنه إذا كنت تستخدم هذه الميزة، سيتم تجاهل نموذج ما قبل الدردشة مما يعني أن جهات الاتصال لا تحتاج إلى ملء معلوماتها قبل بدء محادثة.
المثال أعلاه يمرر عنوان بريد إلكتروني كمعرف، وخلال عملية إنشاء جهة الاتصال يتم تخزين جميع حقول جهة الاتصال التي تم تمريرها.
أداة الدردشة في الموقع يمكن فتحها وإغلاقها عن طريق رمز جافا سكريبت الخاص بك في الموقع. هذا يسمح لك بإنشاء زر "تحدث معنا" مخصص على موقع الويب الخاص بك، وتفعيل أداة دردشة الموقع لفتحها عندما ينقر الزائر على الزر.
فتح الدردشة
الوصف: يفتح أداة المحادثة.
الجملة: $respond.do("Chat:open")
إغلاق المحادثة
الوصف: يغلق أداة المحادثة.
التركيبة: $respond.do("Chat:close")
تم فتح صندوق الدردشة
الوصف: يتعامل مع حدث الدردشة المفتوحة (يشغل الدالة إعادة الاتصال.
بناء الجدول:$respond.on("Chat:open", back)
تم إغلاق صندوق الدردشة
الوصف: يتعامل مع حدث إغلاق أداة الدردشة (يُشغل دالة العودة الخاصة بك).
بناء الجملة:$respond.on("محادثة: مغلقة"، وظيفة رد النداء)
هل الدردشة مفتوحة؟
الوصف: إرجاع true إذا تم فتح أداة الدردشة، وإلا false.
الصيغة: $respond.is("Chat:open")
هل المحادثة مغلقة؟
الوصف: إرجاع true إذا تم إغلاق أداة الدردشة، وإلا false.
بناء الجدول: $respond.is("محادثة : مغلقة")
قد تكون هناك بعض الأسباب لعدم تسليم الرسائل.
غادر جهة الاتصال الموقع الإلكتروني.
قد يتجاوز عدم نشاط جهة الاتصال المدة الزمنية.
قد يواجه العميل مشاكل في الاتصال بالإنترنت.
تأكد من تثبيت التعليمات البرمجية بشكل صحيح. يرجى الرجوع إلى التعليماتهناحول كيفية تثبيت أداة دردشة الموقع.
تأكد من إدراج الموقع في القائمة البيضاء حيث سيتم تثبيت القطعة. يرجى الرجوع إلى الخطوة 3 منتوصيل ودجيت دردشة الموقعحول كيفية إدراج النطاق الخاص بك في القائمة البيضاء.
المقالات ذات الصلة 👩💻