صفحه اصلی لایو چت وبسایت
📭

لایو چت وبسایت

تیم گپیفای
توسط تیم گپیفای
7 مقالات

توضیحات تنظیمات لایوچت وب‌سایت

این سند به شما کمک می‌کند تا چت زنده وب‌سایت خود را به طور کامل راه‌اندازی کنید. در اینجا توضیح داده شده است که چگونه با استفاده از امکانات موجود ، یک صندوق ورودی مطابق نیاز خود برای وب‌سایت ایجاد کنید. سازگاری و نیازمندی ها داشبورد وب و ویجت چت زنده با بیشتر مرورگرهای وب سازگار هستند. نسخه‌های پشتیبانی شده مرورگرها به شرح زیر است: - موزیلا فایرفاکس: نسخه ۵۲ به بعد - گوگل کروم: نسخه ۵۷ به بعد - کرومیوم:نسخه ۵۷ به بعد - اپل سافاری:نسخه ۱۴.۱ به بعد - مایکروسافت edge: نسخه ۱۶ به بعد نسخه‌های سیستم عامل‌های موبایل پشتیبانی شده برای اپلیکیشن موبایل گپیفای به شرح زیر است: - اندروید: نسخه ۵.۰ به بعد - iOS: نسخه ۱۱.۰ به بعد چگونه یک کانال وب‌سایت در گپیفای ایجاد کنیم؟ مرحله ۱: به صفحه "صندوق‌ها" بروید. - به تنظیمات -> صندوق های ورودی، دکمه "افزودن صندوق ورودی " بروید. - مرحله ۲. روی ایکون "وب سایت" کلیک کنید. مرحله ۳. نام وب سایت، URL و سایر جزئیات خود را همانطور که در زیر توضیح داده شده است وارد کنید. - یک پیام خوش‌آمدگویی برای شروع مکالمه بنویسید. به عنوان مثال، سلام. چطور می‌توانیم به شما کمک کنیم؟ پس از وارد کردن همه جزئیات، بر روی دکمه "ایجاد صندوق های ورودی " کلیک کنید. مرحله ۴. "افزودن ایجنت" به صندوق وب‌سایت خود. مکالمات فقط در صورتی به ایجنت واگذار می شوند که به صندوق های ورودی متصل باشند. حتی اگر یک مدیر  هستید، باید خود را به عنوان یک ایجنت به صندوق های ورودی اضافه کنید تا آن را را روی صفحه نمایش خود ببینید.ایجنت ها را از منوی دراپ داون انتخاب کرده و روی  “اضافه کردن ایجنت” کلیک کنید. مرحله ۵. شما با موفقیت یک صندوق های ورودی وب سایت ایجاد کردید. اکنون ویجت را به وب سایت خود اضافه کنید. کد مورد نظر را کپی کرده و در root file وب‌سایت خود جای‌گذاری کنید تا پشتیبانی از مشتریان خود را شروع کنید. می‌توانید بر روی دکمه "کپی" کلیک کنید تا کد را کپی کرده و سپس در root file وب‌سایت خود جای‌گذاری نمایید. اگر بر روی دکمه " تنظیمات بیشتر" کلیک کنید، به تنظیمات اضافی برای صندوق های ورودی هدایت خواهید شد. به همچنین اگر بر روی دکمه "نشانم بده " کلیک کنید، به صندوق های ورودی جدید ایجاد شده هدایت خواهید شد. مرحله ۶: اگر می‌خواهید ایجنت هایی که به صندوق دسترسی دارند را به‌روزرسانی کنید، به (تنظیمات) -> (صندوق های ورودی)->انتخاب صندوق مورد نظر -> همکاران بروید. شما قادر خواهید بود صندوق های ورودی وب‌سایت خود را در آنجا مشاهده کنید. بر روی تنظیمات کلیک کنید. در این بخش، می‌توانید کد و همچنین لیست ایجنت هایی که به صندوق های ورودی دسترسی دارند را مشاهده کنید. تکمیل راه‌اندازی صندوق وب‌سایت شما در حال حاضر یک صندوق ورودی وب‌سایت کاربردی دارید. بیایید نگاهی به تنظیمات اضافی صندوق بیاندازیم. در صفحه صندوق های ورودی ، بر روی آیکون چرخ‌دنده کلیک کنید تا به صفحه تنظیمات برسید. صفحه زیر را مشاهده خواهید کرد: تب تنظیمات به پایین صفحه بروید تا تنظیمات بیشتری را ببینید، جایی که می‌توانید انواع اعلان‌هایی که می‌خواهید هنگام شروع به کار صندوق وب‌سایت دریافت کنید را تنظیم کنید. در اینجا چند مثال برای درک بهتر شما آورده شده است: - فعال‌سازی فیلد وارد کردن ایمیل : به طور پیش‌فرض فعال است. این بدان معناست که هنگامی که مشتری مکالمه را شروع می‌کند  یک پیام خودکار برای جمع‌آوری ایمیل نمایش داده می‌شود. از مشتری خواسته می‌شود که ایمیل خود را وارد کند. - فعال‌سازی CSAT(رضایت مشتری): وقتی این گزینه را فعال کنید، نظرسنجی رضایت مشتری هر بار که به یک تیکت رسیدگی می‌شود، اجرا خواهد شد. نتایج CSAT (رضایت مشتری) را می‌توان بعداً در بخش گزارش‌ها مشاهده کرد. برای ذخیره تغییراتی که ایجاد کرده‌اید، بر روی دکمه "اعمال شود" کلیک کنید. تب همکاران بر روی " تب همکاران" کلیک کنید. در اینجا می‌توانید ایجنت را به صندوق اضافه کنید یا ایجنت اضافه شده را حذف کنید. همچنین می‌توانید تخصیص خودکار مکالمات جدید ، به ایجنت مرتبط با این صندوق را فعال یا غیرفعال کنید. برای ذخیره تغییرات بر روی "اعمال شود" کلیک کنید. تب ساعات کاری بر روی تب"ساعات کاری" کلیک کنید. در این بخش، می‌توانید ساعات کاری تیم خود را تنظیم کنید. اگر ساعات کاری مشخصی دارید، تیک " نمایش زمان فعالیت صندوق ورودی" را بزنید. با زدن این تیک، بخش جدیدی باز خواهد شد، همانطور که در تصویر زیر نشان داده شده است. شما می‌توانید پیامی که در ساعات غیرکاری به مشتری نمایش داده می‌شود را بنویسید. همچنین می‌توانید ساعات کاری موجود برای هر روز هفته را به همراه منطقه زمانی مناسب انتخاب کنید. بر روی دکمه "تنظیمات ساعت کاری را بروز کن" کلیک کنید. فرم پیش چت بر روی تب " فرم پیش چت ​" کلیک کنید. با استفاده از این فرم می‌توانید اطلاعاتی درباره مشتریان خود جمع‌آوری کنید به محض اینکه آنها وارد پنجره چت زنده/ویجت شما شوند. شما می‌توانید از این فرم برای جمع‌آوری نام، آدرس ایمیل و اطلاعات دیگر قبل از شروع چت استفاده کنید. فیلدهای موجود به شرح زیر توضیح داده شده‌اند: - فعال‌سازی فرم پیش از چت : انتخاب کنید "بله" یا "خیر". با انتخاب "بله"، فرم پیش از چت فعال خواهد شد و با انتخاب "خیر"، آن را غیرفعال نگه دارید. - پیام های پیش از چت: یک پیام برای شروع مکالمه با مشتری بنویسید. به عنوان مثال، "سلام، ما برای سرویس دهی بهتر به شما نیاز به مقداری اطلاعات داریم." - فیلدهای فرم پیش از چت: فیلدهایی که باید در فرم پیش از چت نمایش داده شوند را انتخاب کنید. تذکر: "نام"، "ایمیل" و "تلفن" تنها ویژگی‌های استاندارد برای فرم پیش از چت هستند. سایر فیلدها از طریق ویژگی‌های سفارشی ایجاد می‌شوند. اگر نیاز به فیلدهای سفارشی در فرم خود دارید، ابتدا آن‌ها را به عنوان ویژگی‌های سفارشی ایجاد کنید. برای ذخیره تغییرات کلیک بر روی دکمه "به‌روزرسانی" کنید. حالا فرم پیش از چت فعال شده است. تب پیکربندی بر روی زبانه "پیکربندی" کلیک کنید. در اینجا می‌توانید کد قطعه را که باید در وب‌سایت کپی کنید، پیدا کنید. می‌توانید بر روی دکمه "کپی" کلیک کنید تا کد را کپی کرده و آن را در root file وب‌سایت خود جای‌گذاری کنید. تب سازنده ابزارک می‌توانید ویجت وب خود را با تنظیمات ساده‌ای که در این صفحه ارائه شده است، شخصی‌سازی کنید. شما می‌توانید تغییرات خود را به صورت زنده مشاهده کنید.

