<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700&family=Inter:wght@400;500;600;700&family=Poppins:wght@400;500;600;700;800&display=swap"> <link rel="stylesheet" href="https://kit.fontawesome.com/dcf99332e3.css" crossorigin="anonymous">
واتساب API

زر واتساب للموقع: أنشئ زراً عائماً وانسخ الكود مجاناً

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

فريق مدير 360نُشر 27 أغسطس 2026 · 3 دقائق قراءة
شارك:واتسابXLinkedIn
الجواب المختصر

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

01صمّم زرك وانسخ الكود

صانع زر واتساب لموقعكعدّل الرقم والنص واللون، وشوف الزر على موقع تجريبي، ثم انسخ الكود.
المكان
اللون
yourstore.com
أهلاً! كيف نقدر نساعدك؟
راسلنا على واتساب
<!-- WhatsApp button -->
<div style="position:fixed;bottom:84px;left:20px;z-index:9999;max-width:240px;background:#fff;color:#0F1B33;padding:10px 14px;border-radius:14px;box-shadow:0 8px 24px rgba(0,0,0,.15);font:14px/1.6 sans-serif" dir="rtl">أهلاً! كيف نقدر نساعدك؟</div>
<a href="https://wa.me/966500000000" target="_blank" rel="noopener" dir="rtl" style="position:fixed;bottom:20px;left:20px;z-index:9999;display:flex;align-items:center;gap:8px;padding:14px 20px;border-radius:999px;background:#15803D;color:#fff;font:600 15px/1 sans-serif;text-decoration:none;box-shadow:0 8px 24px rgba(0,0,0,.2)">راسلنا على واتساب</a>
الصق الكود قبل وسم ‎</body>‎ في موقعك. لا يحتاج أي مكتبة.

الكود لا يرسل أي بيانات لأي خادم. هو رابط ثابت إلى رقمك على واتساب.

02وين تحط الكود؟

منصة موقعك · مكان الكود
منصة موقعكمكان الكود
سلة أو زدإعدادات المتجر ثم الأكواد المخصصة (قبل نهاية الصفحة)
ووردبريسإضافة لإدراج الأكواد في التذييل، أو ملف القالب
شوبيفايتعديل القالب ثم ملف theme.liquid قبل ‎</body>‎
موقع مبرمجفي القالب الرئيسي قبل ‎</body>‎

أسماء القوائم قد تختلف حسب إصدار المنصة.

035 نصائح ترفع عدد المحادثات من الزر

  1. اكتب نصاً يشرح الفائدة: «اسأل عن مقاسك» أفضل من «تواصل معنا».
  2. رسالة ترحيب بسؤال واحد واضح.
  3. رسالة جاهزة مختلفة لكل صفحة منتج، ليعرف الوكيل ماذا يريد العميل.
  4. لا تغطي زر الشراء أو السلة في الجوال.
  5. رد خلال ثوانٍ، وإلا الزر يجيب عملاء يتضايقون.

04الزر وحده ما يكفي

الزر يفتح الباب، لكن البيع يصير في المحادثة. إذا كانت المحادثات تنتظر موظفاً مشغولاً، الزر يتحول لمصدر شكاوى. اربط رقمك بواتساب بزنس API وفعّل وكيل ذكاء اصطناعي، ووزّع المحادثات على فريقك تلقائياً.

اقرأ أيضاًرابط واتساب مباشر: أنشئ رابطك وزر واتساب لموقعك مجاناً
اقرأ أيضاًالرد الآلي على واتساب: خدمة عملاء 24 ساعة بدون فريق ليلي

05قِس نتائج الزر

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

الخلاصة

  • زر واتساب رابط wa.me ثابت في زاوية الصفحة.
  • صمّمه بالأداة وانسخ الكود قبل نهاية الصفحة.
  • نص الزر ورسالة الترحيب يرفعان عدد المحادثات.
  • اربطه بوكيل AI ليتحول كل ضغط زر إلى طلب.

الأسئلة الشائعة

هل الزر مجاني؟

نعم، الزر رابط مجاني. الرسوم تخص رسائل القوالب التي ترسلها أنت عبر واتساب بزنس API.

هل يعمل على الجوال والكمبيوتر؟

نعم، على الجوال يفتح التطبيق، وعلى الكمبيوتر يفتح واتساب ويب أو تطبيق سطح المكتب.

هل أقدر أعرف أن العميل جاء من الموقع؟

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

  • #إضافة زر واتساب للموقع
  • #أيقونة واتساب للموقع
  • #كود زر واتساب
  • #واتساب ويدجت
فريق مدير 360نكتب أدلة عملية للشركات العربية التي تبيع وتخدم عملاءها عبر واتساب والمكالمات. آخر تحديث لهذا المقال: 27 أغسطس 2026.

جاهز تطبّق اللي قرأته؟

واتساب وإنستغرام وماسنجر ومكالمات في صندوق واحد، ووكيل AI يبيع، ونظام CRM بالفواتير. جرّب مدير 360 مجاناً 7 أيام، بدون بطاقة ائتمان.