جدول المحتويات

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

آخر تحديث
مدة
add WhatsApp chat to your website

ليرة تركية؛ DR: ملخص سريع

  • أداة دردشة واتساب هي زر عائم يتيح لزوار الموقع بدء محادثات مباشرة مع الشركة، ما يبسّط عملية الاستفسار.
  • يمكنك تثبيت الأداة بسهولة عبر توليد كود مقتطف فريد من خلال SleekFlow ولصقه في شيفرة HTML الخاصة بموقعك، أو في Google Tag Manager، أو في إعدادات WordPress.
  • يتيح دمج واتساب للشركات مواصلة المحادثات حتى بعد مغادرة العميل المحتمل للموقع، ما يحسّن تحويلات المبيعات ويساعد على استعادة سلال التسوق المتروكة.
  • باستخدام روبوتات الدردشة الذكية ومنشئ المسارات، يمكنك تقديم دعم فوري للأسئلة الشائعة وتوجيه الاستفسارات المعقّدة إلى الشخص المناسب على مدار الساعة.

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

عند النقر على الأداة:

  1. تُفتح نافذة دردشة.

  2. يُطلب منك النقر على زر «الدردشة معنا».

  3. ثم يوجّهك هذا الزر إلى واتساب لبدء محادثة.

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

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

وإذا كنت لا تزالين تتساءلين: «كيف أضيف دردشة واتساب المباشرة إلى موقعي؟»، فقد وصلت إلى المكان الصحيح.

كيفية إضافة زر واتساب إلى موقع إلكتروني

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

الخطوة 1: أنشئي أداة دردشة واتساب

يتضمّن إنشاء أداة دردشة واتساب لموقعك عادةً استخدام خدمة خارجية مثل SleekFlow أو أداة توفّر الكود والوظائف اللازمة. فمع SleekFlow، يمكنك إنشاء أداة واتساب الخاصة بك من خلال تخصيص زر الدردشة وإعدادات الأداة لتتوافق مع علامتك التجارية.

وبعد إتمام هذه العملية، يمكنك البحث عن كود مقتطف فريد متوفّر على منصة SleekFlow لاستخدامه في الخطوة التالية.

الخطوة 2: ثبّتي أداة دردشة واتساب على موقعك

بحسب طريقة تطوير موقعك، يمكنك النظر في هذه الخيارات الثلاثة:

الخيار 1: إضافة كود المقتطف الفريد إلى HTML

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

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

الخيار 2: Google Tag Manager (GTM)

كيفية تثبيت الدردشة المباشرة عبر Google Tag Manager:

  1. أنشئي حساباً على GTM.

    أدخلي اسم شركتك وبلدك، واختاري خيار «WEB»، ووافقي على الشروط والأحكام وانقري «YES».

  2. أنشئي وسماً (Tag).

    انقري «Add a new tag» وسمّيه (مثل «Sleekflow widget Tag»)، ثم انقري أيقونة قلم التعديل لتحرير الوسم، واختاري «Custom HTML» لنوع الوسم.

  3. أضيفي كود تتبّع مراسل الموقع.

    ابحثي عن كود المقتطف في تطبيق SleekFlow، وانسخيه والصقيه في مربّع «HTML»، ثم انقري «Triggering» أو أيقونة القلم لتحديد شروط تشغيل الكود.

  4. اضبطي المُشغّلات لأداة SleekFlow.

    اختاري المربّع الفارغ بجانب «All Pages»، وانقري زر «Add» الأزرق في أعلى اليمين، ثم «Save».

  5. تحقّقي من الوسم وأرسليه.

    ارجعي إلى صفحة حساب GTM وتحقّقي من وسم SleekFlow، وانقري زر «Submit» الأزرق في أعلى اليمين. أصبحت أداة واتساب الآن متاحة على موقعك.

الخيار 3: موقع WordPress

