Configure it below and try it out right on this page. The bubble in the corner is the real widget, live.
Changes update the live preview and the snippet instantly.
Paste this before the closing </body> tag on your website.
Look at the bottom corner of this page. That's your widget, rendered from the settings above using the real embed script.
Download the free Chat Quotient Chrome extension to see and manage every conversation directly inside WhatsApp Web, a full WhatsApp CRM experience.
عنصر واجهة دردشة WhatsApp هو زر صغير يجلس في زاوية موقع ويب وعند النقر عليه، يفتح محادثة WhatsApp مع الشركة، إما مباشرة إلى رقم WhatsApp الخاص بالشركة أو من خلال نموذج قصير أولاً. يحل محل رابط "تواصل معنا" ثابت أو نموذج بريد إلكتروني بقناة معظم الزوار لديها بالفعل مفتوحة على هواتفهم.
إنه مختلف عن رابط "انقر للدردشة" السادس (مجرد نص أو رمز يفتح wa.me) من حيث أن عنصر واجهة المستخدم قابل للتكوين: الموضع والاللون والتحية المملوءة مسبقاً.
قم بتكوين عنصر واجهة المستخدم الخاص بك
أدخل رقم WhatsApp الخاص بك، ثم اختر لوناً وزاوية لعنصر واجهة المستخدم.
انسخ المقتطف
استخدم زر "نسخ المقتطف" أعلاه. إنها وسم <script> واحد، بدون ملفات أخرى أو تبعيات.
الصقه على موقعك
أضفه مباشرة قبل وسم الإغلاق </body> من HTML الموقع.
نشر
هذا كل شيء. يرسم عنصر واجهة المستخدم نفسه من المقتطف، بدون خطوة بناء أو خلفية أو حساب مطلوب.
بدون نموذج، بدون بريد إلكتروني، بدون إعادة تحميل الصفحة
يصل الزوار إليك في تطبيق لديهم بالفعل مفتوح على هواتفهم، بدلاً من الكتابة في نموذج اتصل وانتظر الرد.
يلتقي الزوار حيث هم بالفعل
WhatsApp هو تطبيق المراسلة الافتراضي لمليارات الأشخاص في جميع أنحاء العالم. بالنسبة لمعظم الزوار، لا يوجد شيء جديد للتحميل أو الاشتراك فيه.
تبدأ كل دردشة بسياق
رسالة تحية معبأة مسبقاً تعني أن المحادثة لا تبدأ بدون أساس. يصل الزوار إلى WhatsApp برسالتهم مؤطرة بالفعل.
أنت تتحكم بالضبط حيث يجلس
قم بتعيين اللون والزاوية والإزاحة بحيث يطابق عنصر واجهة المستخدم موقعك بدلاً من فقاعة افتراضية جنرية.
مجاني، بدون عملية موافقة
لا توجد طلبات WhatsApp Business API، لا يوجد رقم منفصل، لا يوجد رمز خارج وسم النص البرمجي الواحد.
زر الدردشة
رابط ثابت أو أيقونة تفتح محادثة WhatsApp عند النقر عليها. لا توجد إعدادات خارج رقم الوجهة.
عنصر واجهة الدردشة
نعم. عنصر واجهة إعادة التوجيه الذي تنشئه أعلاه (برقمك وألوانك وموضعك وتحيتك) مجاني، مع شارة صغيرة "Powered by Chat Quotient". تم التخطيط لنسخة Pro المدعومة بوكيل AI للمستقبل.
لا. يفتح عنصر واجهة المستخدم محادثة WhatsApp عادية باستخدام رقم WhatsApp الحالي الخاص بك. لا تتطلب موافقة Business API أو رقم منفصل.
نعم. إنه وسم <script> واحد بدون تبعيات، لذا فهو يعمل في أي مكان يمكنك لصق HTML فيه: WordPress، Shopify، Wix، Webflow، Squarespace، أو موقع مبني يدوياً.
لا يجب أن يكون ملحوظاً. السيناريو صغير، يتم تحميله باستخدام async و defer حتى لا يحجب صفحتك أبداً، وتم رسمه داخل Shadow DOM معزول حتى لا يتضارب مع أنماط موقعك.
ليس حتى الآن. التقاط العميل المحتمل قبل نقل WhatsApp موجود على الخارطة، وسنعيد تشغيل الزر هنا بمجرد أن يكون جاهزاً.
في أي مكان على خوادمنا. تعيش إعداداتك بالكامل داخل وسم البرنامج النصي الذي تلصقه على موقعك. لتغيير شيء ما لاحقاً، عد إلى هذه الصفحة وأعد التكوين ونسخ المقتطف الجديد (احتفظ بنسخة من الحالي، حيث لا نقوم بتخزينها لك).
"زر الدردشة" عادة ما يكون مجرد رابط ثابت يفتح WhatsApp. "عنصر واجهة الدردشة" (الذي تبنيه هذه الأداة) هو مشغل عائم مع تحية وموضع وألوان قابلة للتكوين.
أي رقم WhatsApp يعمل، شخصي أو تجاري. ما عليك سوى الإدخال برمز الدولة وبدون مسافات أو علامة زائد.