نافذة عرض الدردشة المنبثقة: تخصيص أداتك لـ WordPress و WooCommerce

ملخص

نافذة Chat View المنبثقة من Chaty هي تصميم احترافي يضع قنوات التواصل داخل نافذة منبثقة قابلة للتخصيص على غرار نافذة الدردشة. وهي تدعم العناوين المخصصة، ونصوص المحتوى، والألوان، وعنوان الصفحة، وعلامات دمج عناوين URL، بالإضافة إلى علامات منتجات WooCommerce للرسائل الخاصة بكل منتج.

الوجبات الرئيسية

  • يقوم عرض الدردشة بتحويل قائمة قنوات Chaty القياسية إلى نافذة منبثقة حديثة على غرار الدردشة.
  • يدعم التصميم العناوين المخصصة، ونصوص المحتوى، والألوان، وعناوين الصفحات الديناميكية، وعلامات دمج عناوين URL.
  • يمكن لمستخدمي WooCommerce تخصيص رسائل صفحة المنتج باستخدام اسم المنتج، ورمز المنتج (SKU)، والسعر الحالي، والسعر العادي، وعلامات سعر البيع.
  • تتوفر ميزة عرض الدردشة لمستخدمي Chaty Pro.
  • تُستخدم النافذة المنبثقة العادية للمحتوى العام، بينما يمكن لتخصيص WooCommerce توفير رسائل منفصلة لصفحات المنتجات.

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

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

إذا كنتَ جديدًا على Chaty، فهو أداة دردشة لـ WordPress تتيح لك عرض قنوات اتصال متعددة - مثل WhatsApp وFacebook Messenger وTelegram والبريد الإلكتروني والهاتف ونماذج الاتصال وغيرها - في أداة واحدة قابلة للتخصيص. يمكنك تثبيت Chaty من دليل إضافات WordPress وتكوين أداتك من لوحة تحكم WordPress.

نافذة منبثقة لعرض الدردشة تعرض قنوات اتصال متعددة

ما هو تصميم عرض الدردشة في Chaty؟

يُغيّر تصميم عرض الدردشة طريقة ظهور قنوات Chaty عند فتح الزائر للأداة. فبدلاً من عرض قائمة بالأيقونات فقط، يعرض Chaty القنوات داخل نافذة منبثقة على غرار نافذة الدردشة.

يمكنك تخصيص النافذة المنبثقة باستخدام:

  • عنوان مخصص
  • نص مخصص
  • ألوان العلامة التجارية وتصميم العرض المنبثق
  • علامات دمج عنوان الصفحة وعنوان URL
  • علامات دمج منتجات ووكومرس
  • رسائل منفصلة للصفحات العامة وصفحات منتجات WooCommerce

تتوفر واجهة عرض الدردشة في Chaty Pro. اطلع على خطط Chaty Pro لمقارنة الخيارات المتاحة.

كيفية تفعيل عرض الدردشة في تطبيق Chaty

  1. افتح لوحة تحكم ووردبريس الخاصة بك وانتقل إلى البيوت.
  2. انقر تعديل بجوار الأداة التي تريد تخصيصها، أو إنشاء أداة جديدة.
  3. أكمل إعداد القناة في الخطوة 1 عن طريق تحديد قنوات الاتصال التي تريد عرضها.
  4. انتقل إلى البرنامج المساعد في التأليف الخطوة 2: تخصيص القطعة الخاصة بك.
  5. تحت تصميم وسلوك الرسائل المنبثقة، حدد عرض الدردشة.
  6. قم بالتمرير لأسفل لتكوين عنوان عرض الدردشة، ونص الرسالة، والألوان، وإعدادات WooCommerce الاختيارية.
  7. احفظ الأداة الخاصة بك وقم بمعاينتها على موقعك الإلكتروني.

للاطلاع على لقطات الشاشة وعملية التكوين الكاملة، راجع دليل إعداد Chaty Chat View.

تخصيص رسالة نافذة عرض الدردشة

