MyAlice Product Walkthrough
API ReferenceWebsiteDashboardRoadmap
MyAlice Guide (Arabic)
MyAlice Guide (Arabic)
  • 👋Welcome to MyAlice
  • 🚀Getting Started
    • 🔤Key Terminologies
    • 🤟Create your Team
      • Personalize your Team
      • Assign User Roles
      • Create Groups in your Team
      • Create Multiple Teams
      • Connect Multiple Teams
    • 💸Set up your Billing
      • Subscribe to the Premium Plan
      • Subscribe to the Enterprise Plan
      • Subscribe through Shopify
      • Update your Subscription
      • Add a Payment Method to Use WhatsApp
      • Track and Configure your Billing
      • Unsubscribe from MyAlice
    • 🎙️Agency Mode on MyAlice
    • ⏰ضبط ساعات العمل على المنص
  • 🔗MyAlice Channels
    • 🎉Connect Your Social Media
      • Connect Your Facebook Feed
      • ربط الماسنجر الخاص بك
      • Connect Your Instagram Messenger
      • Connect Your Instagram Feed
      • ربط حساب واتساب للأعمال الخاص بك
      • Connect Your Telegram
      • Connect Your Viber
      • Connect Your Line Messenger
    • 📧Connect Your Email
      • Connect Gmail
      • Connect Custom Email
    • 🌐Connect Your Website or Mobile App
      • 💬ربط موقع الويب الخاص بك لإضافة مكون دردشة
      • 📱Connect Your Mobile App (Android / iOS)
    • 🇫🇲Clone Channels
  • 📥MyAlice Inbox
    • 🧭تصفح الصندوق الوارد
    • 🔔Manage Inbox Notifications
    • 💬Understand Chat Features
    • 🎫Manage Tickets
      • Assign a Ticket
      • Resolve a Ticket
      • Tag a Ticket
        • Tag Settings
      • Reopen Tickets
      • Smart Ticket Assignment
  • 🛒E-commerce on MyAlice
    • 🛍️Overview
    • 💜Manage your WooCommerce Store
      • Connect your WooCommerce Store to MyAlice
      • Connect Your Customer Information on WooCommerce
      • Manage WooCommerce Orders from Inbox
    • 💚Manage your Shopify Store
      • Connect your Shopify Store to MyAlice
      • Connect Your Customer Information on Shopify
      • Manage Shopify Orders from Inbox
    • 👜Product Recommender
    • 🏆E-Commerce User Data in Inbox
  • 🤖Chatbot & Automation
    • 🧭Explore the Automation Tab
    • ✨Create rules to trigger a Sequence
      • Keyword wise Automation
      • Source (referral) wise Automation
      • Post comment wise Automation
      • Facebook Ad wise Automation
      • User intent (by NLP) wise Automation
        • Connect wit.ai NLP
        • Connect MyAlice NLU
        • Connect INTNT
        • Connect Intents to Sequences
    • 🧱Add Blocks to Your Chatbot
      • Block Compatibility
      • Add and Send Content Blocks
      • Collect User Information Blocks
      • Action Blocks
    • 🚗Create Advanced User Journeys
      • Quick Reply Block
      • Button Block
      • Gallery Block
      • CSAT Block
      • Datalab Entry Block
    • Page
  • 📲MyAlice for WhatsApp
    • 🗺️Overview
      • Migrate from your Existing BSP
      • Migrating from the WhatsApp App to the API account
      • Difference between WhatsApp Business App vs WhatsApp Business API
      • Verifying your Facebook Business Account
      • Picking a number for WhatsApp Business
      • Getting Started with Message Templates
      • Message Templates & Session Messages
      • WhatsApp Message Templates Best Practices
      • WhatsApp API Pricing
      • التقدم بطلب للحصول على علامة التحقق الخضراء
    • 📤إنشاء وإرسال نموذج واتساب
    • ⭐Starting a new conversation
    • 👩‍👩‍👦‍👦WhatsApp Broadcasts
      • WhatsApp Broadcast Overview
      • إنشاء بث
      • الاشتراك وإلغاء الاشتراك
    • 💰Automate Sales in WhatsApp with WhatsApp Catalog
      • 🔃Upload Inventory in Meta
      • 🔗Connect your Catalog to the WhatsApp Business Account
      • Share Products with Your Customer
    • 📈WhatsApp Marketing Automation
      • 💚Setup WhatsApp Automation for Shopify
      • 🍀Shopify + WhatsApp Marketing Automation- Sample Use Cases
  • 📱MyAlice Mobile App
    • ⬇️Download the Mobile App
    • 🤓Navigate the Interface
    • ⚡Enable Mobile App Notifications
    • 📬Using the Mobile Inbox
  • 📂Data Lab & Analytics
    • 📊Diving Deep in Data Lab
      • Create a Datalab Sheet
      • Create Forms in Data Lab
      • Add, Collect or Store Data in Data Lab
    • 👪Understand the Customer Tool
    • 📈Analytics, Metrics & Reports
      • Customer Metrics
        • General Metrics
        • User Demographics Metrics
        • Chatbot Efficiency Metrics
      • Automation Metrics
      • Agent Metrics
      • CSAT Reports
  • 🔑External Integration
    • 🏬Checkout.com
      • Recieve Payments with Checkout.com
    • 🪂Pabbly
    • 🦾Developer Documentation
