كيفية إضافة واجهات متعددة إلى موقع ويب باستخدام JavaScript
يمكنك إضافة واجهات متعددة إلى موقع ويب عن طريق إضافة واجهة إلى كل صفحة.
ولكن هناك طريقة أسرع لإضافة واجهات متعددة إلى موقع الويب.، في حال كنت خبير في الرموز أو كان لديك مطوّر في فريقك.
في هذه المقالة، سنوضح لك كيفية تعديل رمز الواجهة بحيث ستعتمد الواجهة التي تم تحميلها في كل صفحة على الوظيفة والشروط التي تعيّنها لها. على سبيل المثال، في موقع متعدد اللغات، يمكنك إعداد رمز واجهة لتحميل الواجهة تلقائيًا وفقًا للغة الموجودة في الصفحة.
في البداية، ستحتاج إلى معرّفات الخاصية والواجهة.
ما هو الفرق بين الخاصية والواجهة؟
فيما يلي ملخص يوضح الفرق بين الخاصية والواجهة:
إن الخاصية مرتبطة بموقع ويب أو صفحة. إنها شاملة وتتضمن الواجهة الخاصة بك وقاعدة المعرفة والوكلاء بالإضافة إلى الاختصارات، والمشغلات، وعلامات التبويب، والمزيد.
الواجهة هي الأداة التي يدردش الزائر من خلالها، ويترك الرسائل أو يصل إلى أي محتوى تشاركه عبر بطاقات واجهة tawk.to. يمكن أن تحتوي كل خاصية على ما يصل إلى ٢٠ واجهة. يمكنك تخصيص إعدادات المحتوى والتصميم واللغة وإمكانية العرض لكل واجهة. ستعمل الوظائف الإضافية على أي واجهة دردشة تنتمي إلي نفس الخاصية.
تتيح لك الخاصية الجديدة إنشاء قاعدة معرفة جديدة وتغيير الرسائل المشغلة، وإنشاء الاختصارات، وتعيين الوكلاء، والمزيد. يجب شراء الإضافات بشكل منفصل لكل خاصية.
ملاحظة: يمكن استخدام واجهة واحدة فقط على نفس الموقع. إن الأمثلة أدناه تفسر كيفية تحميل خاصية / واجهة وفقًا للمعايير التي تختارها. لاستخدام هذه الطريقة، يجب عليك إزالة مكون WordPress الإضافي ، إذا كنت تستخدمه.
تخصيص رمز لخاصيتك والواجهة
لتغيير الواجهة التي يتم تحميلها على صفحتك ، قم بتغيير سمة src التالية بناءً على الواجهة التي تريد تضمينها:
في هذه الأمثلة، يتألف chatId من "your-property-id / your-widget-id" والذي يتم حله بواسطة وظيفة getChatId.
يمكنك العثور على معرف الخاصية في النظرة العامة على الخاصيات. انتقل إلى لوحة التحكم > المشرف > نظرة عامة على الموقع وانسخ معرّف الخاصية الخاص بك.
للعثور على معرف الخاصية الخاص بك، انتقل إلى إلى لوحة التحكم > المشرف > واجهة الدردشة.
حدد الواجهة التي تريد تضمينها من قائمة واجهة الدردشة المنسدلة. ثم انسخ الرمز الموجود في القسم الأخير من رابط الدردشة المباشرة الخاص بك.
إليك مكان إضافة معرف الخاصية ومعرف الواجهة:
لتغيير الواجهة، قم بتغيير معرف الواجهة في نهاية الرمز.
لتغيير كل من الخاصية والواجهة، يجب عليك توفير خيارات لكل من معرّف الخاصية ومعرف الواجهة.
إليك ما يبدو عليه استخدام معرف الخاصية ومعرف الواجهة في الأمثلة أدناه:
فيما يلي ثلاثة نماذج لتعديل كود الواجهة لتضمين واجهات متعددة
فيما يلي تطبيق قياسي لكود تضمين الواجهة.
في كل مثل، الغرض الوحيد من وظيفة getChatId هو توفير معرف الدردشة لتحميل كود التضمين. يمكنك تعديل الوظيفة بناءً على أي معيار تختاره. راجع الطرازين 2 و 3 للحصول على أمثلة بناءً على لغة الصفحة.
لتعيين واجهة بناءً على لغة الصفحة، استخدم الكود التالي. بعد ذلك، لحذف وتغيير الواجهة التي تظهر، قم بتعديل وظيفة getChatId لوضع معرف دردشة محدد لكل لغة.
فيما يلي طريقة لتغيير الخاصية بناءً على لغة الصفحة عن طريق تعديل وظيفة getChatId مرة أخرى وتحديث قيم الإرجاع لكل لغة.
يتيح لك تغيير الخاصية ربط عملائك بالوكلاء وقاعدة المعرفة في الخاصية الإضافية.
إذا كنت بحاجة إلى مساعدة إضافية لإعداد أدوات متعددة على موقعك، قم بزيارة
منصة مطوري tawk.to أو تواصل معنا في الدردشة. نحن هنا لمساعدتك على مدار الساعة طوال أيام الأسبوع.
