React / Next.js

React, Next.js (App এবং Pages রাউটার), Vite, Remix এবং Gatsby-এর জন্য কম্পোনেন্ট <TalkmioChat siteKey="…" />। এটি SSR-safe — ব্রাউজারে একবার উইজেটটি লোড করে এবং বর্তমান ব্যবহারকারীকে শনাক্ত করে।

Download talkmio-react-1.0.0.zip

ইনস্টল করুন

1. src/index.js আপনার প্রজেক্টে কপি করুন (অথবা জিপ ফাইল থেকে npm install ./talkmio-react ব্যবহার করে প্যাকেজটি ইনস্টল করুন)।
2. একবার রেন্ডার করুন, উদাহরণস্বরূপ আপনার রুট লেআউটে: <TalkmioChat siteKey="YOUR_SITE_KEY" user={{ name, email }} />
3. Next.js App Router: এটিকে একটি ক্লায়েন্ট কম্পোনেন্টে ('use client') রাখুন যা app/layout.js থেকে অন্তর্ভুক্ত করা হয়েছে।

আমার সাইট কি (site key) কোথায় পাব? app.talkmio.com → Websites-এ সাইন ইন করুন, আপনার ওয়েবসাইটটি যোগ করুন এবং ১২ অক্ষরের কি-টি কপি করুন (যেমন: 2wkxhgujxwlv)। এখনও অ্যাকাউন্ট নেই? বিনামূল্যে একটি তৈরি করুন — কোনো কার্ডের প্রয়োজন নেই।

চালু করার আগে চ্যাট পরীক্ষা করুন

ইনস্টল করার পরে ব্রাউজারের প্রাইভেট উইন্ডোতে আপনার সাইট খুলুন এবং গ্রাহকেরা প্রায়ই যে দুই-তিনটি প্রশ্ন করেন তা Mio-কে জিজ্ঞাসা করুন। দেখুন প্রতিটি উত্তর আপনার নিজের পেজ থেকে আসছে কি না; কিছু না থাকলে তা ওয়েবসাইট বা নলেজ বেসে যোগ করে আবার জিজ্ঞাসা করুন।

আপনার ভিজিটররা কী দেখেন

যে পেজে কোড লোড হয়, সেখানেই চ্যাট বাবল দেখা যায়। ভিজিটররা যেকোনো সময় লিখতে পারেন: Mio আপনার কনটেন্ট থেকে তাদের ভাষায় উত্তর দেয় এবং মানুষের প্রয়োজন হলে কথোপকথন আপনার টিমকে দেয়।

পরবর্তী ধাপ

সব ইন্টিগ্রেশন দেখুন, প্ল্যান ও দাম তুলনা করুন, ডকুমেন্টেশন পড়ুন বা সচরাচর জিজ্ঞাসিত প্রশ্ন দেখুন।