تتضمن نافذة عرض الدردشة حقلين منفصلين للعنوان ونص المحادثة. استخدم العنوان للترحيب بالزوار أو لعرض خيارات الدعم المتاحة، ثم استخدم نص المحادثة لشرح كيفية التواصل معك.

Customer support professional using a computer while responding to online conversations in a modern workspace.
يوضح سير عمل الدعم التفاعلي الغرض من نافذة الاتصال المنبثقة على غرار الدردشة. صورة من جيب جامبارديلا على موقع بيكسلز.

فمثلا:

  • عنوان: أهلأ بكم في موقعنا
  • الجسم: هل لديك سؤال؟ اختر الطريقة التي تفضلها للتواصل معنا.

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

Chaty Chat View popup customization settings in WordPress

استخدم علامات الدمج لتخصيص نافذة Chaty المنبثقة

تقوم علامات الدمج بإدراج المعلومات تلقائيًا من الصفحة التي يشاهدها الزائر. يتيح لك هذا إنشاء رسالة منبثقة واحدة تتكيف مع جميع أنحاء موقعك الإلكتروني.

بالنسبة للصفحات العامة والمنشورات والمحتوى الآخر غير المرتبط بـ WooCommerce، يدعم Chat View علامات الدمج التالية:

  • {title} — يعرض عنوان الصفحة أو المنشور الحالي.
  • {URL} — يعرض عنوان URL للصفحة الحالية.

على سبيل المثال، يمكنك استخدام العنوان التالي:

أهلاً بكم في {title}!

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

Small website team planning page messaging and customer communication content around a laptop.
يساعد تخطيط رسائل الموقع الإلكتروني المخصصة الفرق على توجيه الزوار نحو خيار الاتصال المناسب. صورة من إنتاج كامبوس على موقع بيكسلز.

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

هل تحتاج إلى مساعدة بخصوص هذه الصفحة؟ تواصل معنا واذكر {URL}.

استخدم عرض الدردشة مع ووكومرس

إذا كان WooCommerce مُثبّتًا على موقعك الإلكتروني على WordPress، فإن Chaty يُوفّر إعدادات إضافية لرسائل النوافذ المنبثقة المتعلقة بالمنتجات. فعّل خيار التخصيص لـ WooCommerce في إعدادات عرض الدردشة لإنشاء رسائل مُخصصة لصفحات منتجات WooCommerce.

تدعم نافذة WooCommerce المنبثقة بشكل عام {title} و {URL} العلامات، بالإضافة إلى علامات الدمج الخاصة بالمنتج:

  • {woo-itemName} — يعرض اسم المنتج.
  • {woo-sku} — يعرض رمز المنتج (SKU).
  • {woo-price} — يعرض سعر المنتج الحالي.
  • {woo-regular} — يعرض سعر المنتج العادي.
  • {woo-discount} — يعرض سعر البيع.

يمكن استخدام واحد أو أكثر من هذه الوسوم في عنوان ونص محتوى ووكومرس. يتيح لك هذا إنشاء رسالة تتغير تلقائيًا لكل منتج.

Chaty WooCommerce Chat View merge tag settings

أمثلة على رسائل عرض الدردشة لصفحات المنتجات

إليك بعض الطرق لاستخدام علامات الدمج في ووكومرس في النافذة المنبثقة:

  • أسئلة حول المنتج: هل لديك سؤال حول {woo-itemName}؟ تواصل مع فريقنا.
  • دعم المنتج: هل تحتاج إلى مساعدة في اختيار الخيار المناسب؟ أخبرنا عن {woo-itemName}.
  • استفسارات متعلقة بالأسعار: "اسألنا عن السعر الحالي لـ {woo-itemName}: {woo-price}."
  • رسائل التخفيضات: "وفر على {woo-itemName}. السعر العادي هو {woo-regular}، وسعر التخفيض هو {woo-discount}."
  • تعريف المنتج: يرجى تضمين رمز المنتج {woo-sku} عند الاتصال بفريق الدعم لدينا.

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

