يُتيح لك Bubble.io إنشاء تطبيقات ويب دون الحاجة إلى كتابة أكواد برمجية مطولة. وبفضل ChatArchitect ، يمكنك أيضًا ربط WhatsApp بتطبيق Bubble.io الخاص بك وإرسال الرسائل مباشرةً من سير العمل.
في هذا الدليل، سنشرح كيفية تثبيت إضافة ChatArchitect، وربط حسابك باستخدام معرف التطبيق ورمز التطبيق السري، وإرسال أول رسالة واتساب من Bubble.io.
ما ستحتاج إليه
قبل البدء، تأكد من توفر ما يلي:
- تطبيق Bubble.io
- حساب ChatArchitect
- معرّف التطبيق ورمز التطبيق السري
- تم تكوين اتصال واتساب في ChatArchitect
بمجرد أن يصبح كل شيء جاهزًا، يمكنك البدء في إعداد التكامل في Bubble.io.
الخطوة 1: أضف زرًا في Bubble.io
افتح تطبيقك في محرر Bubble.io وأضف زر إلى الصفحة.
سيؤدي هذا الزر إلى تشغيل سير العمل المسؤول عن إرسال رسالتك عبر واتساب.
على سبيل المثال، يمكنك تسمية الزر:
أرسل رسالة عبر واتساب
الخطوة الثانية: إنشاء سير عمل للزر
انقر على الزر الذي أنشأته للتو وحدد:
بدء / تحرير سير العمل
سيقوم Bubble.io بفتح محرر سير العمل، حيث يمكنك تحديد ما يجب أن يحدث عندما ينقر المستخدم على الزر.
الخطوة 3: تثبيت إضافة ChatArchitect
داخل محرر سير العمل، انقر فوق الجمع (+) وانتقل إلى:
الإضافات ← تثبيت المزيد من الإضافات
سيؤدي هذا إلى فتح سوق إضافات Bubble.io.
بحث عن:
ChatArchitect.com لتطبيق واتساب
قد تحتاج إلى تحديد جميع عوامل تصفية البحث ذات الصلة قبل ظهور المكون الإضافي في النتائج.
بمجرد العثور على تكامل ChatArchitect، انقر فوق تثبيت.
ستكون الإضافة متاحة الآن في تطبيق Bubble.io الخاص بك.
الخطوة الرابعة: ربط ChatArchitect
بعد تثبيت الملحق، افتح "الملحقات" في Bubble.io وحدد موقع تكامل ChatArchitect.
أدخل بيانات اعتمادك كما يلي:
اسم المستخدم: معرّف التطبيق الخاص بك،
كلمة المرور: سر التطبيق الخاص بك
تتيح هذه البيانات لتطبيق Bubble.io الخاص بك التواصل مع ChatArchitect وإرسال رسائل WhatsApp.
حافظ على سرية تطبيقك ولا تكشف عنه علنًا أو تشاركه مع مستخدمين غير مصرح لهم.
الخطوة 5: أضف إجراء إرسال الرسالة
العودة إلى سير العمل .
انقر:
انقر هنا لإضافة إجراء
ثم اختر:
الإضافات ← إرسال رسالة نصية
هذا يضيف إجراء مراسلة واتساب الخاص بـ ChatArchitect إلى سير عملك.
الخطوة 6: أدخل اسم المستلم والرسالة
بعد ذلك، قم بتكوين إرسال رسالة نصية .
في الوجهة ، أدخل اسم المستلم.
في النص ، أدخل الرسالة التي تريد إرسالها.
على سبيل المثال:
مرحباً! تم إرسال هذه الرسالة من تطبيق Bubble.io الخاص بي.
يمكنك أيضاً استخدام بيانات Bubble.io الديناميكية بدلاً من إدخال هذه القيم يدوياً. على سبيل المثال، يمكن الحصول على رقم هاتف المستلم من قاعدة بياناتك، بينما يمكن إنشاء الرسالة نفسها من المعلومات المُقدمة عبر نموذج.
الخطوة 7: اختبر رسالة واتساب الخاصة بك
بمجرد إعداد سير العمل، انقر فوق المعاينة في الزاوية العلوية اليمنى من محرر Bubble.io.
سيتم إعادة توجيهك إلى النسخة التجريبية من تطبيقك.
انقر على الزر الذي أنشأته سابقاً.
سيقوم Bubble.io بتشغيل سير العمل، وسيقوم ChatArchitect بإرسال الرسالة إلى المستلم المحدد عبر WhatsApp.
إذا تم ضبط كل شيء بشكل صحيح، فسيتلقى المستلم رسالة واتساب.
كيف يعمل
لقد قمت الآن بربط Bubble.io مع ChatArchitect وأنشأت سير عمل أساسي لإرسال رسائل WhatsApp.
العملية بسيطة:
ينقر المستخدم على الزر ← يقوم Bubble.io بتشغيل سير العمل ← يقوم ChatArchitect بمعالجة الطلب ← يتم إرسال الرسالة عبر واتساب
هذا مجرد مثال أساسي. يمكنك استخدام نفس التكامل لأتمتة التواصل عبر واتساب بناءً على العديد من الأحداث المختلفة في تطبيق Bubble.io الخاص بك.
على سبيل المثال، يمكنك إرسال رسائل واتساب تلقائيًا عندما:
- قام مستخدم جديد بالتسجيل
- يقوم أحد العملاء بتقديم طلب
- يقوم شخص ما بتقديم نموذج
- تغيير حالة الطلب أو الأمر
- تم تأكيد الموعد
- يحدث حدث آخر داخل تطبيقك
من خلال الجمع بين Bubble.io و ChatArchitect و WhatsApp، يمكنك إضافة خدمة مراسلة WhatsApp إلى تطبيقاتك التي لا تتطلب كتابة أكواد وأتمتة التواصل مع العملاء دون الحاجة إلى بناء التكامل بالكامل من الصفر.
.png)
.webp)

