logo
Embed / سایت اختصاصی

راه‌اندازی چت‌بات در سایت اختصاصی

قرار دادن ویجت چت شاپ پیلوت در Laravel، React، HTML یا هر سایت سفارشی — با embed، ردیابی تعامل و heatmap.

زمان تقریبی راه‌اندازی: ۱۵ دقیقه

مراحل مشترک (صفر تا صد)

ثبت‌نام، کیف پول، ساخت بات و … — کلیک برای نمایش

۱

ثبت‌نام و ورود به پنل

در شاپ پیلوت ثبت‌نام کنید یا وارد حساب شوید. پس از ورود به داشبورد دسترسی به همه بخش‌ها خواهید داشت.

۲

شارژ کیف پول

برای خرید سرویس ماهانه یا فعال‌سازی Pay as you go، ابتدا کیف پول را شارژ کنید. حداقل مبلغ شارژ در صفحه کیف پول نمایش داده می‌شود.

۳

خرید سرویس مناسب

از بخش «خرید سرویس» نوع سرویس (وردپرس، فروش اجتماعی، وب‌سایت هوشمند یا API) و روش پرداخت را انتخاب کنید: «ماهانه یکجا» — فقط هزینه اشتراک، بدون کسر توکن به ازای هر پیام؛ «Pay as you go» — فعال‌سازی رایگان و پرداخت به ازای مصرف.

۴

ساخت بات

از منوی «بات‌ها → ایجاد بات» یک بات جدید بسازید. بات در ابتدا با وضعیت «منتظر آموزش» ایجاد می‌شود.

۵

آموزش بات

هویت، لحن و دانش فروشگاه را در بخش «آموزش بات» تعریف کنید. اسکیل‌های فروش (معرفی محصول، پیگیری سفارش و …) را فعال کنید. پس از ذخیره، بات فعال می‌شود.

۶

اتصال بات به سرویس

در «سرویس‌های من» بات ساخته‌شده را به سرویس خریداری‌شده متصل کنید. هر سرویس فقط یک بات فعال دارد.

۷

شخصی‌سازی ظاهر ویجت

رنگ‌ها، آواتار، پیام خوش‌آمد و هدر چت را از بخش «استایل بات» تنظیم کنید. تصاویر آپلودشده به‌صورت خودکار فشرده می‌شوند.

۹

راه‌اندازی پشتیبانی انسانی

پشتیبان دعوت کنید، ارجاع را برای هر بات فعال کنید و از صندوق چت یا تلگرام/بله به مشتریان پاسخ دهید.

۱۰

راه‌اندازی نهایی سرویس

بسته به نوع سرویس: افزونه وردپرس را نصب کنید، محصولات را اضافه کنید، ویجت را embed کنید یا API را فراخوانی کنید. راهنمای اختصاصی هر سرویس را در ادامه ببینید.

۱۱

تست و بهره‌برداری

با «مکالمه آزمایشی» یا بازدید از سایت خود، چند سؤال نمونه بپرسید. مکالمات را از بخش «گفتوگوها» پیگیری کنید.

این سرویس برای چه کسانی است؟

۱

سایت غیروردپرسی

اگر فروشگاه یا سایت شما Laravel، React، Vue، HTML استاتیک یا هر CMS دیگری دارد — نه وردپرس.

۲

ویجت embed سریع

به جای ساخت UI از صفر با API، ویجت آماده را با یک اسکریپت در footer سایت قرار دهید.

مراحل راه‌اندازی

۱

خرید سرویس و ساخت بات

سرویس «چت بات سایت‌های اختصاصی» را فعال کنید، بات بسازید، آموزش دهید و به سرویس متصل کنید.

۲

دریافت bot_uid و API Token

bot_uid از لیست بات‌ها و API Token از تنظیمات پروفایل. هر دو در «سرویس‌های من» برای این سرویس نمایش داده می‌شوند.

۳

شخصی‌سازی ظاهر

رنگ، آواتار، پیام خوش‌آمد و موقعیت ویجت را از بخش «استایل بات» تنظیم کنید.

قرار دادن ویجت در سایت

۱

کد embed

اسکریپت زیر را قبل از </body> در صفحات موردنظر قرار دهید. service_id شناسه سرویس از «سرویس‌های من» است.

<script src="https://shoppilot.ir/embed/website/SERVICE_ID/widget.js" defer></script>
۲

iframe مستقیم (اختیاری)

برای کنترل بیشتر موقعیت، می‌توانید iframe چت را در layout خود embed کنید:

https://shoppilot.ir/embed/chat?bot_uid=YOUR_BOT_UID&key=YOUR_API_TOKEN&service_id=YOUR_SERVICE_ID&position=bottom-left
۳

Laravel Blade

در layout اصلی (مثلاً app.blade.php) قبل از </body> اسکریپت widget.js را با @push('scripts') یا مستقیم اضافه کنید.

۴

React / SPA

در useEffect یا componentDidMount، تگ script را به document.body اضافه کنید یا از react-helmet برای inject استفاده کنید.

ردیابی و تحلیل

۱

تعاملات صفحه

مدت ماند، اسکرول و کلیک‌های کاربران در بخش «تعاملات» پنل ثبت می‌شود.

۲

Heatmap کلیک‌ها

نقشه حرارتی نشان می‌دهد کاربران بیشتر کجای صفحه کلیک می‌کنند.

نکات کاربردی

  • API Token را فقط در سمت سرور نگه دارید — در کد embed عمومی فقط bot_uid و service_id کافی است.
  • قبل از انتشار، چند سؤال نمونه را در «مکالمه آزمایشی» تست کنید.
  • اگر UI کاملاً سفارشی می‌خواهید، سرویس API چت‌بات گزینه مناسب‌تری است.

آماده فعال‌سازی چت بات سایت‌های اختصاصی هستید؟

وارد پنل شوید، سرویس را بخرید و طبق این راهنما راه‌اندازی کنید.

ورود به پنل

پشتیبانی در تمام مراحل

مکالمه با هوش مصنوعی