لإتمام هذا التثبيت، ستحتاجين إلى كود تتبّع SleekFlow والوصول إلى لوحة تحكم WordPress لديك. وفيما يلي خطوات دمج أداة واتساب في موقع WordPress الخاص بك:

  1. سجّلي الدخول إلى WordPress.

    انتقلي إلى لوحة تحكم مسؤول WordPress في موقعك وسجّلي الدخول باستخدام بيانات اعتمادك.

  2. انتقلي إلى صفحة الإضافات (Plugins).

    انقري «My Site» في الزاوية العلوية اليسرى، ثم انقري تبويب «WP Admin» على اليسار.

  3. ثبّتي إضافة «Insert Headers and Footers».

    في العمود الأيسر، مرّري المؤشر فوق «Plugins» وانقري «Add New»، وابحثي عن إضافة «Insert Headers and Footers» من WPBeginner، ثم انقري «Install Now» ثم «Activate» لتفعيل الإضافة.

  4. افتحي إعدادات «Insert Headers and Footers».

    من القائمة اليسرى، مرّري المؤشر فوق «Settings»، واختاري إضافة «Insert Headers and Footers» من القائمة الفرعية.

  5. أضيفي كود التتبّع.

    ابحثي عن كود المقتطف الفريد على منصة SleekFlow، وانسخي الكود والصقيه في قسم «Script in Footer» في صفحة إعدادات الترويسة والتذييل، ثم انقري زر «Save» الأزرق في أسفل الصفحة.

  6. تحقّقي من أداة الدردشة.

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

هل تريدين التفوّق على منافسيك بمساعدة SleekFlow؟

احجزي عرضك التوضيحي المخصّص مع SleekFlow اليوم واكتشفي إمكانات التواصل السلس.

احجزي عرضاً توضيحياً · اطّلعي على الأسعار

كيفية الاستفادة الكاملة من أداة دردشة واتساب

بعد أن أجبنا عن سؤال «كيف أضيف زر دردشة واتساب المباشرة إلى موقعي؟»، حان وقت النظر في طرق تعظيم فوائد دمج واتساب في الموقع. وهناك بعض الميزات التي تتكامل جيداً مع دردشة واتساب للأعمال:

1. تقدّمي بطلب للحصول على شارة التوثيق من Meta

تُظهر شارة التوثيق على واتساب أن Meta قد وثّقت حساب الشركة، ما يساعد على بناء الثقة وتقليل خطر انتحال الهوية. يمكن للعلامة الزرقاء على حساب واتساب للأعمال أن تشير إلى:

  • أن الشركة موثّقة من Meta

  • أن الحساب يمكن التعرّف عليه بسهولة أكبر كوجود رسمي للشركة

  • أن العملاء يستطيعون بثقة أكبر تمييز الشركة عن المقلّدين أو حسابات الاحتيال

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

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

2. روبوتات دردشة واتساب

روبوتات دردشة واتساب هي برامج مؤتمتة يمكنها الرد على استفسارات العملاء وتنفيذ مهام محددة مسبقاً. وهي مفيدة بشكل خاص في:

  • التعامل مع الأسئلة الشائعة

  • تقديم ردود فورية، حتى خارج ساعات العمل

  • جمع المعلومات الأولية من العملاء

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

3. منشئ المسارات (Flow Builder) لتدفّق دردشة واتساب وسير عمل سلس

[إرشاد صورة: هذه الصورة في الأصل ملف GIF متحرك على الموقع؛ استخدمي إطاراً ثابتاً يوضّح خطوات المُشغّل والشرط والإجراء.]

المُشغّل (Trigger): هذه هي الخطوة الأولى في إنشاء مسار عمل مؤتمت. فالمُشغّل هو حدث أو إجراء محدد يبدأ به سير العمل. وفي هذه الحالة، قد يكون رسالة مُعدّة مسبقاً واردة من دردشة واتساب المباشرة للموقع.

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

  • الكلمات المفتاحية (مثل «السعر»)

  • شرائح العملاء (مثل «عميل عائد»)

الإجراء (Action): بعد تحديد الشروط والمسارات بناءً على حدث المُشغّل والشروط المضبوطة، تنتقلين إلى مرحلة الإجراء. وفي هذه المرحلة، تحدّدين الإجراءات التي ستُتخذ استجابةً للمُشغّل والشروط. وقد تشمل هذه الإجراءات:

  • إرسال ردود مؤتمتة

  • تحويل الرسائل إلى أعضاء فريق محددين

  • تحديث سجلات العملاء في أنظمة إدارة علاقات العملاء الخارجية

  • تنفيذ مهام أخرى

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