آخرین به‌روزرسانی در تاریخ Jul 31, 2024

نحوه اضافه کردن لایو چت با استفاده از Google Tag Manager

اگر از Google Tag Manager بر روی وب‌سایت خود استفاده می‌کنید، می‌توانید با ایجاد یک تگ جدید، گپیفای را از داشبورد Google Tag Manager نصب کنید. برای نصب ویجت لایو چت گپیفای، لطفاً مراحل زیر را دنبال کنید. مرحله ۱. دسترسی به کنسول مدیریت تب ها با استفاده از حساب گوگل خود به فضای کاری مدیریت تب ها وارد شوید. یک فضای کاری مشابه تصویر زیر را خواهید دید. از داشبورد بر روی دکمه "افزودن تگ جدید" کلیک کنید. مرحله ۲. ایجاد یک تگ جدید با تنظیمات تگ میتوانید با استفاده از یک پاپ آپ یک تگ بسازید و آن را براساس سلیقه خود نامگذاری کنید. روی تنظیمات تگ کلیک کرده و از لیست "custom HTML"را انتخاب کنید. اسکریپت را از پیکربندی صندوق ورودی در گپیفای در قسمت متن اسکریپت HTML، مانند شکل زیر کپی کنید. کادر "Support document.write" را تیک بزنید. مرحله ۳. تنظیمات trigger بر روی " trigger " کلیک کنید و از لیست "all pages" را انتخاب کنید. بر روی "save" کلیک کنید تا تگ ذخیره شود. شما می‌توانید تگ جدید را در پایین صفحه مشاهده کنید. برای اعمال تگ بر روی "submit" کلیک کنید. یک نام نسخه وارد کرده و با کلیک بر روی "publish" تغییرات را اعمال کنید. مرحله ۴. پایان کار شما با موفقیت لایو چت گپیفای را در وب‌سایت خود پیاده سازی کردید. وب‌سایت خود را یکبار دیگر بارگذاری کنید تا ویجت لایوچت در تمامی صفحات نمایش داده شود.

