راهنمای نصب چت روی سایت شما

در پنل خودتان از بخش «سایت‌ها» یک سایت بسازید؛ کد اختصاصی همان‌جا نمایش داده می‌شود (data-site کلید سایت شماست).

۱) HTML ساده یا هر فریم‌ورک

کد را قبل از </body> در قالب اصلی (layout) سایت بگذارید تا در همه‌ی صفحه‌ها نمایش داده شود:

<script src="https://chat.mahdavifar.ir/embed.js" data-site="کلید-سایت-شما" async></script>

۲) وردپرس / ووکامرس

یکی از دو راه: (الف) افزونه‌ی «Insert Headers and Footers» (یا «WPCode») را نصب کنید و کد را در بخش Footer بگذارید؛ (ب) در پوسته‌ی فرزند، فایل footer.php را باز کنید و کد را درست قبل از <?php wp_footer(); ?> بگذارید.

۳) لاراول (Blade)

در فایل layout (مثلاً resources/views/layouts/app.blade.php) قبل از </body>:

<script src="https://chat.mahdavifar.ir/embed.js" data-site="کلید-سایت-شما" async></script>

۴) React / Next.js / Vue

در سمت کلاینت و یک‌بار هنگام بارگذاری اپ:

useEffect(() => { const s = document.createElement('script'); s.src = 'https://chat.mahdavifar.ir/embed.js'; s.async = true; s.setAttribute('data-site', 'کلید-سایت-شما'); document.body.appendChild(s); }, []);

۵) Google Tag Manager

یک تگ «Custom HTML» با همان کد بسازید و Trigger آن را روی «All Pages» بگذارید.

معرفی کاربران واردشده‌ی سایت خودتان

اگر سایت شما ورود کاربر دارد، می‌توانید نام و ایمیل او را به چت بدهید تا فرم مشخصات را نبیند و در صندوق پیام با نام واقعی دیده شود (بعد از بارگذاری کد چت):

window.addEventListener('load', function () { if (window.LiveChat) { LiveChat.identify({ name: 'علی رضایی', email: 'ali@example.com', phone: '0912...', id: 42 }); } });

کنترل چت با جاوااسکریپت

LiveChat.open(); // باز کردن پنجره‌ی چت (مثلاً با دکمه‌ی «گفتگو با پشتیبان») LiveChat.close(); LiveChat.toggle(); LiveChat.isOpen();

برای باز شدن خودکار پنجره، به تگ اسکریپت data-open="1" اضافه کنید.

قفل دامنه

در تنظیمات هر سایت، «دامنه‌های مجاز» را وارد کنید (مثل example.com؛ زیردامنه‌ها خودکار مجازند). چت روی سایت‌های دیگر کار نمی‌کند، حتی اگر کد را کپی کنند.

عیب‌یابی