4. التحليلات والتتبّع

باستخدام أدوات التحليلات مثل Google Analytics أو تحليلات WhatsApp Business API، يمكن للشركات الحصول على رؤى حول أداء أداة الدردشة. إذ يمكنها تتبّع مقاييس فورية مثل:

  • صفحات الموقع التي يهتم بها المستخدمون

  • عدد جلسات الدردشة

  • متوسط أزمنة الاستجابة

  • أوقات التفاعل الأكثر شيوعاً

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

فوائد استخدام أداة واتساب للموقع

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

1. تحسين المبيعات والتحويل

على عكس أنظمة الدردشة المباشرة التقليدية، تتيح لك دردشة واتساب للأعمال على الموقع مواصلة المحادثات حتى بعد مغادرة العميل لموقعك. وهذا قيّم لأن:

  • التفاعل المستمر:

    يمكنك متابعة العملاء المحتملين، والإجابة عن الأسئلة العالقة، وتقديم المعلومات الإضافية اللازمة لإتمام عملية بيع.

  • التخصيص الموجّه:

    من خلال تتبّع التفضيلات والتفاعلات السابقة، يمكنك تقديم توصيات مخصّصة.

تُظهر الأبحاث أن 71% من المستهلكين يتوقعون خدمة مخصّصة من الشركات. وتقديم هذا المستوى من التخصيص يمكن أن يعزّز معدلات التحويل بشكل كبير، إذ يميل العملاء أكثر إلى الشراء عندما يشعرون بأنهم مفهومون ومقدَّرون.

دراسة حالة: كيف عزّزت Pearl Holiday Travel & Tour توليد العملاء المحتملين بأداة واتساب من SleekFlow. وكالة سفر كانت تعتمد تقليدياً على نماذج المواقع الثابتة، لكنها أدركت أن المسافرين المعاصرين يفضّلون سرعة المراسلة الفورية. واجهت الوكالة حظراً متكرراً للحساب عند استخدام تطبيقات المراسلة المجانية، كما وجدت صعوبة في التقاط العملاء المحتملين بسرعة وسط زحام معارض السفر الحضورية. فدمجت أداة واتساب من SleekFlow في موقعها، وطبّقت رموز QR في الفعاليات ومسارات دردشة مؤتمتة لتأهيل العملاء المحتملين وتوجيههم إلى الموظفين فوراً. النتائج:

  • معدل تسليم بلغ 90%

  • ما يقارب 2000 عميل محتمل جديد

  • معدل رد هائل بلغ 80%

2. دعم فوري للعملاء

تظل غرف دردشة واتساب متاحة ما لم يحذفها العميل. ويوفّر ذلك عدة فوائد للشركات والعملاء معاً:

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

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

وفي حين قال 57% من المستهلكين إنهم سيتركون سلة التسوق إذا لم يحصلوا على رد فوري على استفساراتهم، فإن المساعدة السريعة والفعّالة يمكن أن تحسّن الاحتفاظ بالعملاء.

دراسة حالة: كيف عزّزت Preface تفاعل العملاء بأزرار واتساب من SleekFlow. شركة تعليم عالمية كانت بحاجة إلى طريقة لإدارة حجم كبير من الاستفسارات؛ فنظامها القائم لم يكن قادراً على التوسّع مع احتياجاتها في توليد العملاء المحتملين ودعم العملاء. أنشأ هذا النظام معالجةً غير فعّالة لمحادثات العملاء، ونتيجة لذلك فقُد عملاء محتملون، ولم تحقق الجهود التسويقية مثل حملات البريد الإلكتروني كامل إمكاناتها. استخدمت Preface أزرار «اسألنا على واتساب» على موقعها لروبوتات الدردشة، واعتمدت صندوق الوارد المشترك من SleekFlow الذي يوجّه الاستفسارات تلقائياً إلى القسم الصحيح. النتائج:

  • ضاعفت Preface قدرتها على التعامل مع الاستفسارات دون توظيف موظفين إضافيين.

  • بالتحوّل إلى واتساب للبث التسويقي، ارتفعت معدلات فتح الحملات بشكل كبير لتصل إلى 70–80%.

3. تقليل ترك سلة التسوق

