الوصف
محادثة واتساب. مكّن زوّار صفحتك من التواصل معك عبر “WhatsApp” أو “WhatsApp Business” بنقرة واحدة (محادثة واتساب، مجموعة).
الرئيسية | عرض توضيحي | التوثيق | الدعم | PRO
محادثة واتساب
أضف رقم ‘WhatsApp’ أو ‘WhatsApp Business’ ودع زوّار موقعك يتواصلون معك بنقرة واحدة.
📱 الجوال: افتح تطبيق واتساب على الجوال لاتصال سلس.
💻 سطح المكتب: وجّه الزوّار إلى تطبيق واتساب لسطح المكتب أو صفحة واتساب ويب (web.whatsapp.com)
💎 الأنماط
اختر نمطا يكمّل تصميم موقعك.
- 8 أنماط/تصاميم قابلة للتخصيص ومحددة مسبقا
- أضف صورتك/GIF الخاصة
- عنصر/تصميم مخصص (حوّل أي عنصر إلى عنصر محادثة واتساب)
- الأكواد القصيرة (أضف زر/أيقونة واتساب ضمن المحتوى مباشرة)
- أنماط ومواضع مختلفة للجوال وسطح المكتب
- اختر نمطا وخصّصه ليطابق تصميم الموقع
قائمة الأنماط | 🎨تخصيص الأنماط
💡 أضف صورتك
بدلا من اختيار نمط محدد مسبقا، أضف أي صورة/صورة متحركة/GIF.
🌈 عنصر مخصص
حوّل أي عنصر إلى عنصر محادثة واتساب بإضافة
- اسم Class/ID: ‘ctc_chat’ (أو)
- Href/الرابط: ‘#ctc_chat’
سينتقل عنصر التصميم المخصص إلى واتساب بناء على إعدادات الإضافة (رقم واتساب، الرسالة المُعبّأة مسبقا، التحليلات، …. ).
(مثل عنصر قائمة، زر، صورة، رابط – أضف فقط ctc_chat كاسم فئة)
🎉 نافذة الترحيب
أضف نوافذ ترحيب قابلة للتخصيص لجذب انتباه المستخدم وزيادة التفاعل. ادمج هذه الترحيبات في موقعك بسلاسة لتفاعل أفضل.
- الترحيب-1 – تصميم قابل للتخصيص: خصّص التصميم ليطابق هويتك مع تحكّم كامل في الخطوط والألوان والصور والمزيد.
- الترحيب-2 – محتوى مخصص: قدّم رسائل مركّزة تلقى صدى فعّالا لدى مستخدميك.
📝 ملء النموذج
احصل على المعلومات اللازمة من زوّار الموقع قبل بدء المحادثة.
- احصل على تنبيه بالبريد الإلكتروني عند ملء المستخدم النموذج.
- استدعِ Webhook ببيانات النموذج للتكامل مع تطبيقات أخرى. باستخدام أدوات التكامل، أضف البيانات في Google Sheet وأنظمة CRM والعديد من التطبيقات الأخرى.
- يمكن تعبئة بيانات النموذج مسبقا في نافذة محادثة واتساب.
PRO: نموذج-الترحيب
👥 متعدد الوكلاء
أضف حسابات محادثة واتساب متعددة داخل نافذة ترحيب واحدة.
- يمكننا ضبط نطاقات زمنية مختلفة لكل وكيل. (24×7 أو نطاقات زمنية متعددة لكل يوم من الأسبوع).
- الوكلاء غير المتصلين
- المحادثة عند عدم الاتصال (يعرض الوكيل مع وقت التوفّر التالي).
- تعطيل المحادثة (يعرض الوكيل مع وقت التوفّر التالي).
- إخفاء الوكلاء غير المتصلين
PRO: متعدد الوكلاء
⌛ إجراءات الترحيب
- إجراء النقر: يعرض نافذة الترحيب عند نقر المستخدم على أي عنصر باسم الفئة: ‘ctc_greetings’.
- إجراء ViewPort: يعرض الترحيبات عندما يكون عنصر داخل/يصل إطار العرض (هامش 25%) باسم الفئة: ‘ctc_greetings_now’ [PRO]
- إجراءات الوقت والتمرير: عرض الترحيبات حسب الوقت والتمرير [PRO]
تعزّز هذه الإجراءات تفاعل المستخدم بإطلاق رسائل الترحيب في اللحظات المناسبة، مما يحسّن التفاعل وكفاءة الدعم.
🔴 شارة التنبيه
اجذب انتباه المستخدم بعرض شارة تنبيه على عنصر محادثة واتساب.
خصّص شارة التنبيه بعدد التنبيهات ولون النص ولون الخلفية ولون الإطار والمهلة الزمنية لعرض شارة التنبيه.
✳️ موضع العرض
- أضف واتساب في أي موضع على الشاشة
(دون الاقتصار على المواضع الثابتة). - مواضع مختلفة للجوال وسطح المكتب.
⏩ الرسالة المُعبّأة مسبقا
النص الذي يظهر في نافذة محادثة واتساب عند نقر المستخدم على واتساب.
يمكن للمستخدمين بدء المحادثة بسهولة.
متغيّرات لتغيير القيم ديناميكيا
- {site} -> عنوان الموقع
- {title} -> عنوان الصفحة
- {url} -> رابط صفحة الويب
- [url] -> الرابط الكامل لصفحة الويب بما فيه معاملات الاستعلام
بهذه المتغيّرات، يمكننا فهم الصفحة التي بدأ منها المستخدم محادثة واتساب.
🛍️ WooCommerce
صفحات منتجات WooCommerce
في WooCommerce، يمكن لصفحات المنتج المفردة تجاوز الإعدادات الرئيسية لإضافة رسالة خاصة بالمنتج باستخدام متغيّرات ديناميكية.
- الرسالة المُعبّأة مسبقا
- دعوة الإجراء
- قالب الترحيب والمحتوى [PRO]
متغيّرات إضافية، خاصة بصفحة منتج WooCommerce المفردة لتغيير القيم ديناميكيا
- {product} -> اسم المنتج
- {price} -> سعر المنتج (السعر الحالي)
- {regular_price} -> سعر المنتج العادي (دون أي تخفيض)
- {sku} -> وحدة حفظ المخزون
لصفحات المتجر والسلّة وإتمام الطلب والحساب، يمكننا التجاوز في إعدادات مستوى الصفحة
إضافة واتساب – صفحات المنتج المفردة
أضف زر واتساب أو أيقونته في صفحات منتج WooCommerce المفردة.
- قبل المحتوى الرئيسي
- قبل المنتج
- قبل ملخّص المنتج
- ملخّص المنتج
- قبل نموذج الإضافة إلى السلّة
- قبل زر السلّة
- بعد زر السلّة
- بعد نموذج الإضافة إلى السلّة
- بعد المنتج
- بعد ملخّص المنتج
يمكننا إضافة متغيّرات ديناميكية لدعوة الإجراء.
مثال: اشترِ {product}
سيُستبدل {product} باسم المنتج في كل صفحات المنتجات.
إضافة أيقونة/زر واتساب في صفحات منتجات WooCommerce
إضافة واتساب – صفحة المتجر
أضف واتساب إلى قائمة منتجات WooCommerce (صفحة المتجر، قائمة المنتجات ذات الصلة)
📒 إعدادات مستوى الصفحة
على مستوى الصفحة، يمكننا تجاوز الإعدادات لكل مقالة. يمكننا إضافة رقم واتساب ورسالة مُعبّأة مسبقا ودعوة إجراء مختلفة لكل مقالة
(أثناء تحرير المقالة، في صندوق meta الخاص بـ ‘Click to Chat’ في الشريط الجانبي الأيمن)
- رقم واتساب
- دعوة الإجراء
- الرسالة المُعبّأة مسبقا
- إعدادات العرض
PRO:
- تغيير الأنماط
- المهلة الزمنية
- مهلة التمرير
- قالب الترحيب
- محتوى ترويسة الترحيب والرئيسي والسفلي
📈 التحليلات
يُنشئ حدثا عند نقر المستخدم على أيقونة/زر واتساب.
Webhooks
اربط تطبيقات أخرى باستخدام أدوات التكامل والأتمتة مثل Zapier و IFTTT و Pipedream وغيرها.
⭐ PRO
- متعدد الوكلاء: يعرض حسابات محادثة واتساب متعددة
- حدّد نطاقات زمنية متعددة لتوفّر كل وكيل
- أخفِ الوكلاء غير المتصلين أو اعرض الوكيل عند عدم الاتصال مع وقت التوفّر التالي
- أرقام عشوائية: ينتقل إلى رقم واتساب عشوائي من القائمة المحددة مسبقا
- النموذج: احصل على المعلومات اللازمة من زوّار الموقع قبل بدء المحادثة
- احصل على تنبيه بالبريد الإلكتروني عند ملء المستخدم النموذج.
- استخدم Webhooks لإرسال بيانات النموذج إلى تطبيقات خارجية في الوقت الفعلي لتكامل سلس.
- عبّئ رسائل واتساب مسبقا ببيانات النموذج المُقدّمة من المستخدم لتبسيط المحادثات
- ساعات العمل: إعدادات الاتصال/عدم الاتصال
- حدّد ساعات العمل لنطاق زمني معيّن خلال اليوم، وأيام معينة في الأسبوع.
- أخفِ الودجة خلال ساعات عدم الاتصال أو غيّر أرقام واتساب ودعوة الإجراء تلقائيا.
- العرض حسب دولة زائر الموقع
- Webhooks – متغيّرات ديناميكية
- {url} – رابط الصفحة الحالية.
- {time} – وقت تفاعل المستخدم مع زر/أيقونة واتساب.
- {number} – رقم واتساب المرتبط بالأيقونة/الزر.
- احصل على القيم من معاملات الرابط بإضافة الاسم بين قوسين مربّعين مفردين. مثال: [gclid]، [utm_source]
- احصل على القيم من ملفات تعريف الارتباط بإضافة الاسم بين قوسين مربّعين مزدوجين. مثال: [[cookie_name]]
- احصل على قيم إضافية في Google Analytics و Meta Pixel
- احصل على القيم من معاملات الرابط. مثال: [gclid]، [utm_source]
- احصل على القيم من ملفات تعريف الارتباط. مثال: [[cookie_name]]
- إجراءات الترحيب: (لكل نوافذ الترحيب: الترحيب-1، الترحيب-2، النموذج، متعدد الوكلاء)
- عرض الترحيبات ديناميكيا حسب إجراءات المستخدم مثل
- Time: الوقت المُقضى في الصفحة،
- Scroll: نسبة تمرير الصفحة،
- Click: نقرات أزرار محددة
- ViewPort: عندما يصبح عنصر مرئيا في إطار العرض.
- عرض الترحيبات ديناميكيا حسب إجراءات المستخدم مثل
- موضع العرض
- Fixed: موضع ثابت على الشاشة (الموضع الافتراضي)
- Absolute: موضع ثابت بالنسبة لمحتوى body. (يتحرك عند تمرير المستخدم الصفحة)
- المهلة الزمنية & مهلة التمرير: اعرض ودجة واتساب بعد مهلة زمنية محددة أو بمجرّد تمرير المستخدم نسبة معينة من الصفحة.
- العرض حسب حالة تسجيل دخول زائر الموقع
- إعدادات مستوى الصفحة: اضبط سلوك زر واتساب بدقة لصفحات فردية. غيّر الأنماط والمهل الزمنية ومهلة التمرير وقالب الترحيب ومحتوى الترحيب
- WooCommerce: خصّص سلوك ودجة واتساب تحديدا لصفحات WooCommerce
- تجاوز قالب الترحيب والمحتوى لصفحات المنتج المفردة.
- تجاوز الإعدادات لصفحات المتجر وإتمام الطلب والحساب في إعدادات مستوى الصفحة
🔆 PRO
🎯 التوطين
Click to Chat متوافق مع إضافات الترجمة. WPML و Polylang.
من السهل إعداد قيم مختلفة لكل لغة
- رقم واتساب
- دعوة الإجراء
- الرسالة المُعبّأة مسبقا
- محتوى الترحيب
- معرّف المجموعة
- نص المشاركة
🚀 الأداء
- غنيّ بالميزات، لكن واجهة الموقع الأمامية خفيفة جدا.
نركّز بشدّة على السرعة والأداء.
👓 إعدادات العرض
خصّص ظهور الودجة بإظهار الأنماط أو إخفائها حسب إعدادات محددة، مثل:
- نوع المحتوى
- معرّف المقالة
- اسم التصنيف
- نوع الجهاز (الجوال، سطح المكتب)
- صفحات منتج WooCommerce المفردة
PRO:
- المهلة الزمنية
- مهلة التمرير
- النطاق الزمني المحدد في اليوم
- الأيام المحددة في الأسبوع
- حالة تسجيل دخول زائر الموقع
- دولة زائر الموقع
✅ الموافقة
اجعل مستخدمي الموقع يوافقون / يقبلون قبل بدء المحادثة.
⛳ الأكواد القصيرة
استخدم الأكواد القصيرة لإدراج أيقونة أو زر واتساب ضمن محتوى المقالة ومنطقة الودجات مباشرة.
غيّر قيم الإعدادات الافتراضية باستخدام سمات الكود القصير – رقم واتساب، النمط، الرسالة المُعبّأة مسبقا، دعوة الإجراء.
أكواد المحادثة القصيرة
[ht-ctc-chat]
لتغيير رقم واتساب استخدم السمة ‘number’
[ht-ctc-chat number=915123456789]
المجموعة
فعّل ميزة محادثة المجموعة وأضف معرّف مجموعة واتساب في إعدادات الإضافة.
سهّل على عملائك الانضمام إلى مجموعة واتساب.
المشاركة
دع المستخدمين يشاركون موقعك مع جهات اتصالهم على واتساب واحصل على مزيد من العملاء المحتملين.
🌏 ساعد في ترجمة الإضافة
ساعد عبر ترجمة الإضافة لتتوفّر بمزيد من اللغات
لقطات الشاشة
التنصيب
البدء سريع وبسيط. يمكنك تنصيب الإضافة مباشرة من لوحة تحكم ووردبريس أو يدويا عبر FTP.
🚀 التنصيب من لوحة تحكم ووردبريس (مُوصى به)
- سجّل الدخول إلى لوحة تحكم ووردبريس.
- انتقل إلى الإضافات > أضف جديدا في الشريط الجانبي الأيسر.
- في شريط البحث أعلى اليمين، اكتب
Click to Chat. - ابحث عن الإضافة في نتائج البحث. تأكّد من أنها من تطوير HoliThemes، وانقر التنصيب الآن.
- بمجرّد اكتمال التنصيب، انقر تفعيل.
📂 التنصيب اليدوي (عبر FTP)
إن كنت تفضّل تنصيب الإضافة يدويا، فاتّبع التعليمات أدناه:
- نزّل ملف ZIP الخاص بالإضافة واستخرج محتوياته.
- ادخل إلى خادم موقعك باستخدام عميل FTP أو مدير الملفات.
- ارفع المجلد المُستخرَج إلى الدليل
/wp-content/plugins/على خادمك. - انتقل إلى قائمة الإضافات في لوحة تحكم ووردبريس.
- حدّد موقع Click to Chat في القائمة وانقر تفعيل.
🚀 ما التالي؟ (إعداد سريع)
بمجرّد التفعيل، لا يستغرق إعداد زر محادثة واتساب أكثر من دقيقة:
- في لوحة تحكم ووردبريس، انتقل إلى قائمة Click to Chat المُضافة حديثا في الشريط الجانبي الأيسر.
- أدخل رقم واتساب (مع رمز الدولة، لكن دون
+أو00). - اختر تخطيطا جميلا من اختيار النمط ليطابق تصميم موقعك.
- أضف رسالة مُعبّأة مسبقا (اختياري) لتسهيل بدء المستخدمين محادثة معك.
- انقر حفظ التغييرات.
🎉 كل شيء جاهز! يمتلك موقعك الآن زر محادثة واتساب فعّالا بالكامل وعالي التفاعل.
للتخصيصات المتقدمة – مثل نوافذ الترحيب وإعدادات مستوى الصفحة والتحليلات وتكامل WooCommerce – استكشف التبويبات الإضافية في قائمة Click to Chat أو زُر التوثيق.
الأسئلة المتكررّة
-
رقم واتساب
-
أدخل رقم واتساب مع رمز الدولة
مثال:
رمز الدولة +1
الرقم: 6123456789
** رقم واتساب: 16123456789 ** -
الرسالة المُعبّأة مسبقا
-
النص الذي يظهر في نافذة محادثة واتساب عند نقر المستخدم على واتساب.
أضف متغيّرات لتغيير القيم ديناميكيا
{url} -> Web page URL {title} -> Page Title {site} -> Website Titleمثال:
Hi {site}!! I like to know more information about this {title}, {url}.متغيّرات لصفحات منتج WooCommerce المفردة
{product} -> Product Name {price} -> Product Price (current price might be the sale price/regular price) {regular_price} -> Regular product price (with out any sale) {sku} ->Stock keeping unitمثال:
Hi {site}!! Name: I like to buy this {product}, {url}بهذا النص المُعبّأ مسبقا، يمكننا معرفة الصفحة التي بدأ منها المستخدم المحادثة، والغرض من التواصل، وتفاصيله
الرسالة المُعبّأة مسبقا
الرسالة المُعبّأة مسبقا لـ WooCommerce -
اختيار الأنماط
-
اختر الأنماط/الودجة التي تطابق التصميم
* خصّص النمط ليطابق تصميم الموقع.
* أضف صورتك/GIF الخاصة
* عنصر/تصميم مخصص (حوّل أي عنصر إلى عنصر محادثة واتساب)
* اختر أنماطا مختلفة للجوال وسطح المكتب لمطابقة تصميم الموقع. -
موضع عرض الأنماط
-
أضف الأنماط في أي موضع على الشاشة (دون الاقتصار على المواضع المحددة).
إعدادات موضع العرض
مثال:
الزاوية السفلية اليمنى:
bottom: 10px
right: 10pxوسط الشاشة (أسفل-الوسط)
bottom: 10px
right: 50%وسط الشاشة (يسار-الوسط)
bottom: 50%
right: 10pxتدعم الإضافة كل وحدات CSS كلاحقة. (px، %، rem،…)
-
GDPR
-
“Click to Chat” لا يجمع أي بيانات للمستخدم ولا يستخدم ملفات تعريف الارتباط.
موافقة المستخدم قبل بدء المحادثة.
-
العرض في الدول المحددة فقط
-
الإظهار/الإخفاء في الصفحات/الأجهزة المحددة
-
الإظهار في الصفحات المحددة فقط
-
التوطين: غيّر الرقم والمحتوى لكل لغة / صفحة
-
يمكننا تغيير القيم لكل لغة عند استخدام WPML أو Polylang للترجمة.
من إعدادات WPML / Polylang -> ‘String Translations’ وصفّي النصوص إلى ‘Click to chat for WhatsApp’ وغيّر القيمة حسب اللغة.
- إدخال المستخدم (قيم إعدادات الإضافة): – ‘Click to chat for WhatsApp’
- نصوص الإدارة (إعدادات الإضافة) – نطاق النص: ‘click-to-chat-for-whatsapp’
-
دعوة/محادثة مجموعة واتساب
-
تفعيل ميزة المجموعة أضف معرّف مجموعة واتساب في صفحة إعدادات الإضافة. ودع المستخدم ينضم إلى مجموعة واتساب.
-
تفعيل ميزة المشاركة ودع المستخدمين يشاركون موقعك بسهولة.
أضف متغيّرات لتغيير القيم ديناميكيا
{url} -> رابط صفحة الويب
{title} -> عنوان الصفحة
{site} -> عنوان الموقعنص المشاركة – مثال:
اطّلع على هذه الصفحة الرائعة {title}، {url}
-
توافق AMP
-
Click to Chat متوافق مع إضافة AMP. لا يُحمّل AMP ملفات JavaScript الخاصة بالإضافات، لذا تتوفّر وظائف محدودة.
-
🔧 استكشاف الأخطاء الأساسي
-
- مسح ذاكرة التخزين المؤقت
- من إضافات ذاكرة التخزين المؤقت
- ذاكرة التخزين المؤقت من جانب الخادم (بعض مزوّدي الاستضافة يضيفون هذه الوظيفة افتراضيا)
- ذاكرة CDN المؤقتة (إبطال ذاكرة التخزين المؤقت)
- راجع إعدادات العرض
- إعدادات مستوى الصفحة
✍️ لأي استفسارات، يُرجى التواصل معنا.
- مسح ذاكرة التخزين المؤقت
-
❤️ الدعم / التواصل
-
لأي مشكلات في الإضافة / اقتراحات:
- ووردبريس موضوع جديد
-
⭐️ اترك مراجعة
-
إن كان Click to Chat يساعد موقعك على التواصل مع الزوّار، فسنكون ممتنّين حقا لو خصّصت لحظة لترك تقييم من خمس نجوم على WordPress.org.
تساعدنا ملاحظاتكم على تحسين الإضافة ومواصلة بناء ميزات مفيدة للمجتمع.
شكرا لدعمكم!
– فريق Click to Chat، HoliThemes
المراجعات
المساهمون والمطوّرون
“Click to Chat – HoliThemes” هو برنامج مفتوح المصدر. وقد ساهم هؤلاء الأشخاص بالأسفل في هذه الإضافة.
المساهمون
لقد تم ترجمة ”Click to Chat – HoliThemes“ إلى 11 لغة. شكراً إلى جميع المُترجمين لمُساهماتهم.
ترجمة ”Click to Chat – HoliThemes“ إلى لغتك.
مُهتم بالتطوير؟
تصفّح الشفرة، تحقق من مستودع SVN، أو الاشتراك في سجل التطوير بواسطة RSS.
سجل التغييرات
4.43
- New: Customize style and greetings settings inline directly within the style picker, eliminating the separate Customize tab.
- Enhancement: Admin UI for a smoother experience.
4.42.1
- Fix: Phone number field in the settings page showing as a plain text field.
4.42
- New: Click Tracking Compatibility – optionally render the chat and greetings click area as a link or button, so third-party click tracking tools that supports only button or a link can record clicks.
- Enhancement: Updated the international phone number field library.
- Enhancement: The phone number field interface is now translated into the admin language.
4.41
- جديد: واجهة مستخدم إدارية مُعاد تصميمها، يمكنك التبديل إليها في أي وقت من صفحة إعدادات الإضافة.
- تحسين: إعادة هيكلة معلمات التحليلات لـتحليلات جوجل و GTM و بكسل ميتا.
- إصلاح: مشكلة ملء الرسائل المسبقة في إعدادات مستوى الصفحة على عدة أسطر.
- إصلاح: لا يتم عرض الرموز التعبيرية بشكل صحيح في حقول الرسائل المعبأة مسبقًا وحقول دعوة المستخدم لاتخاذ إجراء.
4.40
- تحسين: تحسينات على واجهة الإدارة لتجربة مستخدم أفضل.
- إصلاح: إصلاحات بسيطة للأخطاء وتحسينات في الأداء.
4.39
- إصلاح: إعداد ودجة صفحة منتج WooCommerce المفردة مع إضافات تعدّد اللغات.
- إصلاح: كانت إعدادات الصفحة الرئيسية تُورَّث خطأ من صفحات أخرى عند عدم ضبطها كصفحة مفردة.
4.38
- إصلاح: اللون الأولي للنمط 6 لم يُطبَّق.
- إصلاح: نافذة الترحيب تُحمّل قيما احتياطية إن لم تُوجد في قاعدة البيانات.
4.37
- إصلاح: Webhook لا يعمل مع بعض أدوات التكامل.
4.36
- تحسين: ميزة Google Analytics.
4.35
- تحسين: ميزة CSS المخصص.
- تحسين: إعدادات سمة aria-hidden.
4.34
- تحسين: إضافة إعدادات لإرسال كائنات dataLayer إلى Google Tag Manager.
- تحسين: ودجة المحادثة تعمل الآن في صفحات متجر WooCommerce مع دعوة إجراء ورسائل مُعبّأة مسبقا على مستوى الصفحة.
- تحسين: إضافة ميزة شارة التنبيه.
- إصلاح: الأكواد القصيرة لم تكن تعمل مع المتغيّرات الخاصة بـ WooCommerce.