معاينة مباشرة
يظهر الكود نفسه الذي ستنسخه على صفحة تجريبية أثناء التعديل.
زر دردشة واتساب مجاني للمواقع
منشئ أداة واتساب لموقعك
صمّم زر واتساب عائماً، وشاهده مباشرة على صفحة تجريبية، ثم انسخ مقتطف HTML صغيراً. يعمل على WordPress وShopify وWix وSquarespace وWebflow والمواقع المبرمجة يدوياً، دون إضافات أو سكربتات خارجية ودون تتبع زوارك.
أدرج رمز الدولة. لا مشكلة في المسافات والشرطات وعلامة + في البداية.
يرى الزائر هذا النص في واتساب ويمكنه تعديله قبل الإرسال. لا يُرسل شيء تلقائياً.
كود التضمين: الصقه قبل </body>
أدخل رقم واتساب لإنشاء كود التضمين.
مجاني ودون تسجيل. يُنشأ داخل متصفحك، ولا يُرسل أي شيء تكتبه إلى MyChatWrap.
ما هي أداة واتساب للموقع؟
أداة واتساب هي زر مثبت في زاوية موقعك يفتح عند النقر محادثة واتساب مع نشاطك التجاري. ينشئ هذا المنشئ كود HTML وCSS خالصاً: رابط wa.me منسقاً مع فقاعة ترحيب اختيارية. ولأنه لا يحمّل شيئاً من خادم آخر، فوزنه شبه معدوم ولا يمكن أن يبطئ موقعك ولا يحتاج إلى شريط ملفات تعريف الارتباط.
زر دردشة خفيف تتحكم فيه بالكامل
دون سكربت أو تتبع
HTML وCSS خالصان بحجم 1 كيلوبايت تقريباً، دون طلبات لجهات خارجية أو ملفات تعريف ارتباط.
نص ولون مخصصان
استخدم عبارة مثل «راسلنا» أو زراً دائرياً بأيقونة فقط بلون علامتك.
فقاعة ترحيب
رسالة اختيارية فوق الزر تدعو الزوار إلى بدء المحادثة.
مناسب للهواتف
يمكن أن يتحول إلى أيقونة فقط على الهواتف حتى لا يغطي المحتوى.
سهل الوصول افتراضياً
يتضمن تنسيق التركيز للوحة المفاتيح وتسمية لقارئات الشاشة.
كيف تضيف واتساب إلى موقعك
1. أدخل رقمك
أضف رقم واتساب أو واتساب للأعمال مع رمز الدولة.
2. صمّم الزر
حدد النص والترحيب واللون والموضع والرسالة المكتوبة مسبقاً.
3. الصق الكود
انسخ المقتطف والصقه مباشرة قبل </body> في موقعك.
أين تلصق الكود
الصق المقتطف مرة واحدة في مكان يُحمَّل في كل الصفحات:
- WordPress: إضافة لأكواد الرأس والتذييل، أو ملف footer.php في قالبك قبل </body>
- Shopify: المتجر الإلكتروني ← القوالب ← تعديل الكود ← theme.liquid، قبل </body>
- Wix: الإعدادات ← كود مخصص ← نهاية Body، في كل الصفحات
- Squarespace: الإعدادات ← متقدم ← حقن الكود ← التذييل
- Webflow: إعدادات المشروع ← Custom code ← Footer code
- أي موقع HTML: مباشرة قبل وسم الإغلاق </body>
لماذا أداة HTML خالصة؟
تحمّل معظم إضافات الدردشة سكربت JavaScript من خادم شركة أخرى في كل زيارة. هذا يثقل الصفحة وقد يضع ملفات تتبع ويتوقف إذا غيّرت الخدمة خططها. أما هذا المقتطف فهو رابط منسق: إذا فُتحت صفحتك عمل الزر.
في المقابل لا توجد إحصاءات نقرات مدمجة. استخدم رسالة مسبقة مميزة مثل «مرحباً، أتيت من موقعكم» لتعرف المحادثات القادمة من الأداة.
كيف تجعل الزر يحقق نتائج
قل ما سيحدث («راسلنا»، «اطرح سؤالاً») بدلاً من إظهار أيقونة فقط، واجعل الترحيب قصيراً وودوداً، واكتب رسالة مسبقة حتى لا يواجه الزائر مربعاً فارغاً. وعلى الهواتف، لا يغطي الزر ذو الأيقونة فقط صور المنتجات أو أزرار الدفع.
ما الذي تفعله هذه الأداة
- تنشئ زر واتساب عائماً بكود HTML/CSS خالص
- تعرض معاينة مباشرة للمقتطف نفسه
- تدعم النص واللون والترحيب والموضع وخيارات الهاتف
- تتحقق من رقمك قبل النشر
ما الذي لا تستطيع فعله
- توفير دردشة مباشرة أو روبوتات محادثة أو صندوق وارد مشترك للفريق
- عدّ النقرات أو الزوار؛ فلا يوجد تتبع عمداً
- تثبيت نفسها؛ عليك لصق المقتطف في موقعك
يُنشأ بخصوصية داخل متصفحك
كل ما في هذه الصفحة يُنشأ داخل متصفحك. لا يُرسل الرقم أو الرسالة أو الإعدادات التي تكتبها إلى MyChatWrap ولا تُحفظ في أي مكان. لا يغادر جهازك إلا ما تختار نسخه أو تنزيله أو نشره بنفسك.
أسئلة حول أداة واتساب
أدوات واتساب ذات صلة
منشئ روابط واتساب
أنشئ رابط wa.me للدردشة بنقرة مع رسالة مكتوبة مسبقاً وجاهز للنسخ.
منشئ رمز QR لواتساب
أنشئ رمز QR لواتساب يفتح المحادثة عند المسح، بألوانك، بصيغة PNG أو SVG جاهزة للطباعة.
قوالب رسائل واتساب
املأ رسائل جاهزة لواتساب للأعمال للطلبات والتذكيرات والعروض وغيرها.
WhatsApp to PDF
هل تحتاج إلى كل الرسائل؟ أنشئ ملف PDF كاملاً ومرتباً زمنياً.
هل تتحدث مع عملائك عبر واتساب بالفعل؟
صدّر محادثة مع عميل أو مع فريقك واكتشف أوقات الرد وساعات الذروة ومن يبدأ المحادثات وغير ذلك، مع تحليل خاص داخل متصفحك.
تحليل محادثة واتساب