يُعدّ ترك سلة التسوق تحدياً شائعاً في التجارة الإلكترونية. ومع دمج واتساب في الموقع، يمكنك إعادة إشراك العملاء الذين تركوا سلالهم. إذ يمكنك:

  • أتمتة التذكيرات في الوقت الأنسب باستخدام منشئ المسارات.

  • تقديم حوافز مثل الأكواد الترويجية أو الخصومات.

  • تشجيع العملاء على إتمام مشترياتهم واستعادة المبيعات المفقودة.

4. دعم متعدد اللغات

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

5. انشري وكلاء الذكاء الاصطناعي

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

  • أهّلي العملاء المحتملين فوراً:

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

  • نفّذي المهام تلقائياً:

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

  • درّبي الوكلاء على بياناتك:

    ارفعي ملفات PDF وروابط ومستندات السياسات الخاصة بك لإنشاء قاعدة معرفة مخصّصة. ويضمن ربط هذه البيانات بوكلائك أن يكون كل رد مؤتمت دقيقاً وخاصاً بعملك.

  • اضمني عمليات تسليم سلسة للموظف البشري:

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

تأكّدي من امتثال أتمتتك لـسياسة مراسلة واتساب للأعمال، بما في ذلك متطلبات موافقة العميل (opt-in) واستخدام القوالب عند الضرورة.

اتصلي بـ WhatsApp Business API الآن!

اتصلي بـ WhatsApp Business API واكتشفي أدوات قوية لإشراك جمهورك.

اتصلي الآن

بدائل لبدء دردشة واتساب من موقعك

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

1. رابط دردشة واتساب على الموقع

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

  • توليد رابط واتساب:

    يمكنك توليد رابط واتساب باستخدام صيغة محددة، مثل

    ، أو افتحي تطبيق واتساب للأعمال وانتقلي إلى الإعدادات ← أدوات الأعمال ← الرابط المختصر. ويمكنك أيضاً استخدام

    مولّد روابط واتساب المجاني

    لدينا.

  • إضافة الرابط إلى موقعك:

    بمجرد توليد رابط واتساب، يمكنك ربطه بكلمة مفتاحية مثل «الدردشة عبر واتساب» أو برقم الهاتف في تذييل موقعك أو في صفحة «اتصل بنا».

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

2. رمز QR لواتساب

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

  • توليد رمز واتساب:

    افتحي

    تطبيق واتساب للأعمال

    ، وانتقلي إلى «المزيد من الخيارات» ← «الإعدادات»، وانقري على أيقونة QR الخضراء بجانب اسم حساب عملك. وبمجرد توليده، يمكنك تنزيل صورة رمز QR. وبدلاً من ذلك، يمكنك استخدام

    مولّد رموز QR لواتساب المجاني

    لدينا.

  • عرض رمز QR:

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

أفضل الممارسات لأزرار دردشة عالية التحويل

لتعظيم العائد على الاستثمار من زر واتساب لديك، اتبعي قواعد التحسين المعيارية التالية:

  • التموضع الاستراتيجي:

    التزمي بالزاوية السفلية اليمنى، فهي المكان الذي يبحث فيه المستخدمون غريزياً عن المساعدة.

  • عبارة حث مقنعة:

    بدلاً من كلمة «دردشة» العامة، استخدمي «احصل على عرض سعر» أو «تحدّث إلى مصمم أزياء» لتحديد توقعات واضحة.

  • رسائل مُعبّأة مسبقاً:

    وفّري وقت المستخدمين بضبط سطر افتتاحي افتراضي، مثل: «مرحباً! أنا مهتم بـ[اسم المنتج]، هل يمكنك مساعدتي؟»

  • حدّدي توقعات الاستجابة:

    استخدمي حالة «متصل/غير متصل» في الأداة أو تحيةً مؤتمتة لإخبار المستخدمين بموعد عودة فريقك.

هل تريد التفوق على منافسيك بدعمٍ من سليكفلو؟

احجز الان عرضًا توضيحيًا مخصصًا مع سليكفو، وانطلق للاحترافية في امكانيات التواصل السلس.

زيادة التحويلات باستخدام الذكاء الاصطناعي سليكفلو

جربه الآن بدون تكلفة!