إعداد أداة محادثة WhatsApp

الخيار 1: أداة مع نافذة منبثقة

يعرض هذا الإصدار دعوة صغيرة لاتخاذ إجراء في نافذة منبثقة قبل إعادة توجيه الزائر إلى WhatsApp. وهو خيار رائع للتفاعل مع المستخدمين دون إزعاجهم.

أين تضيفه؟

الصق النص البرمجي التالي في نهاية موقعك الإلكتروني أو صفحتك المقصودة (قبل وسم </body> الختامي).

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

خيارات التخصيص:

• phoneNumber 📞 – رقم WhatsApp الخاص بنشاطك التجاري
• welcomeText 👋 – النص المعروض في النافذة المنبثقة
• customerMessage 💬 – رسالة مُعدة مسبقًا في مربع محادثة WhatsApp
• ctaText 🔘 – النص على زر النافذة المنبثقة
• brandName 🏷️ – اسم العلامة التجارية (اختياري)
• brandIconUrl 🖼️ – عنوان URL لأيقونة العلامة التجارية (اختياري)
• primaryColor 🎨 – لون أيقونة WhatsApp

<script>  window.ChakraChatWidgetSettings = {	teamId: 'your-team-short-id',    widgetType: 'whatsapp',    chatLauncherConfig: {      // primaryColor: '#13c2c2',    },    whatsappWidget: {      phoneNumber: '+91**01258455',      theme: 'classic',      classic: {        welcomeText: 'Do you have more questions?',        // brandName: 'ChakraHQ', // optional        // brandIconUrl: 'https://s3.ap-south-1.amazonaws.com/static-data.chakrahq.com/assets/images/chakra-icon-with-bg/icon-48x48.png', // optional        customerMessage: 'Tell me more',        ctaText: 'Chat Now'      }    }  };</script><script type="text/javascript" async defer src="https://embed.chakrahq.com/chat/v1/widget.js"></script>

الخيار 2: أداة بدون نافذة منبثقة

ينشئ هذا الإصدار زر WhatsApp عائمًا يفتح محادثة WhatsApp مباشرةً — وهو مثالي لواجهات المستخدم البسيطة.

أين تضيفه؟

ضع النص البرمجي في أسفل صفحتك، قبل وسم الإغلاق </body> مباشرةً.

خيارات التخصيص

• phoneNumber 📞 – رقم WhatsApp الخاص بنشاطك التجاري
• customerMessage 💬 – رسالة WhatsApp مُعدة مسبقًا
• primaryColor 🎨 – لون أيقونة WhatsApp

<script>  window.ChakraChatWidgetSettings = {	teamId: 'your-team-short-id',    widgetType: 'whatsapp',    chatLauncherConfig: {      // primaryColor: '#13c2c2',    },    whatsappWidget: {      phoneNumber: '9901258433',      theme: 'buttonOnly',      buttonOnly: {        customerMessage: 'Tell me more'      },    }  };</script><script type="text/javascript" async defer src="https://embed.chakrahq.com/chat/v1/widget.js"></script>