React / Next.js

مكون <TalkmioChat siteKey="…" /> لـ React و Next.js (App and Pages router) و Vite و Remix و Gatsby. آمن لـ SSR — حيث يقوم بتحميل الأداة مرة واحدة في المتصفح والتعرف على المستخدم الحالي.

تحميل talkmio-react-1.0.0.zip

التثبيت

1. انسخ src/index.js إلى مشروعك (أو قم بتثبيت الحزمة من ملف zip باستخدام npm install ./talkmio-react).
2. قم بعملية الرندر (Render) مرة واحدة، على سبيل المثال في التخطيط الرئيسي (root layout): <TalkmioChat siteKey="YOUR_SITE_KEY" user={{ name, email }} />
3. في Next.js App Router: ضعه في مكون عميل ('use client') يتم تضمينه من app/layout.js.

أين أجد مفتاح الموقع (site key) الخاص بي؟ قم بتسجيل الدخول عبر app.talkmio.com ← Websites، أضف موقعك الإلكتروني وانسخ المفتاح المكون من 12 حرفاً (مثال: 2wkxhgujxwlv). ليس لديك حساب بعد؟ أنشئ حساباً مجانياً — لا يتطلب بطاقة ائتمان.

اختبر الدردشة قبل الإطلاق

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

ما يراه زوارك

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

الخطوات التالية

اطّلع على جميع التكاملات، وقارن الخطط والأسعار، واقرأ التوثيق أو الأسئلة الشائعة.