معاينة النموذج

اطّلِع على الشكل النهائي لنموذج الاتصال أمام العملاء قبل نشره.

الوصول إلى المعاينة

  1. انتقل إلى إدارة النموذج (/admin/form)
  2. انقر تبويب معاينة

تعرض المعاينة النموذج كما سيراه العملاء بالضبط، بما في ذلك:

  • العنوان والوصف المخصصان
  • ألوان الشعار والشعار
  • تسميات الحقول والقيم الموضّحة
  • نص الزر وتنسيقه

Contact us

نود أن نسمع منك.

ميزات المعاينة

التحديث المباشر

المعاينة تعكس تلقائياً إعدادات النموذج الحالية:

  • تتغير الألوان عند تعديل الهوية البصرية
  • يتغير النص عند تحرير العناوين والوصف
  • يظهر الشعار عند إضافة رابط صورة الشعار

مؤشر وضع المعاينة

عند عرض المعاينة، النموذج في «وضع المعاينة»:

  • الإرسال معطّل (الزر يعرض "معاينة Mode")
  • هذا يمنع إرسال اختبارات بالخطأ
  • يمكنك مع ذلك رؤية مظهر النموذج كاملاً

معاينة متجاوبة

المعاينة توضّح شكل النموذج على أحجام شاشات مختلفة:

  • سطح المكتب: تخطيط بعرض كامل
  • الجوال: تخطيط متجاوب ومتراص
  • اختبر على أجهزة مختلفة لأفضل نتيجة

الاستفادة من المعاينة

قبل النشر

اعرض النموذج دائماً قبل المشاركة:

  1. تأكد من صحة كل النصوص
  2. تحقق من تطابق الألوان مع هويتك
  3. تأكد من ظهور الشعار بشكل صحيح
  4. اختبر على أجهزة الجوال إن أمكن

بعد التعديلات

بعد تحرير النموذج:

  1. انقر "حفظ التغييرات" في تبويب تعديل
  2. انتقل إلى تبويب معاينة
  3. تحقق من ظهور كل التغييرات بشكل صحيح
  4. راجع أي مشاكل في التخطيط

عرض النموذج المباشر

لمشاهدة النموذج كما سيراه العملاء:

  1. انتقل إلى تبويب تضمين
  2. انسخ رابط النموذج
  3. افتحه في تبويب متصفح جديد
  4. يعرض ذلك النموذج المباشر الفعلي (وليس وضع المعاينة)
نصيحة: استخدم زر "View Live" في رأس إدارة النموذج لفتح النموذج في تبويب جديد.

استكشاف أخطاء المعاينة

التغييرات لا تظهر

  • تأكد من النقر على "حفظ التغييرات"
  • حدّث تبويب المعاينة
  • امسح ذاكرة التخزين المؤقت للمتصفح إن لزم

الشعار لا يظهر

  • تحقق من أن رابط الشعار متاح للعموم
  • تحقق من صحة الرابط واكتماله
  • تأكد من دعم صيغة الصورة (PNG, JPG, SVG)

الألوان تظهر مختلفة

  • تحقق من صحة رموز الألوان السداسية (مع #)
  • راجع الأخطاء المطبعية في قيم الألوان
  • تأكد من وجود تباين مناسب للألوان

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

مستعد لتبسيط الدعم؟
Join thousands using SupportRetriever to manage customer conversations.
جرب مجاناً

استكشف المزيد

تصفح كل المقالات