انتقل إلى المحتوى
القائمة

ابحث في الموقع

اكتب للبحث في الأدلة والمدونة والـ API والمنتج.

↑ ↓ للتنقل · Enter للفتح · Esc للإغلاق

مجانية · بلا تسجيل · تُلصق في أي موقع

أداة واتساب لموقعك الإلكتروني

صمّم فقاعة واتساب العائمة، وشاهدها تتغيّر مباشرة، وانسخ الكود. مجانًا، وبلا تسجيل، وتُلصق بالطريقة نفسها في موقعك أو في موقع عميلك.

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

هو الشيء الوحيد الذي تحتاجه الأداة لتعمل.

كيف تبدو

كل تغيير يظهر فورًا في المعاينة المجاورة.

لون الزر
موضع الزر
نمط الزر
نصوص الأداة

انسخ والصق

الصق هذا الكود قبل وسم الإغلاق </body> في الموقع مباشرة. يعمل بالطريقة نفسها في موقعك أو في موقع عميل.

</body>
<script
  src="https://tbit.app/js/whatsapp-button.js"
  async
  onLoad="whatsappButton({
    locale: 'ar',
    phoneNumber: '',
    buttonName: 'واتساب',
    brandName: 'علامتك التجارية',
    brandSubtitleText: 'يردّ عادةً خلال يوم',
    callToAction: 'ابدأ المحادثة',
    welcomeMessage: 'مرحبًا 👋',
    buttonPosition: 'right',
    buttonStyle: 'icon-with-text'
  })"
></script>

اكتب رقمك على واتساب في الأعلى وسيظهر الكود هنا.

لا نطلب تسجيلًا ولا بريدًا إلكترونيًا. يُبنى الكود في متصفحك وهو ملكك.

معاينة

جهاز المعاينة
علامتك التجاريةيردّ عادةً خلال يوم

علامتك التجاريةمرحبًا 👋

ما يرسله الزائر عند الضغط على الزر

ابدأ المحادثة

اكتب رقمك على واتساب لترى المعاينة

كيف تثبّت الأداة على منصّتك

اختر أين ستلصقها. دقيقتان على أيٍّ من الخمس.

WordPress

1. في لوحة تحكم WordPress، اذهب إلى «المظهر» > «محرّر القوالب»
2. اختر «footer.php» من القائمة الجانبية
3. الصق السكريبت قبل وسم </body> مباشرة
4. احفظ التغييرات

بديل: استخدم إضافة مثل «Insert Headers and Footers» والصق الكود في حقل «Footer»، دون تعديل الملفات.

Shopify

1. افتح لوحة الإدارة في Shopify
2. اذهب إلى «الإعدادات» > «القوالب»
3. اضغط «الإجراءات» > «تعديل الكود»
4. من القائمة الجانبية، اختر «theme.liquid»
5. الصق السكريبت قبل وسم </body> مباشرة
6. احفظ التغييرات

Wix

1. في محرّر Wix، اضغط «الإعدادات» (⚙️) في الشريط العلوي
2. اختر «الإعدادات المتقدمة» > «كود مخصّص»
3. اضغط «+ إضافة كود» > «حقن الكود»
4. الصق السكريبت في حقل الكود
5. في «ضع الكود في»، اختر «Body - end»
6. احفظ موقعك وانشره

Webflow

1. افتح مشروعك في Webflow
2. اذهب إلى «إعدادات المشروع» > «تخصيص الكود»
3. في «كود الموقع» > «Footer code»، الصق السكريبت
4. انشر موقعك لترى التغييرات

HTML عادي

1. افتح ملف صفحتك، مثلًا index.html
2. انزل إلى نهاية المستند وابحث عن وسم </body>
3. الصق السكريبت قبل ذلك الوسم مباشرة
4. ارفع الملف إلى خادمك

إن كان لموقعك عدة صفحات، كرّر الخطوة في القالب المشترك بينها جميعًا.