Powered by GitBook
On this page
  • فيديو توضيحى
  • حالات استخدام مكون الدردشة المباشرة
  • كيفية إضافة مكون دردشة مباشرة على موقع الويب الخاص بك
  • تخصيص المكون الإضافي وفقًا لاحتياجاتك
  • المظهر
  • القنوات
  • المحتوى
  • متقدم
  • التثبيت
  • إضافة زر الدردشة على موقعك

Was this helpful?

  1. MyAlice Channels
  2. Connect Your Website or Mobile App

ربط موقع الويب الخاص بك لإضافة مكون دردشة

تعرف على كيفية إضافة مكون دردشة موقع الويب لزيادة معدل التحويل الخاص بك

Last updated 1 year ago

Was this helpful?

تحتاج إلى أن يكون لديك

  1. وصول إداري إلى فريق على ماي أليس

  2. موقع ويب كامل الوظائف

فيديو توضيحى

حالات استخدام مكون الدردشة المباشرة

ستتيح لك إضافة مكون الدردشة المباشرة ماي أليس على موقع الويب الخاص بك ما يلي

  1. إضافة واجهة على موقع الويب الخاص بك تتيح لعملائك / زوارك الدردشة معك

  2. إنشاء رسالة ترحيب / تحفيزية على الدردشة المباشرة الخاصة بك لترحيب زوارك

  3. دفع إشعارات مخصصة على صفحات الويب المختلفة.

  4. بناء الدردشات الروبوتية داخليًا لآلة الكثير من التفاعلات

  5. تضمين قنوات متعددة داخل أداة واحدة لتقديم خيارات لمستخدميك

بالإضافة إلى ذلك، يمكنك إدارة الرسائل والتعليقات وأوامر التجارة الإلكترونية من منصات أخرى في نفس صندوق الوارد

كيفية إضافة مكون دردشة مباشرة على موقع الويب الخاص بك

الخطوة 1 : انتقل إلى التكامل من شريط التنقل الأيسر وتحت التكاملات المتاحة، حدد مكون الدردشة المباشرة

الخطوة 2 : أضف اسمًا للقناة وأنشئ الرمز

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

تخصيص المكون الإضافي وفقًا لاحتياجاتك

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

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

المظهر

في قسم المظهر، يمكنك تخصيص كيفية ظهور المكون الإضافي لمستخدميك

في قسم الألوان والتصميم، يمكنك

  1. 1.تغيير اسم المكون الإضافي بالنسبة لمستخدميك

  2. تغيير لون الأداة وفقًا لمبادئ علامتك التجارية (النقر على أيقونة + سيتيح لك استكشاف المزيد داخل طيف الألوان)

  3. الغوص عميقًا وتغيير كيفية ظهور النصوص والأيقونات بألوان مختلفة

  4. 4.تحديد ما إذا كنت ترغب في ظهور صور أفاتار وكلائك داخل الأداة

  5. 5.تحديد ما إذا كنت ترغب في إزالة العلامة التجارية ماي أليس من الأداة (متاح فقط للاشتراكات المدفوعة)

