WAButton

الرمز المخصص في Webflow

زر WhatsApp لـ Webflow

يمكنك إضافة زر WhatsApp عائم إلى موقعك على Webflow. واختيار رسالة ترحيب ليتمكن الزوار من مراسلة رقم نشاطك التجاري.

إنشاء زر مجاني

إعداد في 2 دقيقة الموضع: Project Settings -> Custom Code -> Footer Code

التثبيت خطوة بخطوة على Webflow

هذه هي الخطوات لإضافة رمز تثبيت WAButton إلى موقعك على Webflow.

  1. 1

    فتح إعدادات مشروع Webflow

    يُفتح مشروعك في Webflow. ثم يتم الانتقال إلى Project Settings -> Custom Code.

    نصيحة: يمكنك أيضًا إضافة رمز مخصص إلى صفحات بعينها من إعدادات الصفحة في Webflow عند الحاجة.

  2. 2

    اللصق في رمز التذييل

    يتم التمرير إلى «Footer Code» (قبل الوسم </body>) ولصق المقتطف.

    نصيحة: يحصر WAButton أنماطه في أسماء أصناف تبدأ بالبادئة «wabutton-»، فتبقى أسماء أصناف Webflow وشبكة CSS لديك سليمة. 

    <script src="https://widget.wabutton.app/v1.js" data-widget-id="YOUR_WIDGET_ID" async></script>
  3. 3

    نشر الموقع

    يُنقر على «Save Changes»، ثم على «Publish» للنشر على نطاقك المخصص.

    نصيحة: يُستحسن النشر على نطاق الاختبار والنطاق الفعلي معًا للاختبار قبل موافقة العميل.

لماذا يختار أصحاب المتاجر والوكالات WAButton لـ Webflow

جمالية تليق بالمصممين

خطوط أنيقة وظلال خفيفة وتفاعلات دقيقة عالية الإتقان.

تسليم سلس لعملاء الوكالات

مشاركة معاينات تفاعلية حية للأداة مع العملاء قبل النشر.

لا يمسّ أصناف CSS لديك

تقتصر الأنماط على أسماء أصناف تبدأ بالبادئة «wabutton-» والمشغّل ثابت الموضع، لذا تبقى أصناف Webflow وتخطيط صفحتك كما هي.

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

هل ستتعارض أنماط WAButton مع أصناف CSS في Webflow؟

لا. يحصر WAButton أنماطه في أسماء أصنافه الخاصة التي تبدأ بالبادئة «wabutton-»، فلا تمسّ أصناف Webflow لديك.

أدوات مجانية ذات صلة

إنشاء روابط WhatsApp ورموز QR ورسائل لنشاطك التجاري.

المزيد من أدلة التثبيت

إضافة WhatsApp إلى .

وسيلة تتيح للزوار السؤال عن منتجاتك أو أسعارك أو مواعيدك المتاحة. والرد يكون من WhatsApp المعتاد لديك.

إنشاء زر مجاني معاينة زرك

خطة مجانية متاحة. دون بطاقة ائتمان.