এমবেড কোডের অপশন

ওয়েবসাইট চ্যাট স্ক্রিপ্ট যে অ্যাট্রিবিউট পড়ে, যেসব ডেভেলপার হাতে চ্যাট যোগ করেন তাঁদের জন্য।

এই পেজটি ডেভেলপারদের জন্য। বেশিরভাগ মানুষ চ্যানেল → ওয়েবসাইট চ্যাট থেকে কোড কপি করে না বদলেই ব্যবহার করতে পারেন। দেখুন আপনার ওয়েবসাইটে ইনস্টল করুন।

এমবেড কোড

<script
  src="https://chatzora.com/widget.js"
  data-agent-id="YOUR_ASSISTANT_ID"
  data-api-base="https://chatzora.com"
  data-title="Your business name"
  async
></script>

যেসব পেজে চ্যাট দেখাতে চান, প্রতিটিতে এটি বন্ধ হওয়া </body> ট্যাগের আগে বসান।

অ্যাট্রিবিউট

অ্যাট্রিবিউট	আবশ্যক	কী করে
`data-agent-id`	হ্যাঁ	যে অ্যাসিস্ট্যান্ট লোড হবে। এটি ছাড়া স্ক্রিপ্ট কিছুই করে না।
`data-api-base`	না	যে Chatzora ঠিকানার সঙ্গে কথা বলবে। ডিফল্টে স্ক্রিপ্ট যে ঠিকানা থেকে লোড হয়েছে সেটিই।
`data-title`	না	সেভ করা সেটিং লোড হওয়ার আগে দেখানো হেডারের লেখা।
`data-color`	না	সেভ করা সেটিং লোড হওয়ার আগে দেখানো থিমের রং, যেমন `#059669`।
`data-welcome-message`	না	সেভ করা সেটিং লোড হওয়ার আগে দেখানো স্বাগত বার্তা।
`data-launcher-text`	না	সেভ করা সেটিং লোড হওয়ার আগে দেখানো চ্যাট বোতামের লেখা।
`data-position`	না	সেভ করা সেটিং লোড হওয়ার আগে `left` বা `right`।
`data-lead-capture`	না	সেভ করা সেটিং লোড হওয়ার আগে যোগাযোগের ফর্ম দেখাতে `true`।
`data-visitor-id`	না	ভিজিটরের জন্য আপনার নিজস্ব স্থির আইডি, যেমন আপনার কাস্টমার আইডি। না দিলে একটি র‍্যান্ডম আইডি তৈরি হয়ে ব্রাউজারে সেভ থাকে।

চেহারার অ্যাট্রিবিউটগুলো কেবল শুরুর মান। চ্যাট লোড হলে ড্যাশবোর্ডে সেভ করা সেটিং (সেটিংস → চ্যাট উইন্ডো) এগুলোর জায়গা নেয়। চেহারা কোডে নয়, ড্যাশবোর্ডে বদলান।

আচরণ

৪৮০ px বা তার কম চওড়া স্ক্রিনে চ্যাট ফুল স্ক্রিনে খোলে। বড় স্ক্রিনে এটি ভাসমান উইন্ডো হিসেবে খোলে।
ব্রাউজার সমর্থন করলে উত্তর লেখার সঙ্গে সঙ্গে দেখা যায়। যেসব উত্তরে কোনো ইন্টিগ্রেশন লাগে, যেমন পণ্য খোঁজা, সেগুলো একসঙ্গে আসে।
যেসব ওয়েবসাইট আপনার চ্যাট দেখাতে পারবে সেট করা থাকলে চ্যাট শুধু ওই হুবহু অরিজিনে কাজ করে।
ড্যাশবোর্ডে ওয়েবসাইট চ্যাট বন্ধ থাকলে স্ক্রিপ্ট পেজ থেকে চ্যাট সরিয়ে দেয়।

আপনার সাইট Content Security Policy ব্যবহার করলে আপনার Chatzora ঠিকানার (https://chatzora.com) জন্য script-src, connect-src ও frame-src অনুমতি দিন। বুকিং পেজ ফ্রেমে খোলে, তাই বুকিং লিংক ব্যবহার করলে frame-src-এ আপনার শিডিউলিং প্রোভাইডারকেও অনুমতি দিন।

হোস্ট করা চ্যাট পেজ

স্ক্রিপ্টের বদলে আপনি হোস্ট করা চ্যাট পেজে লিংক দিতে বা সেটি এমবেড করতে পারেন:

https://chatzora.com/widget?agentId=YOUR_ASSISTANT_ID