Chatzoraडॉक्स
डेवलपर

एम्बेड कोड के विकल्प

वेबसाइट चैट स्क्रिप्ट जो एट्रिब्यूट पढ़ती है, उन डेवलपर के लिए जो चैट को हाथ से जोड़ते हैं।

यह पेज डेवलपर के लिए है। ज़्यादातर लोग चैनल → वेबसाइट चैट से कोड कॉपी करके बिना बदले इस्तेमाल कर सकते हैं। देखें अपनी वेबसाइट पर इंस्टॉल करें।

एम्बेड कोड

<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नहींविज़िटर के लिए आपकी अपनी स्थिर आईडी, जैसे आपके ग्राहक की आईडी। छोड़ देने पर एक रैंडम आईडी बनती है और ब्राउज़र में सेव होती है।

दिखावट वाले एट्रिब्यूट सिर्फ़ शुरुआती मान हैं। चैट लोड होने के बाद डैशबोर्ड में सेव की गई सेटिंग (सेटिंग्स → चैट विंडो) इन्हें बदल देती हैं। दिखावट कोड में नहीं, डैशबोर्ड में बदलें।

व्यवहार

  • 480 px या उससे कम चौड़ी स्क्रीन पर चैट फ़ुल स्क्रीन खुलती है। बड़ी स्क्रीन पर वह तैरती हुई विंडो की तरह खुलती है।
  • ब्राउज़र सपोर्ट करे तो जवाब लिखे जाते समय ही दिखते जाते हैं। जो जवाब किसी इंटीग्रेशन का इस्तेमाल करते हैं, जैसे प्रोडक्ट खोज, वे एक साथ आते हैं।
  • अगर वे वेबसाइटें जो आपकी चैट दिखा सकती हैं सेट है, तो चैट सिर्फ़ उन्हीं सटीक ऑरिजिन पर चलती है।
  • अगर डैशबोर्ड में वेबसाइट चैट बंद है, तो स्क्रिप्ट पेज से चैट हटा देती है।

Content Security Policy

अगर आपकी साइट Content Security Policy इस्तेमाल करती है, तो अपने Chatzora पते (https://chatzora.com) के लिए script-src, connect-src और frame-src की अनुमति दें। बुकिंग पेज फ़्रेम में खुलते हैं, इसलिए अगर आप बुकिंग लिंक इस्तेमाल करते हैं तो frame-src में अपने शेड्यूलिंग प्रोवाइडर को भी अनुमति दें।

होस्ट किया हुआ चैट पेज

स्क्रिप्ट की जगह आप होस्ट किए हुए चैट पेज का लिंक दे सकते हैं या उसे एम्बेड कर सकते हैं:

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