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

القطعة متعددة القنوات
٢١ فبراير ٢٠٢٣
10
قراءة دقيقة
كتبه
رينسكي
رسالة إخبارية مصممة لمساعدتك على النمو
كيف تستفيد فرق مثل فريقك من وقتها ومواردها؟ كيف يفتحون فرحة العملاء؟ انضم إلى القافلة واكتشف ذلك.
شاهد ترينغو أثناء العمل
عمليات تكامل واسعة النطاق
سهولة التكوين
هيكل تسعير قابل للتطوير
التعرف على المزيد

يريد العملاء حدا منخفضا عندما يتعلق الأمر بالوصول إلى عملك ، وتريد إنشاء نقاط اتصال في الأماكن التي تحول الأفضل. الخبر السار هو أنه يمكن تحقيق كلا الهدفين بواسطة أداة واحدة بسيطة: أداة omnichannel.

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

ما هي أداة القناة المتعددة؟

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

عادة ، ستبدو أداة الويب كما يلي:

القطعة متعددة القنوات

عندما تكون الأداة متصلة بمنصة مشاركة العملاء الخاصة بك ، مثل Trengo ، يمكنك توصيل جميع القنوات المهمة مثل Facebook Messenger و WhatsApp والدردشة الحية والبريد الإلكتروني وحتى مركز المساعدة الخاص بك.

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

ما هي فوائد وجود عنصر واجهة مستخدم متعدد القنوات؟

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

  • إعداد تجارب قنوات متعددة القنوات سلسة وآسرة

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

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

  • من السهل التقاط الرصاص

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

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

التقاط الرصاص في عنصر واجهة المستخدم متعدد القنوات
  • خدمة عملاء سريعة حتى بدون مشاركة فريقك

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

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

💡 إعداد التوفر: داخل Trengo ، يمكن لفريقك تعيين توفر الدردشة بناء على ساعات العمل وتوافر الفريق. أو احتفظ بالدردشة المباشرة متاحة في جميع الأوقات وامنح العملاء الفرصة لترك رسالة حتى عندما لا يكون فريقك متصلا بالإنترنت.

  • تحسين معدلات التحويل

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

"50٪ من البالغين سيتخلون عن الشراء إذا لم تتمكن من منحهم إجابة سريعة على سؤالهم."

المصدر: فورستر

أضف أداة موقع ويب إلى موقع الويب الخاص بك في 3 خطوات

يمكنك الحصول على أداة موقع ويب تعمل على موقع الويب الخاص بك في ثلاث خطوات فقط (بدون مطور).

1. قم بإعداد الأداة: ابدأ في إنشاء عنصر واجهة مستخدم وتخصيصه حسب رغبتك.

2. إضافة قنوات إلى أداة موقع الويب الخاص بك: ستكون الخطوة التالية هي إضافة جميع القنوات المهمة لعملائك إلى أداة موقع الويب الخاص بك. مثل الدردشة الحية والبريد الإلكتروني و WhatsApp و Facebook و Twitter و Telegram و Voice و SMS وحتى مركز المساعدة.

3. أضف أداة موقع الويب إلى موقع الويب الخاص بك: بعد إنشاء إطار العمل وإضافة القنوات ، فإن الخطوة الأخيرة هي إضافة أداة موقع الويب إلى موقع الويب الخاص بك. حتى يتمكن العملاء من البدء في التواصل معك.

كيفية إعداد أداة دردشة متعددة القنوات في Trengo

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

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

دعونا نلقي نظرة على ما يبدو عليه المرور بخطوات 3 باستخدام صندوق وارد مثل Trengo.

1. إعداد القطعة:

  • بادئ ذي بدء ، انتقل إلى الإعدادات > الإعدادات > أدوات الويب ، وانقر فوق رمز "زائد".
القطعة متعددة القنوات في ترينغو
  • انتقل الآن إلى "الإعدادات".
أداة الموقع
  • وقم بإعداد أداة موقع الويب الخاص بك. سهل.
إعدادات أداة موقع الويب

2. إضافة قنوات إلى عنصر واجهة المستخدم الخاص بك

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

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

لذا أضف الدردشة الحية والبريد الإلكتروني والصوت والرسائل القصيرة والقنوات الشائعة مثل WhatsApp و Facebook و Twitter و Telegram. ستتمكن قريبا من تقديم تجارب omnichannel!

📚 اختر قناتك، وتحقق من كيفية إضافتها إلى الأداة:

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

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

🔘 إضافة WhatsApp إلى أداة موقع الويب الخاص بك

🔘 إضافة Facebook إلى أداة موقع الويب الخاص بك

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

🔘 إضافة Telegram إلى أداة موقع الويب الخاص بك

🔘 إضافة صوت إلى عنصر واجهة مستخدم موقع الويب الخاص بك

🔘 إضافة الرسائل القصيرة إلى أداة موقع الويب الخاص بك

🔘 إضافة مركز مساعدة إلى أداة موقعك على الويب

القنوات المميزة

  • الدردشة الحية

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

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

  • واتس اب

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

3. أخيرا وليس آخرا: أضف الأداة إلى موقع الويب

بعد إنشاء إطار عمل عنصر واجهة المستخدم وتعبئته بالقنوات ، أصبحت الأداة جاهزة الآن لإضافتها إلى موقع الويب. الأمر سهل ، ويمكن لفريقك الاختيار من بين خيارين: عبر شفرة المصدر ، أو Google Tag Manager.

