لدمج Voxys Connect مع تطبيق Vue.js الخاص بك، تحتاج إلى لصق سكريبت أداة Voxys Connect في ملف `index.html` لتطبيق Vue.js الخاص بك. إليك كيفية القيام بذلك: ## الخطوة 1. الحصول على سكريبت الأداة​ يمكنك العثور على سكريبت الأداة في إعدادات صندوق الوارد لموقعك الإلكتروني. اذهب إلى الإعدادات -> صناديق الوارد -> اختر قناة موقع الويب الخاصة بك > تبويب `Configuration`. إذا لم تقم بإنشاء صندوق وارد لموقع الويب بعد، يمكنك العثور على التعليمات خطوة بخطوة [هنا](https://app.docs.voxys.ai/hc/voxys-help/en/website-live-chat/474). ## الخطوة 2. نسخ السكريبت​ انسخ السكريبت الذي تم إنشاؤه في حقل `code` للقناة. ![](https://app.chatwoot.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBK2x6VHc9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--742964bf7893816db8255942c6e56582a9d9bc93/script%20for%20a%20website%20inbox.png) ## الخطوة 3. لصق السكريبت هنا​ افتح مشروع Vue الخاص بك والصق السكريبت في ملف index.html، قبل وسم الإغلاق `` مباشرة. ```
``` ## الخطوة 4. التحقق ستتمكن الآن من رؤية أداة Voxys Connect على الصفحة. شيء مثل هذا: ![](https://app.chatwoot.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBL2R6VHc9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--2f073ca9ea425355fb29783559691c9521a8f00b/vue.png) ### وحدة Vue.js و Nuxt.js​ تتوفر وحدة تتم صيانتها من قبل المجتمع (صنعها الفريق الرائع في [@huntersofbook](https://github.com/huntersofbook/huntersofbook)) لدمج Voxys Connect في مشاريع Vue 3 و Nuxt 3 الخاصة بك. يمكنك العثور على [عرض تجريبي هنا](http://vue-voxys-connect-plugin.vercel.app/). - عرض [وحدة Vue 3](https://github.com/huntersofbook/huntersofbook/tree/main/projects/voxys-connect/packages/vue). - عرض [وحدة Nuxt 3](https://github.com/huntersofbook/huntersofbook/tree/main/projects/voxys-connect/packages/nuxt).