أضِف واتساب إلى موقعك في دقائق

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

إضافة زر واتساب عائم إلى موقعك أمر بسيط: يكفي أن تنسخ سكريبت HTML صغيرًا وتلصقه قبل إغلاق </body> في صفحتك. تظهر أداة المحادثة هذه تلقائيًا في كل صفحاتك وتتيح لزوارك مراسلتك مباشرة على واتساب بنقرة واحدة.

أداة محادثة واتساب عائمة بـ HTML

أداة واتساب العائمة لدينا مبنية بـ HTML وCSS وJavaScript خالص، ما يعني أنها تعمل على أي منصّة: WordPress أو Shopify أو Wix أو Webflow أو HTML ثابت. لا تحتاج إلى إضافات ولا إلى إعداد معقّد: أدرج الكود وانتهى الأمر.

بديل للمحادثة المباشرة أفضل منها: واتساب

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

إضافة محادثة لـ Shopify وWordPress وWix وWebflow

تعمل أداة واتساب لدينا كإضافة عامة: متوافقة مع Shopify وWordPress وWix وWebflow وأي منشئ مواقع. لا تحتاج إلى تثبيت إضافات أخرى ولا إلى القلق بشأن التوافق: الكود يعمل على أي منصّة تسمح بإدراج HTML مخصّص.

أسئلة شائعة عن أداة واتساب

ما هي أداة واتساب؟

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

كيف تُثبَّت الأداة في موقعي؟

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

بعد التثبيت، تظهر الفقاعة تلقائيًا في كل صفحاتك دون أي إعدادات إضافية.

هل هي مجانية؟ هل عليّ التسجيل؟

المولّد مجاني ولا يطلب تسجيلًا ولا بريدًا ولا بطاقة. يُبنى الكود في متصفحك أثناء الكتابة ويمكنك نسخه كلما أردت.

ولا تحتاج أيضًا إلى حساب في TBit لاستخدامه: يكفي رقم واتساب نشط.

هل يمكنني تثبيتها في موقع عميل؟

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

يمكنك تكرار ذلك مع أي عدد من العملاء: كل كود مستقل ولا يرتبط بأي حساب.

هل يمكنني تخصيص الشعار أو رسالة الترحيب؟

نعم. يمكنك إضافة شعار شركتك ليظهر بجانب الفقاعة، وتحديد رسالة الترحيب التي سيراها زوارك، مثل:

"مرحبًا! هل تريد مزيدًا من المعلومات عن منتجاتنا؟"

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

لماذا أضيف فقاعة واتساب إلى موقعي؟

لأنها تحوّل الزوار إلى محادثات حقيقية.

يثق الناس في واتساب أكثر من النماذج أو البريد الإلكتروني. حين تقدّم قناة مباشرة، تزيد فرص البيع، وتردّ أسرع، وتبني تواصلًا أقرب مع عملائك.

بماذا تختلف عن المحادثة المباشرة التقليدية؟

على خلاف المحادثة المباشرة التي تختفي حين يغادر الزائر الصفحة، يُبقي واتساب المحادثة مفتوحة حتى بعد ذلك.

هكذا تواصل الحديث، أو ترسل المعلومات، أو تُتمّ البيع دون أن تفقد التواصل مع العميل.

هل الأداة آمنة؟

نعم. كل التواصل يجري مباشرة داخل واتساب، لذا فالمعلومات محميّة بتشفير المنصّة.

لا يخزّن TBit رسائلك ولا محادثاتك. يُنشأ الكود في متصفحك بالبيانات التي تكتبها في هذه الصفحة.

هل تعمل في أي صفحة أو بلد؟

نعم. تعمل الأداة في أي موقع يسمح بإدراج كود HTML وفي كل المتصفحات الحديثة. تحتاج فقط إلى حساب واتساب نشط، تجاري (WhatsApp Business) أو شخصي.