گفتگوی آنلاین (Live Chat)
یک ویجت سبک و کاملاً قابل شخصیسازی که به بازدیدکنندگان سایتت اجازه میدهد در لحظه با تیم تو گفتگو کنند.
گفتگوی آنلاین چیکار میکند؟
ویجت گفتگوی آنلاین شاهو یک کانال ارتباطی زنده بین بازدیدکنندهی وبسایت و تیم پشتیبانی/فروش شماست. بازدیدکننده روی دکمهی شناور کلیک میکند، پنجرهی چت باز میشود، و بدون نیاز به ثبتنام یا ارائهی اطلاعات، میتونه سوالش رو بپرسه.
نصب سریع
اگر قبلاً مرحلهی نصب رو انجام دادی، این بخش رو رد کن. در غیر این صورت، فقط یک تکه کد رو کپی کن:
<script src="https://myshahoo.ir/widget.js?key=YOUR_API_KEY" async></script>
شخصیسازی ظاهر ویجت
تمام تنظیمات ظاهر از پنل شاهو، بخش کانالها ← وبسایت قابل تغییره. تغییرات بلافاصله اعمال میشن — نیازی به نصب مجدد کد نیست.
پیشنمایش زنده
پنل شاهو یک پیشنمایش زنده داره که میتونی تغییرات رو همون لحظه ببینی. حالت دسکتاپ و موبایل رو سوییچ کن، آیکون و رنگ رو عوض کن، و نتیجو همون لحظه ببین.
رنگ دکمه
دو رنگ اصلی قابل تنظیمه:
- رنگ اول — رنگ بالای گرادیان (پیشفرض: بنفش)
- رنگ دوم — رنگ پایین گرادیان (پیشفرض: بنفش تیره)
#8b5cf6
#5b21b6
آیکون دکمه
۸ آیکون آماده برای انتخاب:
موقعیت و اندازه
| تنظیم | مقادیر | پیشفرض |
|---|---|---|
| موقعیت (دسکتاپ) | پایین-چپ / پایین-راست / بالا-چپ / بالا-راست | پایین-چپ |
| موقعیت (موبایل) | پایین-چپ / پایین-راست / بالا-چپ / بالا-راست | پایین-چپ |
| اندازه دکمه (دسکتاپ) | ۴۰ تا ۸۰ پیکسل | ۵۶px |
| اندازه دکمه (موبایل) | ۳۶ تا ۷۲ پیکسل | ۴۸px |
| فاصله افقی | ۰ تا ۲۰۰ پیکسل | ۲۰px |
| فاصله عمودی | ۰ تا ۲۰۰ پیکسل | ۲۰px |
متنهای پنجره چت
- عنوان — مثلاً «پشتیبانی شاهو»
- زیرعنوان — مثلاً «همیشه کنار شما»
- پیام خوشآمد — اولین پیامی که بازدیدکننده میبینه
- Placeholder — متن داخل ورودی پیام
نمایش در دستگاهها
میتونی تعیین کنی که ویجت در کدام دستگاهها دیده بشه:
- دسکتاپ — نمایش در رایانه
- موبایل — نمایش در تلفن همراه و تبلت
حالت تمامصفحه در موبایل
اگر این گزینه فعال باشه، در موبایل پنجرهی چت بهصورت تمامصفحه باز میشه — تجربهی بهتری برای کاربر موبایل.
تنظیم رفتار ویجت
نمایش خودکار پنجره
میتونی تعیین کنی که پنجرهی چت بعد از چند ثانیه بهصورت خودکار باز بشه یا نه. این گزینه در افزایش نرخ تعامل مؤثره.
پیام اولیه
پیام اولیه پیامی است که هنگام باز شدن پنجره نمایش داده میشه. میتونه شامل سوال، خوشآمدگویی یا پیشنهاد باشه.
به شاهو خوش آمدید! چطور میتونم کمکتون کنم؟
کنترل ویجت با JavaScript
اگر میخواهی از کدهای خودت ویجت رو کنترل کنی، میتونی از API جاوااسکریپت استفاده کنی.
باز کردن پنجره چت
window.SahooWidget.open();
بستن پنجره چت
window.SahooWidget.close();
نمایش/مخفی کردن دکمه
window.SahooWidget.show();
window.SahooWidget.hide();
تنظیم اطلاعات بازدیدکننده
اگر کاربر لاگین شده و میخوای اطلاعاتش رو به اپراتور نشون بدی:
window.SahooWidget.identify({
name: 'مریم رضایی',
email: 'maryam@example.com',
phone: '09123456789',
userId: '12345'
});
ردیابی رویدادها
میتونی رویدادهای سفارشی رو به ویجت بفرستی:
window.SahooWidget.track('purchase_started', {
product: 'SimYaab Premium',
price: 490000
});
این رویدادها در پنل شاهو، بخش گزارشها قابل مشاهده هستن و میتونی بر اساسشون اتوماسیون بسازی.
تنظیمات پیشرفته
حالت تاریک
ویجت بهصورت خودکار از حالت تاریک سیستم کاربر پیروی میکنه. اگر میخوای همیشه حالت خاصی داشته باشی:
window.SahooWidget.setTheme('dark'); // یا 'light' یا 'auto'
زبان
ویجت بهصورت پیشفرض فارسی است. اگر میخوای زبان رو عوض کنی:
window.SahooWidget.setLanguage('fa'); // یا 'en'
پیشبارگذاری
اگر میخوای ویجت سریعتر بارگذاری بشه، این تکه کد رو در
<head> قرار بده:
<link rel="preconnect" href="https://myshahoo.ir">
ریسپانسیو
ویجت بهصورت خودکار در دستگاههای مختلف تنظیم میشه:
| دستگاه | رفتار |
|---|---|
| دسکتاپ (عرض بالای ۹۰۰px) | پنجره چت شناور در گوشه |
| تبلت (۶۴۰px تا ۹۰۰px) | پنجره چت شناور بزرگتر |
| موبایل (زیر ۶۴۰px) | حالت تمامصفحه (اختیاری) |
سوالات متداول
ویجت روی سایت کندی ایجاد میکنه؟
خیر. ویجت زیر ۲۰KB است و با async بارگذاری میشه،
پس روی سرعت صفحه تأثیر نمیذاره.
میتونم روی چند سایت نصب کنم؟
بله، به تعداد پلن. در Starter یک سایت، در Growth تا ۵ سایت و در Business نامحدود.
اگر کاربر فیلترشکن داشته باشه، کار میکنه؟
ویجت روی سرورهای داخل ایران میزبانی میشه، پس بدون فیلترشکن هم در دسترسه. این باعث میشه تجربهی کاربر ایرانی بهتر بشه.
میتونم ویجت رو فقط برای کاربران لاگینشده نشون بدم؟
بله، با استفاده از JS API:
if (userIsLoggedIn) {
window.SahooWidget.show();
} else {
window.SahooWidget.hide();
}