في قسم الموضع والرؤية، يمكنك

  1. تحديد كيف تريد ظهور أيقونة الدردشة. يمكنك اختيار إضافة رمز فقط ، أو إضافة نص بجانب الرمز أو إظهار نص فقط

  2. 2.تحديد الرمز داخل رأس الدردشة. يمكنك تحميل شعار العلامة التجارية الخاصة بك أو يمكنك استخدام الرموز الافتراضية

  3. 3.تحديد لون رأس الدردشة، وفقًا لموقع الويب الخاص بك

  4. تحديد مكان الأداة على الموقع، سواء على الجانب الأيسر أو الجانب الأيمن

  5. حتى تهيئة الارتفاع الدقيق الذي يجب أن تظهر عنده الأداة

القنوات

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

ستظهر هنا فقط القنوات التي قمت بتوصيلها بـ ماي أليس. لذلك تأكد من توصيلها مسبقًا من قسم طرق الربط > طرق الربط ا المتاحة. يمكنك أيضًا فرز تسلسل ظهورها عن طريق سحبها قبل بعضها البعض

المحتوى

في قسم المحتوى، يمكنك في الواقع تصميم الرحلة التي سيخوضها مستخدموك داخل الأداة للتواصل معك

في قسم "التحيات"، يمكنك إعداد كيفية ظهور الأداة للمستخدم لأول مرة، قبل أن ينقر ويفتح الأداة بالفعل. يمكنك

  1. تحديد عنوان رسالة التحية التي تريد إظهارها. سيظهر هذا في الأعلى وسيكون بخط عريض

  2. 2.تحديد ما إذا كنت تريد أن تكون الرسالة مرئية دائمًا أم لا تكون مرئية على الإطلاق

  3. 3.تخصيص رسالة الترحيب بناءً على ساعات العمل الخاصة بك. سيكون بإمكانك تعيين رسالة ترحيب عند الاتصال ورسالة ترحيب عند عدم الاتصال. ستظهر هذه أسفل العنوان

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

  5. تحديد ما إذا كنت تريد ظهور التحيات مرة واحدة عند فتح الموقع على جهاز محمول

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

  1. 1.تحديد متى تفعيل هذا الاستطلاع. يمكن أن يكون طوال الوقت، خلال ساعات العمل أو خارج ساعات العمل أو مطلقًا. حدد ما يناسب غرضك

  2. إضافة نص يشرح الغرض من الاستطلاع قبل طرح أسئلة الاستطلاع

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

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

متقدم

في قسم "متقدم"، يمكنك تخصيص بعض الجوانب الأكثر تطورًا للأداة. يمكنك

  1. إضافة نطاقات متعددة (أي مواقع) تريد أن تعمل فيها الأداة الإضافية

  2. تمكين إشعارات الصوت للمستخدمين

  3. تمكين خيار السماح للمستخدم بإرسال مرفقات داخل الأداة

  4. 4.تمكين خيار السماح للمستخدمين بالوصول إلى المحادثات السابقة التي دارت معك من خلال الأداة

التثبيت

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

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

إضافة زر الدردشة على موقعك

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

للقيام بذلك، أضف ما يلي JavaScript إلى موقعك

افترض أنك تريد فتح أداة الدردشة إذا نقر المستخدم على أي رابط/زر/عنصر من موقع الويب الخاص بك. أضف الفئة chat-trigger في جميع العناصر التي تريد تفعيل أداة الدردشة الخاصة بن.

<script>
    document.querySelectorAll('.chat-trigger').forEach(chat=>{
        chat.addEventListener('click', function (e){
            e.preventDefault();
            document.getElementById("mawc").childNodes[0].click()
        })
    })
</script>

🔗
🌐
💬