عودة إلى أخبار المطوّرين

Integrating the WhatsApp Business Platform with HubSpot

١٣ مارس ٢٠٢٣بواسطة‏‎Rashed Talukder‎‏

HubSpot هي منصة إدارة علاقات العملاء (CRM) تعمل على تمكين المؤسسات من تسويق المنتجات أو الخدمات وبيعها ودعمها بشكل أكثر فعالية.

تسمح منصة واتساب للأعمال للأنشطة التجارية باستخدام API السحابة، التي تستضيفها Meta للتواصل بشكل مباشر مع العملاء من نظام إدارة علاقات العملاء عبر عمليات دمج واتساب. هذا يوفر وصولاً سهلاً إلى ميزات المراسلة ويسمح بالدمج المباشر مع أفضل المكدسات التقنية.

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

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

لإكمال هذا العرض التوضيحي، ستحتاج إلى ما يلي:

  • حساب واتساب للأعمال.

  • حساب Meta للمطوّرين.

  • حساب مطوّر تطبيق HubSpot (حدّد مطوّر تطبيق إذا كنت تنشئ حسابًا جديدًا). توفر حسابات مطوّر تطبيق Hubspot ميزات وخدمات مضمنة في البنود والشروط، بما في ذلك منح الوصول إلى واجهات API إدارة علاقات العملاء والقدرة على إنشاء التطبيقات.

  • عنوان URL يشير إلى المثيل الذي يتم تشغيله لعينة تطبيق Glitch هذه لتلقي الرسائل من واتساب مسنجر للأعمال.

تفترض هذه المقالة معرفتك بمنصة واتساب للأعمال وMeta للمطوّرين وHubSpot.

إرسال الرسائل

أول خطوة هي إعداد الحسابات. لإجراء ذلك:

  1. أنشئ حساب مطوّر فيسبوك أو قم بتسجيل الدخول إذا كان لديك حساب بالفعل.

  2. أكمل خطوة "إعداد أصول المطوّر والوصول إلى المنصة" في وثائق بدء الاستخدام الرسمية وأرسل رسالة اختبارية.

  3. أضف رقم الهاتف إلى تكوين تطبيق API السحابة.

تلقي الرسائل من خلال عينة التطبيق

سنحتاج إلى إعداد حدث webhook وعنوان URL للمشترك في حدث webhook مع توفير نقطة نهاية لاختبار أحداث webhooks. لإجراء ذلك سنستخدم عينة التطبيق المذكورة أعلاه.

انقر على زر "إعادة الدمج والتعديل" أعلى الجانب الأيسر لتتمكن من تعديل تفاصيل التكوين.

افتح ملف .env، والصق رمز الوصول إلى API السحابة في الحقل WHATSAPP_TOKEN. بالنسبة إلى VERIFY_TOKEN، يمكنك إدخال أي سلسلة ولكن احرص على حفظها حيث سنستخدمها لاحقًا.

إعداد حدث Webhook API السحابة

بعد ذلك، يمكنك إعداد حدث webhook لواجهة API للسماح بالاشتراكات في التحديثات أو الاستجابات إلى تغييرات الأحداث عن طريق البدء من لوحة معلومات تطبيق Meta للمطوّرين المرتبطة بتطبيقك. انقر على شريط التنقل في واتساب. بعد ذلك، ضمن "بدء الاستخدام"، انقر على "التكوين" ثم انقر على "تعديل".

أكمل عنوان URL الاستدعاء وتحقق من حقول الرمز في مربع حوار عنوان URL الاستدعاء لحدث webhook المرتبط بالتعديل. سيكون عنوان URL الاستدعاء https://<<PROJECT NAME>>.glitch.me. استبدل اسم المشروع باسم مشروعك (مثال https://defiant-standing-mirror.glitch.me). ثم تحقق من أن عنوان URL هو ذاته أعلاه.

انقر على "التحقق" وقم بالحفظ. يمكنك مراجعة دليل المطوّرين للحصول على تفاصيل أكثر حول إعداد حدث webhook في واتساب.

