انتقل إلى الأداة

أداة مجانية من هاتف

زر واتساب لموقعك بكود جاهز

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

  • كود خفيف بدون مكتبات
  • يشتغل على الجوال والكمبيوتر
  • مجاني وبدون تسجيل

مثال: ⁦051 234 5678⁩. للأرقام من خارج السعودية اكتب مفتاح الدولة مع +.

اختياري
اختياري

اتركه فاضي ويطلع الزر دائرة فيها شعار واتساب.

مكان الزر

اللون

لون الشعار والنص يتغير تلقائيًا عشان يبقى واضح على اللون اللي اخترته.

معاينة الزر في موقعك

الكود

الصقه في موقعك قبل وسم </body>.

اكتب رقمك ويطلع الكود هنا
جرّب الرابط

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

  1. 01

    اكتب رقمك ورسالتك

    الرقم بصفر البداية أو مع مفتاح الدولة، والرسالة الجاهزة تظهر للزائر مكتوبة في المحادثة.

  2. 02

    اختر الشكل

    المكان واللون والنص، وتشوف الزر في المعاينة مثل ما يظهر في موقعك.

  3. 03

    انسخ الكود والصقه

    قبل وسم </body> في قالب موقعك، أو في خانة الأكواد الإضافية في منصتك.

وين تلصق كود زر واتساب

الكود سطر HTML واحد، فيشتغل في أي مكان يسمح لك تضيف كود.

  • ووردبريس

    من محرر القالب في ملف footer.php قبل </body>، أو بإضافة لإدراج الأكواد في الفوتر.

  • منصات المتاجر

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

  • Google Tag Manager

    أضف وسم من نوع Custom HTML والصق الكود، وخلّه يشتغل على كل الصفحات.

  • موقع HTML

    الصقه قبل </body> في كل صفحة تبي الزر يظهر فيها.

كيف يشتغل الكود

الكود رابط wa.me بتصميم مكتوب داخله، بدون JavaScript وبدون ملفات من سيرفر خارجي. فما يبطئ موقعك، وما يجمع أي بيانات عن الزوار، ويشتغل حتى لو المتصفح مانع السكربتات.

رسالة مختلفة لكل صفحة

حط رسالة جاهزة تذكر اسم الصفحة أو المنتج، مثل «أبغى أستفسر عن باقة الأعمال». أول رسالة توصلك تعرف منها من وين جاك العميل ووش يبي، بدون ما يشرح من البداية.

أسئلة شائعة عن زر واتساب للموقع

قبل ما تضيف الزر لموقعك.

كيف أضيف زر واتساب لموقعي؟

اكتب رقمك في الأداة واختر الشكل، وانسخ الكود والصقه في موقعك قبل وسم </body>. الزر يظهر في زاوية كل صفحة فيها الكود.

كيف أضيف زر واتساب في ووردبريس بدون إضافة؟

من لوحة التحكم افتح محرر ملفات القالب، وفي ملف footer.php الصق الكود قبل </body>. القالب الفرعي أضمن عشان ما يضيع الكود مع تحديث القالب.

هل الكود يبطئ الموقع؟

لا. الكود رابط واحد مع شعار مرسوم داخله، بدون سكربتات وبدون ملفات تنحمّل من سيرفر ثاني.

هل يشتغل في سلة وزد وشوبيفاي؟

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

كيف أخلي الزر يفتح رسالة جاهزة؟

اكتبها في خانة الرسالة الجاهزة، وتنضاف للرابط داخل الكود. الزائر يلقاها مكتوبة في المحادثة ويرسلها بضغطة.

أقدر أغير مكان الزر أو لونه بعد ما أركبه؟

نعم. غيّر الإعدادات في الأداة وانسخ الكود من جديد، وبدّله مكان القديم.

هل يشتغل مع واتساب الأعمال؟

نعم. يشتغل مع أي رقم عليه واتساب أو واتساب للأعمال، من أي دولة.

كيف أعرف كم واحد ضغط الزر؟

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

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

مجانية بالكامل وبدون تسجيل، والزر بدون علامة مائية وبدون اشتراك.

واتساب علامة تجارية مملوكة لشركة Meta، وهذي الأدوات من هاتف وما لها ارتباط رسمي بواتساب.