مولد زر واتساب عائم للمواقع

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

إعدادات الزر

اكتب الرقم بصيغة دولية من دون علامة + أو مسافات.
اترك الحقل فارغًا لعرض أيقونة واتساب فقط.

المعاينة المباشرة

معاينة موقع إلكتروني
تواصل معنا

الكود الجاهز

انسخ الكود كاملًا ثم ألصقه قبل وسم </body> في موقعك.

تم نسخ الكود بنجاح.

ما هو زر واتساب العائم؟

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

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

طريقة إضافة زر واتساب إلى الموقع

  1. اكتب رقم واتساب بصيغة دولية.
  2. أضف الرسالة التي تريد ظهورها عند فتح المحادثة.
  3. حدد لون الزر وحجمه ومكان ظهوره.
  4. اضغط على زر توليد الكود.
  5. انسخ الكود كاملًا.
  6. ألصق الكود قبل وسم إغلاق الصفحة.

أين يمكن استخدام الكود؟

يمكن استخدام الكود في مواقع HTML، وصفحات الهبوط، ومدونات Blogger، وبعض أنظمة إدارة المحتوى التي تسمح بإضافة كود HTML مخصص. وفي WordPress يمكن وضعه داخل قالب الموقع أو باستخدام إضافة تسمح بإضافة أكواد إلى تذييل الصفحات.

هل يحتاج الزر إلى مكتبة خارجية؟

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

نصائح لاستخدام زر التواصل

أدوات مرتبطة

يمكنك أيضًا استخدام مولد رابط واتساب لإنشاء رابط مباشر، أو استخدام مولد رمز QR لمشاركة رابط التواصل عبر المطبوعات والشاشات.

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

هل الأداة مجانية؟

نعم، يمكنك توليد الكود ونسخه واستخدامه دون رسوم.

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

نعم، ويمكنك اختيار عرضه على الهاتف أو الكمبيوتر أو كليهما.

هل يجب كتابة علامة + قبل رمز الدولة؟

لا، اكتب الرقم بصيغة دولية من دون علامة + أو مسافات.

هل يمكن تغيير لون زر واتساب؟

نعم، تتيح الأداة اختيار أي لون يناسب هوية موقعك.