شاشة تعديل عنوان URL لاستدعاء حدث webhook

والآن يمكنك إرسال الإشعارات الاختبارية إلى نقطة النهاية.

في الصفحة ذاتها، ضمن الزر "تعديل"، انقر على حقول "Webhook"، ثم انقر على "إدارة" واشترك في الأحداث التي تنوي تتبعها من خلال نقطة النهاية. بعد ذلك، انقر على "اختبار" لإرسال رسالة إشعار إلى رقم هاتف المستلم الذي تم تكوينه مسبقًا.

شاشة حقول Webhook

للتحقق من تشغيل التطبيق وتتبع الأحداث، انتقل إلى Glitch وانقر على السجلات واعرض السجلات المرتبطة بالحدث المحدد.

شاشة عرض السجلات في Glitch

إعداد نظام إدارة علاقات العملاء في HubSpot

والآن، ستقوم بإعداد نظام إدارة علاقات العملاء في HubSpot لإرسال رسائل واتساب تلقائيًا للعملاء الذين تتضمن معلومات جهة الاتصال لديهم رقم هاتف.

انتقل إلى منصة HubSpot وقم بتسجيل الدخول إلى حساب المطوّر أو أنشئ حسابًا. يوفر حساب المطوّر نسخة تجريبية مجانية لمدة 90 يومًا لكل ميزات المؤسسة في HubSpot، بما في ذلك التسويق والمبيعات والخدمة ونظام إدارة المحتوى (CMS)، حتى تتمكن من اختبار HubSpot API والأدوات.

بعد إعداد حساب المطوّر، انقر على "إدارة الحسابات الاختبارية".

تسجيل الدخول باستخدام حساب المطوّر في نظام إدارة علاقات العملاء في HubSpot

ثم حدّد "إنشاء حساب اختباري للتطبيق" وقم بتسميته demo_whatsapp_integration (أو ما تريد) وانقر على "إنشاء".

شاشة إنشاء حساب اختباري للتطبيق

انقر على الحساب الاختباري للتطبيق الذي تم إنشاؤه مؤخرًا وانتقل إلى لوحة المعلومات. ثم انقر على "جهات الاتصال" في أعلى الجانب الأيمن من شريط التنقل. سيتم عرض جهتي اتصال كعرض تجريبي. لديك كامل الحرية في إزالتهما وإضافة جهة اتصال جديدة تتضمن رقم الهاتف الاختباري الذي تريد استخدامه في اختبار واتساب.

لوحة معلومات الحساب الاختباري للتطبيق الجديد

ربط واتساب بنظام إدارة علاقات العملاء في HubSpot

بعد ذلك ستحتاج إلى تثبيت دمج واتساب مع نظام إدارة علاقات العملاء في HubSpot. أولاً، انتقل إلى الإعدادات في HubSpot. ضمن "إعداد الحساب"، انقر على عمليات الدمج وبعد ذلك التطبيقات المرتبطة.

شاشة التطبيقات المرتبطة

حدّد "زيارة Marketplace في التطبيق". استخدم الحقل "بحث" للبحث عن تطبيق واتساب. انقر على WhatHub: دمج واتساب.

Marketplace في التطبيق

حدّد حساب demo_whatsapp_integration وانقر على "اختيار الحساب". ستتمكن بعدها من رؤية أيقونة واتساب في صفحة جهة الاتصال بجانب خيارات جهة الاتصال الأخرى. انقر عليها لبدء إرسال الرسائل من جانب نظام إدارة علاقات العملاء في HubSpot. يمكنك استخدام الرسائل المخصصة أو القوالب المحددة مسبقًا.

رسالة مخصصة في واتساب

ستتمكن من عرض قائمة الرسائل وحالتها في علامة تبويب "النشاط" أيضًا.

إعداد دفق عمل تلقائي

