إضافة واجهة tawk.to إلى Magento 2

التعليمات أدناه مخصصة لأجهزة الكمبيوتر المكتبية والمحمولة فقط.

في هذا الدليل، سنوضح لك كيفية إضافة واجهة tawk.to إلى متجرك في Magento 2.


ملاحظة: لم يعد Magento يدعم Magento Commerce 1 وMagento Open Source 1. نوصي بالترقية إلى Magento 2.


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


إذا كنت تقوم بتثبيت هذا الامتداد لأول مرة، انتقل إلى تثبيت أحدث إصدار من امتداد tawk.to.

إزالة الامتداد القديم

تثبيت قياسي/Artifact


إذا كنت قد قمت بتثبيت إصدار سابق من هذا الامتداد عبر التثبيت القياسي/Artifact، اتبع هذه الخطوات لإزالة ملفات الامتداد القديم:


1. شغّل الأمر التالي لإزالة الامتداد:

php composer.phar remove tawk/widget


2. شغّل الأوامر التالية لإزالة المستودعات القديمة من Composer:

php composer.phar config --unset repositories.tawk-url-utils
php composer.phar config --unset repositories.tawk


3. شغّل الأمر التالي لمسح ذاكرة التخزين المؤقت لـ Composer:
php composer.phar clearcache

تثبيت يدوي


إذا كنت قد قمت بتثبيت إصدار سابق من هذا الامتداد يدويًا، شغّل الأوامر التالية لإزالة رابط المستودع لـ tawk/url-utils:

php composer.phar config --unset repositories.tawk-url-utils
php composer.phar clearcache


الآن، دعنا نلقي نظرة على خطوات التثبيت.

تثبيت أحدث إصدار من امتداد tawk.to

أولاً، قم بتثبيت Composer


إذا لم يكن لديك Composer بالفعل، شغّل الأمر التالي في مجلد الجذر لموقعك الإلكتروني <magento-installation-root-folder>:
curl -sS https://getcomposer.org/installer | php


إذا كنت قد قمت بتثبيت Composer عالميًا بالفعل، يمكنك استبدال php composer.phar بـ composer.


بعد ذلك، هناك طريقتان لتثبيت الواجهة:

  • التثبيت القياسي (موصى به)

  • التثبيت اليدوي

التثبيت القياسي


شغّل الأمر التالي لتنفيذ تثبيت قياسي:
php composer.phar require tawk/tawk-magento-2


بعد ذلك، تخطَّ القسم التالي وانتقل إلى تفعيل الامتداد أدناه.

التثبيت اليدوي


اتبع هذه الخطوات لتنفيذ التثبيت اليدوي:


1. قم بتنزيل ملف التثبيت المضغوط (zip)[من هذه الصفحة.



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

<magento-installation-root-folder>/app/code/Tawk/Widget


3. شغّل الأمر التالي لتثبيت الاعتماد tawk/url-utils:

php composer.phar require tawk/url-utils


بعد ذلك، دعنا نقم بتفعيل الامتداد.

تفعيل الامتداد

بمجرد تثبيت الامتداد، شغّل الأوامر التالية من مجلد الجذر لموقعك الإلكتروني:

php bin/magento module:enable Tawk_Widget
php bin/magento setup:upgrade
php bin/magento setup:static-content:deploy
php bin/magento cache:clean

تهيئة الامتداد

اتبع هذه الخطوات لتهيئة الامتداد:


1. في لوحة تحكم Magento الخاصة بك، انتقل إلى System > واجهة tawk.to > اختر الواجهة الخاصة بك.

2. ضمن خيار Select Store، اختر المتجر الذي تريد إعداده. إذا كان لديك عدة متاجر، يمكنك إعداد تكوينات مختلفة لكل منها.

3. أدخل بيانات اعتماد tawk.to الخاصة بك وانقر على Log In. اختر الخاصية (Property) والواجهة (Widget). إذا كان لديك عدة خصائص وواجهات، تأكد من اختيار الصحيحة منها. ثم انقر على Use selected widget.

4. عيّن خيارات الرؤية (Visibility Options). هذه الإعدادات تحدد ما إذا كانت الواجهة ستظهر في كل صفحات موقعك أو في صفحات محددة فقط.

إذا اخترت Always Display Widget، ستظهر الواجهة في كل صفحات موقعك. يمكنك تعيين استثناءات حيث لا تريد أن تظهر الواجهة.


على سبيل المثال، إذا كنت لا تريد أن تظهر الواجهة في صفحة Contact الخاصة بك، انسخ مسار الصفحة كما يلي:

ثم الصقه في حقل Exception كما يلي:

الآن، ستظهر واجهتك في كل مكان باستثناء الصفحات الموجودة في حقل Exception.


إذا اخترت Do Not Display widget، فلن تظهر الواجهة في أي مكان. إذا أردت أن تظهر الواجهة في صفحة محددة، أدخل مسار الصفحة كما يلي:

الآن، ستظهر الواجهة فقط في صفحة Contact الخاصة بك.


يمكنك إدخال عدة صفحات في حقل Exception مفصولة بفواصل.


إذا كنت تدخل مسارًا، يجب أن يبدأ بشرطة مائلة “/” أو رمز بدل “”. يمكن وضع رموز البدل في أي مكان في المسار أو عنوان URL، في البداية أو الوسط أو النهاية.


إذا كنت تدخل عنوان URL، يجب أن يبدأ بـ “http” أو “https”.


مرر المؤشر فوق Examples of accepted patterns لعرض أمثلة على الاستثناءات المقبولة:

5. عيّن خيارات الخصوصية (Privacy Options). إذا اخترت Enable Visitor Recognition، عند بدء محادثة من قبل العملاء المسجلين الدخول، سيتم ملء بياناتهم (مثل الاسم والبريد الإلكتروني) تلقائيًا للوكلاء لديك.

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

إضافة الواجهة عبر محرر المحتوى في Magento

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


اتبع هذه الخطوات لتثبيت الواجهة عبر محرر محتوى Magento:


أولاً، انسخ رمز الواجهة من لوحة تحكم tawk.to. انتقل إلى Administration > Channels > واجهة الدردشة. ثم انقر على Copy to Clipboard تحت Widget Code.

بعد ذلك، قم بتنفيذ الخطوات التالية في محرر محتوى Magento:


1. في صفحة إدارة Magento، انتقل إلى Content > Blocks ثم انقر على Add New Block.

2. تأكد من أن خيار Enable Block مضبوط على Yes. أدخل عنوان البلوك (Block Title) والمعرف (Identifier) واختر Store View (المكان الذي تريد أن تظهر فيه الواجهة). ثم انقر على Edit with Page Builder.

3. انتقل إلى Elements واختر HTML Code.

4. انقر على رمز الإعدادات.

5. الصق رمز الواجهة (من لوحة تحكم tawk.to) في حقل النص. ثم انقر على Save.

6. انقر على Save لحفظ البلوك.

7. بمجرد حفظ البلوك، انتقل إلى Content > Widgets. ثم انقر على Add Widget.


8. اختر CMS Static Block تحت Type وحدد سمة التصميم الخاصة بك (Design Theme). ثم انقر على Continue.

9. أدخل عنوان الواجهة (Widget Title) واختر Store View تحت Assign to Store Views.

10. ضمن Layout Updates، اختر الصفحات التي تريد أن تظهر فيها الواجهة وحدد CMS Footer Links تحت Container. ثم انقر على Add Layout Updates.

11. انقر على Widget Options، اختر البلوك الذي أنشأته للتو، ثم انقر على Save. يجب أن تظهر واجهتك على موقعك.



ملاحظة: إذا ظهرت لك رسالة الخطأ “Content field contains restricted HTML elements”، شغّل الأمر التالي لإزالة التقييد:

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


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



إذا كان لديك ملاحظات حول هذه المقالة، أو إذا كنت بحاجة إلى مزيد من المساعدة:


هل كان هذا المقال مفيداً؟

87 من 129 أعجب بهذا المقال