سلوك النوافذ المنبثقة العامة وسلوك النوافذ المنبثقة في ووكومرس

عند تفعيل تخصيص WooCommerce، تُستخدم رسالة WooCommerce في صفحات المنتجات التي تتوفر فيها علامات دمج المنتجات ذات الصلة. ويستمر ظهور نافذة عرض الدردشة المعتادة في الصفحات العامة والمحتوى الآخر الذي لا يستخدم إعدادات منتجات WooCommerce.

Ecommerce professional reviewing product information on a laptop while preparing customer assistance.
يمكن لرسائل الدعم المُخصصة للمنتجات أن تساعد المتسوقين على طرح أسئلة محددة حول المنتجات أو الأسعار أو التوافر. صورة من أندريا بياكواديو على موقع بيكسلز.

يتيح لك هذا استخدام رسالة واحدة لصفحتك الرئيسية ومدونتك وصفحات الخدمة، مع عرض رسالة أكثر تحديدًا على صفحات المنتجات.

نصائح لإنشاء أداة عرض دردشة أفضل

  • اجعل العنوان مختصراً: استخدم تحية واضحة أو سؤالاً مباشراً.
  • اشرح الخطوة التالية: أخبر الزوار ما إذا كان ينبغي عليهم طرح سؤال، أو طلب عرض سعر، أو الاتصال بالدعم.
  • عرض القنوات ذات الصلة: اختر طرق التواصل التي يستخدمها عملاؤك بالفعل.
  • استخدم المحتوى الديناميكي بحذر: أضف علامات الدمج حيثما يكون سياق الصفحة أو المنتج مفيدًا.
  • اختبار صفحات المنتج: إذا كنت تستخدم علامات WooCommerce، فقم بمعاينة عدة منتجات للتأكد من عرض المعلومات بشكل صحيح.
  • طابق علامتك التجارية: اضبط ألوان النافذة المنبثقة ومظهر الأداة لتناسب موقعك الإلكتروني.
  • استهدف الأداة عند الحاجة: يُمكن لـ Chaty Pro عرض أدوات أو قنوات مختلفة بناءً على الصفحات والمنتجات والأجهزة وقواعد الاستهداف الأخرى. تعرّف على المزيد في الدليل الخاص بـ عرض تطبيق Chaty على صفحات محددة.

عرض الدردشة، نافذة منبثقة، الأسئلة الشائعة

هل تتوفر ميزة عرض الدردشة في النسخة المجانية؟

لا. تصميم نافذة الدردشة المنبثقة هو ميزة حصرية لـ Chaty Pro. يمكنك مراجعة باقات Chaty Pro إذا كنت ترغب في استخدام هذا التصميم وخيارات تخصيصه.

هل أحتاج إلى ووكومرس لاستخدام عرض الدردشة؟

لا. يمكنك استخدام Chat View على صفحات ووردبريس العادية، والمقالات، ومحتوى الموقع الآخر دون الحاجة إلى WooCommerce. WooCommerce مطلوب فقط لإعدادات النوافذ المنبثقة الخاصة بالمنتج وعلامات الدمج الخاصة به.

ما هي علامات الدمج المتاحة للصفحات العادية؟

عرض الرسائل في الدردشة العادية دعم {title} لعنوان الصفحة أو المنشور الحالي و {URL} لعنوان URL للصفحة الحالية.

ما هي علامات الدمج المتاحة في WooCommerce؟

دعم عرض الرسائل في دردشة ووكومرس {woo-itemName}, {woo-sku}, {woo-price}, {woo-regular}و {woo-discount}، بالإضافة إلى {title} و {URL}.

أين يمكنني العثور على تعليمات الإعداد الكاملة؟

اتبع دليل بريميو الكامل لاستخدام تخطيط عرض الدردشة Chaty لمعرفة عملية التكوين خطوة بخطوة.

ابدأ باستخدام Chaty Chat View

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

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