بعد ذلك، سندمج ذلك في دفق عمل يتم تشغيله بواسطة حدث معين في نظام إدارة علاقات العملاء. لإجراء ذلك، ستعمل على إعداد دفق عمل مخصص من لوحة معلومات HubSpot. انقر على "أتمتة" في شريط التنقل ثم انقر على تدفقات العمل لفتح لوحة معلومات دفق العمل.

انقر على "إنشاء دفق العمل" وحدّد خيار "من البداية". والآن، انقر على "المستند إلى جهة الاتصال" ثم "التالي".

شاشة العودة إلى تدفقات العمل

انقر على إعداد المشغلات وحدد خيار رسالة واتساب المرسة من حدث دمج بوابة HubSpot.

شاشة إعداد المشغلات

حدّد نوع فلتر الرسالة المرسلة، ثم قم بتعيين مشغل دفق العمل على "يساوي أي من" وحدّد القيمة كعنصر شراء. وأخيرًا، انقر على "تطبيق الفلتر" ثم "حفظ".

بعد ذلك، انقر على أيقونة + ثم أضف إجراءً آخر. في قائمة "اختيار إجراء"، انقر على "إنشاء مهمة".

شاشة اختيار إجراء

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

شاشة تشغيل دفق العمل

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

شاشة اختيار جهة الاتصال الاختبارية

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

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

حدّد القوائم المستندة إلى جهات الاتصال، وأضف اسم قائمة ثم حدد القائمة الثابتة. انقر على "التالي" ثم انقر على زر "+ إضافة فلتر".

والآن، حدّد عضوية القائمة من قائمة "إضافة فلتر" ثم أضفها كفلتر وانقر على حفظ القائمة.

شاشة إضافة فلتر

يمكنك الآن متابعة إعداد دفق العمل. يمكنك إجراء ذلك عن طريق تحديد "استنادًا إلى جهة الاتصال" وإضافة مشغل انضمام جهة الاتصال إلى عضوية القائمة.

شاشة مشغل انضمام جهة الاتصال

يمكنك إعداد مهمة ليتم تشغيلها عند تنشيط دفق العمل هذا. تحقق من عرض هذه المهمة في صفحة "الإجراءات" ثم انقر على "حفظ".

في قائمة "اختيار إجراء"، انقر على إرسال حدث webhook.

خيار إرسال حدث webhook

بعد ذلك، أنشئ إجراءً لدفق العمل لإرسال حمولة البيانات إلى نقطة النهاية عند تشغيل دفق العمل.

شاشة إرسال حدث webhook

تأكد من استخدام عنوان URL الذي قمت بإعداده مسبقًا في العرض التوضيحي. انقر على حفظ. وأخيرًا، يمكنك الانتقال إلى اختبار دفق العمل كما قمت من قبل: افتح القائمة الاختبارية وحدّد جهة الاتصال الاختبارية من قائمة "المعاينة"، ثم انقر على "اختبار". تم إكمال دفق العمل.

والآن، لنتحقق من السجلات وصفحة "الإجراءات". انتقل مرة أخرى إلى الجدول الزمني للإجراءات لمراجعة المهمة التي تم إنشاؤها.

السجلات والجدول الزمني للإجراءات

للتحقق من السجلات، انتقل مرة أخرى إلى تطبيق Glitch الذي تم تشغيله واعرض السجلات لتأكيد تسليم الرسالة.

عرض السجلات في تطبيق Glitch

الخلاصة

يعمل دمج منصة واتساب للأعمال مع HubSpot على أتمتة إرسال الرسائل وتلقيها استنادًا إلى القواعد التي تقوم بإنشائها للأحداث والإجراءات التي يتخذها العملاء.

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

لضمان دفق الرسالة وإرسال تحديثات محددة بوقت وذات صلة ومتوقعة للعملاء، ضع في اعتبارك عدد الرسائل التي يتم إرسالها. تجنب مضايقة المستخدمين للحفاظ على تفاعل العملاء وسعادتهم.

لمزيد من الطرق حول إمكانية دمج واتساب في التطبيقات والمشاريع، راجع العروض التوضيحية للمطوّرين الأخرى.