كيفية إضافة زر واتساب إلى ويب فلو (مجاني — لا حاجة لتطبيق)
أنت تبني على Webflow لأنك تريد السيطرة — تفاعلات نظيفة، تصميم دقيق، لا شيء مضاف بدون أن يكون له مكانه المستحق. يجب أن يتماشى زر WhatsApp مع هذه الفلسفة: لا تكامل ثقيل، لا تطبيق طرف ثالث يدير عملاءك، فقط نقرة واحدة من موقعك إلى محادثة WhatsApp حقيقية برقمك.
إليك كيفية إضافة زر واتساب عائم لأي موقع ويب فلو في حوالي دقيقتين — بدون تطبيق ويب فلو، بدون حساب، بدون رسوم شهرية.
الطريقة السريعة: افتح مجانا لدينا مولد زر واتساب لويب فلو، أدخل رقمك، اختر نمطًا، انسخ الكود والصقه في إعدادات الموقع → الشيفرة المخصصة → شيفرة التذييل. هذا هو الإعداد الكامل
لماذا تضع زر واتساب على موقع ويب فلو الخاص بك
- الدردشة تحول حيث تتردد النماذج. زائر في منتصف اتخاذ القرار — الأسعار، التوافر، طلب مخصص — يحصل على إجابات أسرع في واتساب من نموذج يجب عليهم التفكير فيه.
- واتساب هو المكان الذي يتواجد فيه عملاؤك. بالنسبة لمليارات الأشخاص، هو التطبيق الأكثر استخدامًا على الهاتف؛ الزر يقابلهم هناك.
- تصل الردود إلى هاتفك. يفتح الزر تطبيق واتساب برقمك ورسالة مُعبأة مسبقًا — يمكنك الرد خلال ثوانٍ من أي مكان، حتى أثناء التنقل.
- يتوافق بشكل جيد مع نظامك. تأتي الدردشات إليك مباشرة أولاً؛ قم بتوصيل نفس الرقم بـ The Tech Pad لاحقًا للحصول على إجابات بالذكاء الاصطناعي وصندوق بريد جماعي للفريق.
ما تحصل عليه مع المولد المجاني
ال مولد زر واتساب لـ Webflow يمنحك زرًا عائمًا حقيقيًا:
- 8 أنماط خاصة بـ WhatsApp فقط — الشعار الرسمي لواتساب وعلامات الفقاعة في أغطية بألوان العلامة التجارية (أخضر، أخضر داكن، أبيض، أزرق مخضر)
- رقمك + رسالة مسبقة التعبئة — ضع الرسالة الأولى التي يراها الزوار
- الشكل والحجم والموقع — مستدير أو مربع، على اليسار أو اليمين، بأي حجم
- عرض مباشر — رؤية الزر بالضبط قبل نسخ أي شيء
- لا حاجة لحساب، لا مفتاح API، لا تكلفة — مجاني إلى الأبد
| القدرة | زر مجاني | ترقية The Tech Pad |
|---|---|---|
| يبدأ الزوار محادثة WhatsApp باستخدام رقمك | ✅ | ✅ |
| أنماط واتساب فقط + معاينة مباشرة | ✅ | ✅ |
| الذكاء الاصطناعي يجيب 24/7 بلغة العميل | — | ✅ |
| صندوق بريد واحد لفريقك لمحادثات واتساب + الموقع | — | ✅ |
| واجهة برمجة التطبيقات الرسمية لواتساب الأعمال (ميتافيرس) | — | ✅ |
| السعر | مجاني إلى الأبد | مجاني للبدء |
أضف الزر إلى Webflow في 3 خطوات
- انشئ الكود الخاص بك. افتح المولد المجاني، أدخل رقم واتساب الخاص بك مع رمز الدولة (أرقام فقط، على سبيل المثال
919876543210)، اختر نمطًا وانقر نسخ الكود. - افتح الكود المخصص. في مصمم Webflow اضغط W (أو انقر على شعار W أعلى اليسار) وافتح الكود المخصص.
- الصقه في كود التذييل وانشره. الصق الكود في كود التذييل الصندوق — يتم تحميله في كل صفحة، قبل وسم الإغلاق body مباشرة — انقر احفظ التغييرات، ثم انشر.
الكود عبارة عن وسم سكربت صغير واحد يتم تحميله بشكل غير متزامن، لذا لن يبطئ موقعك:
<script async src="https://thetechpad.com/chat/widget.js" data-ttp-wa="919876543210" data-ttp-wa-icon="wa-classic" data-ttp-wa-shape="round" data-ttp-wa-size="56" data-ttp-wa-pos="right"></script>متى يصبح مباشرًا؟ يتم تطبيق الكود المخصص عند نشر موقعك على خطة Webflow (بما في ذلك الطبقة المدفوعة المبتدئة). على النطاق التجريبي المجاني، يتم عرضه لأغراض المعاينة — انشر، وسيتمكن زوارك من رؤية الزر.
لماذا الكود بدلًا من تطبيق Webflow؟
تضيف تطبيقات وعمليات التكامل في Webflow قوة حقيقية، لكن زر WhatsApp العائم الواحد لا يحتاج إلى ذلك: لا تثبيت من السوق، لا طلبات أذونات، لا اشتراك. مسار الكود يجعله خفيفاً:
- لا حاجة للتثبيت أو الموافقة — فقط كود مخصص ونقرة نشر
- رقمك، قواعدك — تصل الدردشات إلى رقم WhatsApp الذي تختاره، وليس إلى صندوق وارد طرف ثالث
- نفس الشفرة تعمل في أماكن أخرى — تشغيل Shopify, Squarespace, Blogger, HubSpot أو Wix موقع أيضا؟ كل واحد له صفحة مولّد خاصة به مع خطوات اللصق.
هل تريد أن يجيب الزر نيابةً عنك؟
الزر هو الخطوة الأولى — التالية هي الرد فوراً، حتى عندما تكون مشغولاً أو نائماً. The Tech Pad يجعل نفس رقم واتساب مساعد ذكاء اصطناعي يعمل على مدار الساعة:
- الذكاء الاصطناعي يجيب فورًا من موقعك وصفحات منتجاتك — بلغة عميلك
- صندوق وارد فريق مشترك واحد لمحادثات واتساب والدردشة على الموقع والإشعارات
- واجهة برمجة تطبيقات واتساب للأعمال الرسمية على رقمك الذي تم التحقق منه من Meta
- مجاني للبدء، بدون بطاقة ائتمان — اتصل على thetechpad.com
دقيقتان اليوم تمنحك زر WhatsApp نشط على Webflow. إضافة The Tech Pad لاحقاً تجعله يجيب نيابة عنك.