تخصيص الويدجت

خصّص مظهر وسلوك بوت الدردشة ليتناسب مع هوية علامتك التجارية. جميع التغييرات تنعكس تلقائياً على الويدجت بدون الحاجة لتعديل الكود.

استوديو التصميم الاحترافي

يوفّر استوديو تصميم الوكيل واجهة احترافية من ثلاث مناطق: شريط تبويبات للإعدادات، ومعاينة حيّة تفاعلية، وأدوات سريعة. كل تغيير يظهر فوراً في المعاينة قبل الحفظ.

• سمات جاهزة: اختر من ثماني سمات معدّة مسبقاً (Midnight، Ocean، Emerald، Sunset، Royal، Graphite، Rose، أو مخصص) ووضع فاتح/داكن.
• معاينة احترافية: بدّل بين سطح المكتب والجوال، الوضع الفاتح والداكن، وحالات مختلفة للدردشة لاختبار التصميم بالكامل.
• مدقّق التباين (WCAG): يتحقق تلقائياً من أن ألوان النص مقروءة فوق الخلفيات ويحذّرك إن كان التباين منخفضاً.
• استيراد وتصدير: احفظ تصميمك كملف JSON أو استورده لإعادة استخدام نفس الهوية عبر عدة بوتات.
• إعادة التعيين للافتراضي: زر "إعادة الافتراضي" يعيد كل إعدادات التصميم إلى قيم سيرج الافتراضية بنقرة واحدة، دون التأثير على محتوى البوت أو محادثاته.

زر الدردشة العائم (Launcher)

تحكّم كامل في زر الدردشة العائم الذي يظهر على موقعك:

• الموضع: أسفل اليمين أو أسفل اليسار
• الحجم: من 44 إلى 84 بكسل
• نص اختياري بجانب الزر (مثل: "تحتاج مساعدة؟")
• تدرّج لوني للزر، أو أيقونة، أو صورة مرفوعة

رأس نافذة الدردشة

خصّص رأس نافذة الدردشة بالكامل:

• عنوان فرعي (Subtitle) أسفل اسم البوت
• مؤشر "متصل الآن" (الحالة)
• شكل الصورة الرمزية: دائري، مدوّر، أو مربّع
• صورة رمزية للرأس: ارفع صورة أو اختر أيقونة جاهزة
• تدرّج لوني للرأس

الخطوط والرسائل والترحيب الاستباقي

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

اللون الرئيسي

اللون الرئيسي يُستخدم في رأس نافذة الدردشة، وزر الإرسال، وزر الدردشة العائم. اختر لوناً يتناسب مع ألوان علامتك التجارية.

رسالة الترحيب

رسالة الترحيب هي أول رسالة تظهر للعميل عند فتح نافذة الدردشة. اجعلها ودودة ومفيدة.

أمثلة على رسائل ترحيب فعّالة:

• "مرحباً! 👋 كيف يمكنني مساعدتك اليوم؟"
• "أهلاً بك في [اسم الشركة]! اسألني أي شيء عن خدماتنا."
• "مرحباً! أنا مساعدك الذكي. أستطيع مساعدتك في الطلبات، الأسعار، أو أي استفسار آخر."

نص الفقاعة

نص الفقاعة هو الرسالة القصيرة التي تظهر بجانب زر الدردشة العائم لجذب انتباه الزوار. تظهر كفقاعة نص صغيرة فوق الزر.

أمثلة:

• "💬 تحتاج مساعدة؟"
• "👋 اسألني!"
• "🤖 مساعدك الذكي هنا"

أيقونة الزر

يمكنك تخصيص أيقونة زر الدردشة العائم. يمكنك استخدام الأيقونة الافتراضية أو رفع أيقونة مخصصة تمثل علامتك التجارية.

• الأيقونة الافتراضية: فقاعة محادثة
• يمكنك رفع صورة مخصصة (PNG أو SVG)
• الحجم المُوصى به: 48×48 بكسل

اللغة

يمكنك اختيار لغة واجهة الويدجت. هذا يؤثر على نصوص الواجهة مثل "اكتب رسالتك..."، و"إرسال"، وغيرها.

دعم RTL

يدعم الويدجت اتجاه الكتابة من اليمين لليسار (RTL) بشكل كامل وتلقائي. عند اختيار اللغة العربية، يتم تعديل جميع العناصر تلقائياً:

• محاذاة النصوص من اليمين
• فقاعات الرسائل تظهر بالاتجاه الصحيح
• حقل الإدخال يدعم الكتابة العربية
• الخطوط العربية مُحسّنة للقراءة

كيفية تحديث التصميم

أمثلة على التخصيص

إليك بعض أمثلة التخصيص لأنواع مختلفة من الأعمال:

🏪 متجر إلكتروني

🏢 شركة خدمات

🍕 مطعم