إضافة زر محادثة واتساب إلى WordPress
أنشئ الأداة هنا، وانسخ كتلة HTML واحدة، والصقها في WordPress. لا إضافة تُثبَّت، ولا رسوم شهرية، ولا سكربت يُحمَّل من خادم شخص آخر.
إضافتها إلى WordPress
- في لوحة تحكم ووردبريس، افتح Appearance ← Theme File Editor، أو ثبّت إضافة لسكربتات التذييل إن كان قالبك مقفلًا.
- الصق الكود قبل وسم </body> مباشرة في footer.php، أو في حقل «before </body>» الخاص بالإضافة.
- احفظ، ثم افتح أي صفحة في موقعك — يظهر الزر في الزاوية على كل صفحة يخدمها ذلك التذييل.
- إن كنت تستخدم قالبًا فرعيًا، فعدّل footer.php الخاص به حتى لا يمحوه تحديث القالب الأصلي.
لماذا لا تستخدم إضافة جاهزة؟
الإضافة المستضافة تزيد طلبًا من طرف ثالث مع كل تحميل للصفحة، وقد تغيّر تصميمها دون إخبارك، وغالبًا تبدأ بطلب اشتراك ما إن تنمو زياراتك. أما الكود الذي تبنيه هنا فهو HTML وCSS وجافاسكريبت صِرفة تعيش داخل قالبك أنت — نحو 11 ك.ب، بلا طلبات خارجية، وبلا خارطة طريق أحد غيرك.
قبل اللصق
أنشئ الأداة أولًا في المولّد الكامل واستخدم «تنزيل صفحة اختبار» للتأكد من شكلها. ثم انسخ الكود واتبع الخطوات أعلاه — الصقه مرة واحدة في قالب تشترك فيه كل الصفحات، لا في كل صفحة على حدة.
أسئلة يطرحها الناس
هل ستبطئ أداة المحادثة موقعي؟
تضيف نحو 11 ك.ب من HTML وCSS وجافاسكريبت مضمّنة، ولا تُجري أي طلب شبكة إطلاقًا، فلا تكلّف تنزيلًا منفصلًا ولا يمكنها تعطيل العرض. أما أدوات المحادثة المستضافة فتحمّل عادة 100 ك.ب أو أكثر من طرف ثالث.
هل الأداة متاحة لذوي الإعاقة؟
جهات الاتصال روابط حقيقية، لذا تعمل بلا جافاسكريبت ومع قارئ الشاشة. والزر يُعلن حالته، وتُغلق اللوحة بمفتاح Escape، وينتقل التركيز إليها ثم يعود، وكل هدف للمس لا يقل عن 44 بكسل، وتُلغى الحركة إن طلب الزائر تقليلها.