استخدام شفرة المصدر لإضافة الأداة

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

Either paste the code before the closing </head> tag on specific pages. Or add the installation code to your website source code if you want the widget to appear on all pages.

استخدام "إدارة العلامات من Google"

  1. انتقل إلى Google Tag Manager وحدد الحساب الذي تريد أن تكون الأداة فيه.
  1. انقر فوق "علامة جديدة".
  1. أدخل اسما لهذه العلامة.
  1. انقر فوق "تكوين العلامة" وانتقل لأسفل إلى "مخصص" لتحديد "HTML مخصص".
  1. عد الآن إلى صندوق الوارد الخاص بك في Trengo لاسترداد رمز تثبيت عنصر واجهة المستخدم.

يمكنك العثور على الرمز بالانتقال إلى الإعدادات > الإعدادات > أدوات الويب > أداة موقع الويب الخاص بك > التثبيت. والصقه في "تكوين العلامة". بعد ذلك قم بتمكين "دعم document.write".

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

تم الآن إعداد أداة موقع الويب الخاص بك عبر Google Tag Manager.

مثال: كيف تضيف الأداة بالضبط إلى WordPress؟

لذلك دعونا نأخذ WordPress ، وهو نظام إدارة محتوى شائع ، كمثال. لمعرفة مدى سهولة إضافة الأداة.

  1. انتقل إلى صندوق الوارد Trengo واسترد رمز تثبيت عنصر واجهة مستخدم موقع الويب.

كما هو موضح أعلاه ، انتقل إلى الإعدادات > الإعدادات > أدوات الويب > أداة موقع الويب الخاص بك > التثبيت.

  1. ضع الكود في قالب قالب WordPress الخاص بك ، أو استخدم هذا المكون الإضافي لإضافة الكود إلى رأسك.
  2. أو استخدم Google Tag Manager لإضافة أداة موقع الويب (راجع الخطوات الموضحة أعلاه)

هذا هو! ستكون الأداة الخاصة بك مباشرة على موقع WordPress الإلكتروني.

اذهب إلى هذا الميل الإضافي: إضفاء الطابع الشخصي على أداة الدردشة الخاصة بك

يمكنك جعل العلامة التجارية المصغرة متوافقة وتبدو وكأنها جزء لا يتجزأ من موقع الويب. وتخصيص أداة الدردشة متعددة القنوات مهم جدا لأنه سيجعل الأداة تبدو أكثر جاذبية لزوار موقع الويب لاستخدامها.

لذلك لا تنس إضفاء الطابع الشخصي:

  • اسم عرض الشركة: سيتم عرض اسم شركتك في الجزء العلوي من عنصر واجهة مستخدم موقع الويب. ضع العلامة التجارية بالنقر فوق الزر "هنا".
  • السطر الافتتاحي: خصص السطر الافتتاحي في الجزء العلوي من الأداة.
  • رسالة ترحيب: يمكنك تخصيص الرسالة الأولى التي سيشاهدها الأشخاص بنفس القدر (1). وسيقوم الزر (2) بإعادة توجيههم إلى القناة التي اختاروها.
  • القناة الافتراضية: ستكون هذه هي القناة الأولى للعملاء عند فتح الأداة. لذا تأكد من اختيار القناة الأكثر منطقية لقاعدة عملائك ورحلتهم.
  • الألوان: امنح عنصر واجهة المستخدم الخاص بك الألوان المناسبة لتناسب علامتك التجارية.
  • عرض فريقك: عند التمكين ، يمكن عرض فريقك (صورة ملفه الشخصي واسمه) في الأداة. ستكون هذه طريقة رائعة لتخصيص الأداة ، لذلك لن يشعر العملاء أنهم يتواصلون فقط مع روبوت.
  • الموضع: أين تناسب الأداة بشكل أفضل على موقع الويب الخاص بك؟ يمكنك اختيار الجانب الذي يعمل بشكل أفضل.
  • الرمز: عند إغلاق الأداة ، يمكنك اختيار إظهار رمز. من الجيد دائما إظهار شعارك هنا.
  • اللغات: تعتمد لغة أداة موقع الويب الافتراضية على لغة متصفح الزائر. ولكن في حالة رغبة العملاء في تغيير ذلك ، يمكنك إضافة لغات. هذا ينطبق أيضا على إضافة ترجمات للإجابات المكتوبة مسبقا.
  • Whitelabel: يمكنك دائما استخدام الأداة بدون الشعار من منصة المشاركة الخاصة بك.

💡 وصبي أكثر أهمية من تخصيص الألوان ، يمكنك تتبع ما يحدث مع عنصر واجهة المستخدم الخاص بك. قم بتمكين الزر الذي تراه أعلاه إذا كنت ترغب في تتبع أحداث الأداة في Google Analytics.

كن متعدد القنوات حاضرا مع عنصر واجهة المستخدم

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

من الأفضل أن تبدأ نهج omnichannel الخاص بك عاجلا وليس آجلا ، حيث تحتفظ الشركات التي لديها استراتيجية مشاركة العملاء متعددة القنوات في المتوسط بنسبة 89٪ من عملائها.

لذا ابدأ بالأداة، و خطط لعرض توضيحي هنا.

دعونا نلتقي

قم بتنمية عملك بإخلاص. اجمع جميع جهات اتصال العملاء الخاصة بك في منصة واحدة واحدة لإطلاق العنان للبهجة في كل خطوة على الطريق.
التخطيط لعرض توضيحي