إضافة أداة الدردشة إلى موقعك

تتيح لك أداة الدردشة للموقع (Website Chat Widget) إضافة دردشة مباشرة إلى موقعك، فيتواصل الزوار مع فريقك أثناء تصفحهم.

بعد تثبيت الأداة، تصل كل المحادثات إلى Flovoo وتديرها مع باقي قنواتك في مكان واحد.

قبل البدء

تأكد من الآتي:

• لديك صلاحية تعديل كود موقعك، لأن الكود يوضع قبل وسم إغلاق body أو داخل أداة إدارة الوسوم (Tag Manager).
• تعمل الأداة على أي منصة، مثل WordPress وShopify وWebflow والمواقع المخصصة.

الخطوة 1: إنشاء الأداة

لإنشاء الأداة:

1. اضغط القنوات والتطبيقات في القائمة الجانبية، ثم التطبيقات.
2. في بطاقة أداة الدردشة للموقع، اضغط اتصال.
3. في صفحة ربط حساب، اضغط اتصال.
4. أدخل اسم العرض، وهو الاسم الداخلي للأداة داخل Flovoo (حتى 65 حرفًا)، مثل: Main Website Chat.
5. اختر اللون الأساسي الذي يظهر في واجهة الأداة.
6. اضغط إنشاء ودجت الموقع.

يتم إنشاء الأداة، وتنتقل تلقائيًا إلى صفحة القنوات.

الخطوة 2: فتح إعدادات الأداة

لفتح الإعدادات:

1. انتقل إلى صفحة القنوات.
2. اضغط على أداة الدردشة الخاصة بك.

تفتح صفحة الإعدادات، وفيها معاينة مباشرة لأي تغيير تقوم به.

الخطوة 3: إعداد المحتوى

افتح تبويب المحتوى، ويمكنك تعديل:

• اسم العرض: الاسم الذي يظهر للزائر أعلى نافذة الدردشة.
• رسائل البداية: أول رسالة تظهر للزائر عند فتح الدردشة، مثل: مرحبًا، كيف يمكننا مساعدتك اليوم؟
• الرسائل المقترحة: حتى 4 رسائل جاهزة يضغط عليها الزائر لبدء المحادثة، وتختفي بعد أول رسالة منه.
• اللغة: لغة واجهة الأداة (العربية أو الإنجليزية أو التركية)، ويتغير اتجاه النص حسب اللغة.

بعد الانتهاء، اضغط حفظ التغييرات.

الخطوة 4: تخصيص الأسلوب

افتح تبويب الأسلوب، ويمكنك تعديل:

• اللون الأساسي: يظهر في رأس المحادثة وزر الدردشة والرسائل.
• الشعار: صورة بصيغة JPG أو PNG أو SVG حتى 1 ميجابايت، وتظهر في رأس نافذة الدردشة.
• موضع الودجت: أسفل اليمين ويناسب المواقع العربية، أو أسفل اليسار ويناسب المواقع الإنجليزية.

بعد الانتهاء، اضغط حفظ التغييرات.

الخطوة 5: تثبيت الأداة على موقعك

افتح تبويب كود التضمين، ثم:

1. اضغط نسخ الكود.
2. افتح ملف HTML لموقعك أو القالب.
3. الصق الكود قبل وسم إغلاق body مباشرةً.
4. احفظ التغييرات وانشر الموقع.

تظهر أداة الدردشة على موقعك، ويمكن للزوار بدء المحادثة مباشرةً.

كيف تصل المحادثات إلى Flovoo؟

• تصل رسائل الزوار إلى المحادثات في Flovoo، وترد عليها في الوقت الفعلي.
• إذا لم يتم التعرف على الزائر، يظهر كجهة اتصال مجهولة، مثل: Website Visitor #1234، ويمكنك تحديث بياناته لاحقًا.
• يمكنك تعديل إعدادات الأداة في أي وقت دون إعادة تثبيت الكود.

لمعرفة المزيد عن الأداة، يمكنك الاطلاع على مقال نظرة عامة على أداة الدردشة للموقع. ولإدارة قنواتك، يمكنك الاطلاع على مقال إدارة القنوات.