قوالب Shopify 2.0 والقوالب القديمة
زر WhatsApp لـ Shopify
يمكنك إضافة زر WhatsApp عائم إلى موقعك على Shopify. واختيار رسالة ترحيب ليتمكن الزوار من مراسلة رقم نشاطك التجاري.
إعداد في 2 دقيقة الموضع: layout/theme.liquid
التثبيت خطوة بخطوة على Shopify
هذه هي الخطوات لإضافة رمز تثبيت WAButton إلى موقعك على Shopify.
- 1
فتح محرر رمز القالب في Shopify
من لوحة إدارة Shopify، يُفتح Online Store -> Themes. بعد ذلك يُنقر على قائمة النقاط الثلاث (...) بجانب القالب المنشور ويُختار «Edit code».
نصيحة: يُنصح دائمًا بإنشاء نسخة مكررة من القالب المنشور أولًا كنسخة احتياطية قبل تعديل الرمز.
- 2
تحديد موقع theme.liquid
في متصفح الملفات على اليسار، ضمن «Layout»، يُنقر على theme.liquid. ثم يتم التمرير إلى أسفل الملف تمامًا.
نصيحة: يمكنك استخدام «Ctrl+F» أو «Cmd+F» للعثور بسرعة على الوسم الختامي </body>.
- 3
لصق مقتطف تضمين WAButton
يُلصق مقتطف سكربت WAButton الخاص بك مباشرة قبل الوسم الختامي </body>.
نصيحة: وضع السكربت مباشرة قبل </body> يتيح تحميل محتوى متجرك أولًا.
<script src="https://widget.wabutton.app/v1.js" data-widget-id="YOUR_WIDGET_ID" async></script> - 4
الحفظ والتحقق من المعاينة المباشرة
يُنقر على «Save» في الزاوية العلوية اليمنى. يمكنك بعد ذلك زيارة واجهة متجر Shopify المنشورة للتأكد من أن زر WhatsApp يعمل.
لماذا يختار أصحاب المتاجر والوكالات WAButton لـ Shopify
سكربت غير متزامن لا يعيق التحميل
المشغّل سكربت صغير (أقل من 40KB بعد ضغط gzip) يُقدَّم من شبكة Cloudflare الطرفية ويُحمَّل بشكل غير متزامن، فلا يعيق العرض الأول للصفحة. ولا تُحمَّل لوحة الدردشة إلا عندما يفتحها الزائر.
تتبّع مباشر عبر Meta Pixel و GA4
يُرسل الحدثين «generate_lead» و«contact» مباشرة إلى بكسل إعلانات Facebook لديك.
توجيه الدعم بين عدة موظفين
تُوجَّه الاستفسارات تلقائيًا بين موظفي المبيعات والشحن ودعم الطلبات.
تأهيل العملاء المحتملين قبل الدردشة
جمع اسم العميل وبريده الإلكتروني وغرضه قبل فتح WhatsApp.
الأسئلة الشائعة
هل يلزم تثبيت تطبيق Shopify ثقيل من متجر التطبيقات؟
- لا! يعمل WAButton عبر وسم سكربت خفيف مباشرة في قالبك. هذا يجنّبك تراكم الاشتراكات الشهرية في تطبيقات Shopify ويُغني عن حقن سكربتات بطيئة من تطبيقات خارجية.
هل سيُبطئ هذا واجهة متجر Shopify أو يضر بنتيجة Google PageSpeed؟
- WAButton سكربت غير متزامن حجمه أقل من 40KB (بعد ضغط gzip) يُقدَّم من شبكة Cloudflare الطرفية، فلا يعيق العرض الأول للصفحة. ولا تُحمَّل لوحة الدردشة إلا عندما يفتحها الزائر. يعتمد تأثيره على نتيجة PageSpeed لمتجرك على قالبك وتطبيقاتك، لذا يُستحسن تشغيل PageSpeed Insights قبل التثبيت وبعده.
هل يمكنني تتبّع إعلانات Facebook أو Google التي أدّت إلى محادثة WhatsApp؟
- نعم! يلتقط WAButton معاملات UTM (المصدر والحملة والوسيط والإعلان) ويمرّرها إلى رسالة WhatsApp المعدّة مسبقًا، كما يُرسل الأحداث إلى Meta Pixel («fbq») و Google Analytics 4 («gtag»).
أدوات مجانية ذات صلة
إنشاء روابط WhatsApp ورموز QR ورسائل لنشاطك التجاري.
المزيد من أدلة التثبيت
- عرض دليل الإعداد3 دقيقة
WooCommerce & WordPress
WooCommerce و WordPress 6+
إضافة زر WhatsApp إلى موقعك على WooCommerce & WordPress.
- عرض دليل الإعداد2 دقيقة
Magento & Adobe Commerce
Magento Open Source و Adobe Commerce
إضافة زر WhatsApp إلى موقعك على Magento & Adobe Commerce.
- عرض دليل الإعداد2 دقيقة
PrestaShop
PrestaShop 1.7 و 8+
إضافة زر WhatsApp إلى موقعك على PrestaShop.
إضافة WhatsApp إلى موقعك الإلكتروني.
وسيلة تتيح للزوار السؤال عن منتجاتك أو أسعارك أو مواعيدك المتاحة. والرد يكون من WhatsApp المعتاد لديك.
خطة مجانية متاحة. دون بطاقة ائتمان.