آخرین به‌روزرسانی در تاریخ Aug 01, 2024

نحوه اضافه کردن ویجت لایوچت به یک برنامه Next.js

چگونه ویجت لایو چت را در یک برنامه Next.js نصب کنیم؟ اگر یک برنامه Next.js دارید، می‌توانید ویجت لایو چت گپیفای را اضافه کرده و با بازدیدکنندگان خود به صورت هم‌زمان صحبت کنید. برای یکپارچه‌سازی گپیفای با برنامه Next.js خود، به یک کامپوننت نیاز دارید که اسکریپت گپیفای را بارگذاری کند. این کار را می‌توانید در دو مرحله سریع انجام دهید. این مثال یک کامپوننت React را نشان می‌دهد که اسکریپت گپیفای را به صورت غیرهم‌زمان بارگذاری می‌کند. مرحله ۱. کپی و ایجاد! کد زیر را کپی کرده و فایلی در پوشه کامپوننت‌های خود با نام GapifyWidget.js ایجاد کنید. import React from 'react'; class GapifyWidget extends React.Component { componentDidMount () { // Add Gapify Settings window.gapifySettings = { hideMessageBubble: false, position: 'right', // This can be left or right locale: 'en', // Language to be set type: 'standard', // [standard, expanded_bubble] }; // Paste the script from inbox settings except the <script> tag (function(d,t) { var BASE_URL="<your-installation-url>"; var g=d.createElement(t),s=d.getElementsByTagName(t)[0]; g.src=BASE_URL+"/packs/js/sdk.js"; s.parentNode.insertBefore(g,s); g.async=!0; g.onload=function(){ window.gapifySDK.run({ websiteToken: '<your-website-token>', baseUrl: BASE_URL }) } })(document,"script"); } render () { return null; } } export default GapifyWidget مرحله ۲. وارد کردن کامپوننت را در صفحات یا کامپوننت layout خود وارد کنید، همانطور که در زیر نشان داده شده است. import React, { Fragment } from 'react' // ... import GapifyWidget from '../components/GapifyWidget' const Page = () => ( <Fragment> <GapifyWidget /> <Component {...}> </Fragment> ) export default Page اکنون باید بتوانید ویجت گپیفای را روی صفحه ببینید.

آخرین به‌روزرسانی در تاریخ Aug 01, 2024

نحوه اضافه کردن ویجت لایوچت به یک برنامه Vue.js

چگونه ویجت لایو چت را در یک برنامه Vue.js نصب کنیم؟ برای یکپارچه‌سازی گپیفای با برنامه Vue.js خود، باید اسکریپت ویجت گپیفای را در فایل index.html برنامه Vue.js خود قرار دهید. در اینجا نحوه انجام این کار آورده شده است: مرحله ۱. دریافت اسکریپت ویجت می‌توانید اسکریپت ویجت خود را در تنظیمات صندوق ورودی وب‌سایت خود پیدا کنید. به مسیر تنظیمات -> صندوق های ورودی -> انتخاب کانال وبسایت -> تب پیکربندی ، بروید. اگر هنوز صندوق ورودی وب‌سایت ایجاد نکرده‌اید، می‌توانید راهنمای مرحله به مرحله را از این لینک پیدا ببینید. مرحله ۲. کپی کردن اسکریپت اسکریپتی را که در قسمت کد کانال ایجاد شده است، کپی کنید. مرحله ۳. جایگذاری اسکریپت پروژه Vue خود را باز کنید و اسکریپت را در فایل index.html، درست قبل از تگ پایانی </body> جایگذاری کنید. <body> <noscript> <strong >We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong > </noscript> <div id="app"></div> <!-- built files will be auto injected --> <!-- Gapify script goes here --> <script> (function (d, t) { var BASE_URL = "https://example.com"; var g = d.createElement(t), s = d.getElementsByTagName(t)[0]; g.src = BASE_URL + "/packs/js/sdk.js"; g.defer = true; g.async = true; s.parentNode.insertBefore(g, s); g.onload = function () { window.gapifySDK.run({ websiteToken: "yZ7USzaEs7hrwUAHLGwjbxJ1", baseUrl: BASE_URL, }); }; })(document, "script"); </script> <!-- Gapify script goes here --> </body> مرحله۴.بررسی اکنون باید بتوانید ویجت گپیفای را روی صفحه ببینید.مانند تصویر زیر:

آخرین به‌روزرسانی در تاریخ Aug 01, 2024

چگونه مکالمات را از طریق ایمیل ادامه دهیم؟

مشتریان شما می‌توانند گفتگوهای چتی خود با ایجنت های شما را از طریق ایمیل ادامه دهند. این ممکن است در شرایط زیر لازم باشد: - هیچ ایجنتی در دسترس نیست و مشتری پیامی در چت می‌گذارد. - مشتری قبل از پاسخگویی ایجنت ، چت را ترک می‌کند. برای این کار، تماس باید یک آدرس ایمیل در CRM  گپیفای داشته باشد. دریافت آدرس‌های ایمیل مخاطبین می‌توانید آدرس‌های ایمیل مشتریان را از طریق روش‌های زیر به گپیفای وارد یا به‌روزرسانی کنید. ۱. از گپیفای SDK اگر ایمیل مشتری شناخته شده است، می‌توانید آن را از طریق متد setUser در SDK ما به گپیفای وارد کنید. ۲. از فرم پیش‌چت اگر یک فرم پیش‌چت اجباری را فعال کنید، گفتگو با صفحه‌ای شبیه به تصویر زیر شروع می‌شود: ۳. از پیام درخواست جمع‌آوری ایمیل هنگامی که فرم پیش‌چت غیرفعال است و ایمیل مشتری ناشناخته است، گپیفای با یک پیام درخواست دریافت ایمیل گفتگو را شروع می‌کند. 3.    از پیام درخواست دریافت هنگامی که فرم پیش‌چت غیرفعال است و ایمیل مشتری ناشناخته است، گپیفای با یک پیام درخواست دریاف ایمیل گفتگو را شروع می‌کند. ادامه گفتگو اگر آدرس ایمیل مشتری از طریق هر یک از گزینه‌های ذکر شده به‌روزرسانی شود و آن‌ها چت را ترک کنند در حالی که ایجنت پاسخ داده است، موارد زیر اتفاق می‌افتد: - مشتری یک ایمیل با خلاصه‌ای از گفتگو دریافت می‌کند. آن‌ها می‌توانند به آن ایمیل پاسخ دهند و گفتگو را ادامه دهند. - ایجنت پاسخ‌های مشتری را از طریق ایمیل در داشبورد گپیفای خود دریافت می‌کند.

آخرین به‌روزرسانی در تاریخ Aug 01, 2024

چگونه تأیید هویت HMAC را در گپیفای فعال کنیم؟

تأیید هویت کمک می‌کند تا اطمینان حاصل شود که گفتگوها بین مشتریان شما و عوامل پشتیبانی خصوصی است. همچنین به جلوگیری از جعل هویت کمک می‌کند. تأیید هویت می‌تواند با تولید یک HMAC فعال شود. کلید استفاده شده برای تولید HMAC برای هر ویجت وب متفاوت است.میتوانید به تنظیمات −> پیکربندی −> اعتبارسنجی کاربر بروید و توکن را بدست آورید. شما می‌توانید HMAC را در زبان‌های مختلف برنامه نویسی تولید کنید، همانطور که در زیر نشان داده شده است. تولید HMAC PHP​ <?php $key = '<webwidget-hmac-token>'; $message = '<identifier>'; $identifier_hash = hash_hmac('sha256', $message, $key); ?> Javascript (Node.js)​ const crypto = require('crypto'); const key = '<webwidget-hmac-token>'; const message = '<identifier>'; const hash = crypto.createHmac('sha256', key).update(message).digest('hex'); Ruby​ require 'openssl' require 'base64' key = '<webwidget-hmac-token>' message = '<identifier>' OpenSSL::HMAC.hexdigest('sha256', key, message) Elixir​ key = '<webwidget-hmac-token>' message = '<identifier>' signature = :crypto.hmac(:sha256, key, message) Base.encode16(signature, case: :lower) Golang​ package main import ( "crypto/hmac" "crypto/sha256" "encoding/base64" "encoding/hex" ) func main() { secret := []byte("<webwidget-hmac-token>") message := []byte("<identifier>") hash := hmac.New(sha256.New, secret) hash.Write(message) hex.EncodeToString(hash.Sum(nil)) } Python​ import hashlib import hmac import base64 secret = bytes('<webwidget-hmac-token>', 'utf-8') message = bytes('<identifier>', 'utf-8') hash = hmac.new(secret, message, hashlib.sha256) hash.hexdigest()

آخرین به‌روزرسانی در تاریخ Aug 24, 2024