تكامل Whats360 مع منصة Wix لإرسال إشعارات WhatsApp تلقائيًا (دون الحاجة لتطبيق WhatsApp الرسمي)

في هذا المقال، سنشرح لك كيفية تكامل خدمة Whats360 API مع منصة Wix لإرسال رسائل واتساب تلقائيًا إلى المستخدمين بدون الحاجة لتطبيق WhatsApp الرسمي. سنستخدم Webhooks و HTTP Requests كوسيلة لإرسال الرسائل إلى عملائك أو مستخدمي الموقع.

الفوائد الرئيسية لهذا التكامل

• إرسال إشعارات تلقائية عبر واتساب.
• التفاعل السريع مع العملاء أو المستخدمين من خلال رسائل WhatsApp.
• بدون الحاجة لتثبيت تطبيق WhatsApp أو استخدام خدمات تقليدية معقدة.
• سهولة الربط باستخدام API مثل Whats360 API.

المتطلبات الأساسية:

قبل أن تبدأ في تنفيذ التكامل، تأكد من وجود الأدوات والبيانات التالية:

• حساب في Whats360: للحصول على API Key والقيام بالإعدادات.
• حساب في Wix: لإنشاء وإدارة الموقع وربط البيانات مع Whats360.
• واجهة API لمزود خدمة WhatsApp مثل Whats360: والتي سنستخدمها لإرسال الرسائل.

الخطوة 1: إعداد حساب في Whats360

1. قم بإنشاء حساب في Whats360:
   • اذهب إلى موقع Whats360.
   • قم بالتسجيل للحصول على حساب واستخدم البيانات لتوليد API Key الذي سنحتاجه لاحقًا.
2. الحصول على API Key:
   • بعد تسجيل الدخول، اذهب إلى لوحة التحكم وابحث عن إعدادات API أو API Keys.
   • احفظ API Key لاستخدامه في إعداد HTTP Requests لاحقًا.

الخطوة 2: إعداد Webhook أو HTTP Request على Wix

الآن سنقوم بإعداد Webhook أو HTTP Request على منصة Wix ليتمكن من إرسال رسائل واتساب تلقائيًا عند حدوث أحداث معينة على الموقع.

إعداد HTTP Request

1. إضافة عنصر Code في Wix:
   • افتح حسابك على Wix، وادخل إلى Wix Editor.
   • في الشريط الجانبي، اختر Dev Mode، ثم اختر Add a new JavaScript.
2. إعداد HTTP Request:
   • اذهب إلى صفحة الإعدادات الخاصة بـ HTTP Requests في Wix.
   • قم بإعداد HTTP POST Request باستخدام API من Whats360.

   صيغة الطلب:

   {
     "client_id": "YOUR_CLIENT_ID",
     "mobile": "USER_PHONE_NUMBER",
     "text": "Hello, your order has been confirmed!"
   }

   حيث:

   • YOUR_CLIENT_ID: هو معرف العميل الذي حصلت عليه من Whats360.
   • USER_PHONE_NUMBER: هو رقم الهاتف الذي سيتم إرسال الرسالة إليه، ويمكنك الحصول عليه من نموذج التسجيل أو من واجهة Wix.
   • text: هو نص الرسالة التي تريد إرسالها.
3. إضافة Webhook إلى حدث في Wix:
   • في Wix, يمكنك ربط هذا الطلب مع أحداث مثل الشراء، التسجيل، الاشتراك في النشرة الإخبارية، أو أي حدث آخر يحدث على الموقع.
   • مثال: عند إجراء عملية شراء، يتم إرسال إشعار تلقائي للعميل عبر واتساب.

إعداد Webhook

1. قم بإنشاء Webhook جديد في Wix بحيث يتم تشغيله عند حدوث حدث معين (على سبيل المثال: عندما يقوم العميل بالتسجيل في الموقع).
2. استخدم Wix Velo (من خلال الكود البرمجي) لاستدعاء Whats360 API عبر HTTP POST.

الخطوة 3: إنشاء سيناريو متكامل باستخدام Make.com

نظراً لأن Make.com يدعم HTTP Requests، يمكنك إعداد سيناريو متكامل بين Wix و Whats360 لتمرير البيانات بشكل صحيح وإرسال الرسائل.

خطوات إعداد السيناريو على Make.com

1. إنشاء سيناريو جديد:
   • افتح حسابك على Make.com، ثم أنشئ سيناريو جديد.
   • اختر HTTP كأداة لإرسال الرسائل عبر Whats360.
2. إعداد HTTP Request في Make.com:
   • اختر POST كطريقة للطلب.
   • ضع URL الخاص بـ Whats360 API:

     https://api.whats360.live/api/user/v2/send_message

   • أدخل Headers:
     • Content-Type: application/json
     • Authorization: Bearer YOUR_API_KEY (استخدم الـ API Key الذي حصلت عليه من Whats360).
3. إعداد Body لطلب HTTP:

   استخدم JSON format لإرسال البيانات مثل:

   {
     "client_id": "YOUR_CLIENT_ID",
     "mobile": "USER_PHONE_NUMBER",
     "text": "Hello, this is a message from your Wix website."
   }

4. تشغيل السيناريو:
   • قم بتشغيل السيناريو على Make.com. عند حدوث الحدث على Wix (مثل التسجيل أو الشراء)، ستتمكن من إرسال إشعارات واتساب تلقائيًا.

الخطوة 4: اختبار التكامل

بعد تكامل Whats360 مع Wix عبر Webhooks و HTTP Requests، تأكد من اختبار النظام للتأكد من أنه يعمل بشكل صحيح.

قم بتنفيذ حدث على Wix (مثل التسجيل أو إتمام عملية شراء) وتحقق من أنك تتلقى إشعاراً عبر واتساب.

الاستجابة الناجحة من Whats360 API

عند إرسال الطلب بنجاح، ستتلقى استجابة مشابهة لهذه:

{
  "success": true,
  "message": "The message has been successfully sent."
}

الخطوة 5: تحسين وتخصيص الرسائل

• يمكنك تخصيص النصوص لتشمل تفاصيل مثل اسم العميل أو رقم الطلب.
• في حالة استخدام رسائل النماذج
• في حالة استخدام رسائل النماذج (Templates)، يمكنك استخدام متغيرات لتخصيص الرسائل وفقًا للمعلومات المتاحة لديك، مثل اسم العميل أو تفاصيل الطلب.