**स्टैटिक HTML साइट में Papo (https://papo.global/) का चैट विजेट इंस्टॉल करने के लिए, पैनल में जनरेट किया गया स्निपेट कॉपी करें और उसे सीधे सोर्स कोड में, `</body>` टैग से पहले, उन सभी पेजों पर पेस्ट करें जहाँ सपोर्ट दिखना चाहिए। रंगों और स्वागत संदेश की कस्टमाइज़ेशन पूरी तरह पैनल में की जाती है, HTML बदले बिना।**

| चरण | कार्रवाई | विवरण |
| :--- | :--- | :--- |
| **1. इनबॉक्स बनाएँ** | **सेटिंग्स → इनबॉक्स → इनबॉक्स जोड़ें → साइट** पर जाएँ। | नाम दें और साइट का URL दर्ज करें (केवल पहचान के लिए उपयोग होता है)। |
| **2. स्निपेट कॉपी करें** | पैनल एक विशेष `<script>` ब्लॉक जनरेट करता है। | दिखाया गया पूरा कोड कॉपी करें। |
| **3. HTML में पेस्ट करें** | साइट की फ़ाइल खोलें और स्निपेट को `</body>` के ठीक पहले पेस्ट करें। | हर उस पेज पर दोहराएँ जहाँ चैट दिखना चाहिए। अगर टेम्पलेट इस्तेमाल करते हैं, तो इसे सामान्य फुटर में डालें। |
| **4. रंग और संदेश कस्टमाइज़ करें** | पैनल में मुख्य रंग सेट करें और एक प्रोएक्टिव अभिवादन लिखें। | बदलाव कोड बदले बिना विजेट में अपने आप लागू हो जाते हैं। |
| **5. एजेंट जोड़ें** | उसी इनबॉक्स में कम से कम एक एजेंट जोड़ें। | एजेंट के बिना बातचीत फ़ॉरवर्ड नहीं होती और विजेट लोड नहीं हो सकता। |
| **6. टेस्ट करें** | साइट खोलें, देखें कि चैट आइकन दिखता है या नहीं, और एक संदेश भेजें। | टेस्ट बातचीत Papo इनबॉक्स में दिखती है, जिससे लीड कैप्चर की पुष्टि होती है। |

## स्टैटिक HTML साइट में विजेट कैसे इंस्टॉल करें

1. **साइट प्रकार का इनबॉक्स बनाएँ**  
   Papo पैनल में, **सेटिंग्स → इनबॉक्स** पर जाएँ, **इनबॉक्स जोड़ें** पर क्लिक करें और **साइट** चुनें। नाम दें (उदा.: “साइट चैट”) और साइट का URL दर्ज करें (यह कामकाज को प्रभावित नहीं करता, केवल चैनल की पहचान करने में मदद करता है)। कोई प्लगइन इंस्टॉल करने की ज़रूरत नहीं है; HTML फ़ाइलें सर्व करने वाली किसी भी साइट के लिए प्रक्रिया समान है।

2. **जनरेट किया गया स्निपेट कॉपी करें**  
   इनबॉक्स बनाने के बाद, पैनल एक विशेष JavaScript कोड दिखाता है। पूरा `<script>...</script>` ब्लॉक कॉपी करें।

3. **स्निपेट को HTML में पेस्ट करें**  
   पेज की HTML फ़ाइल खोलें (उदाहरण के लिए, `index.html`) और कोड को `</body>` टैग से ठीक पहले डालें। यह हर उस पेज पर करें जहाँ चैट दिखाना है। अगर साइट सामान्य फुटर या हेडर फ़ाइल इस्तेमाल करती है (`include` या PHP के ज़रिए), तो उस एक फ़ाइल में स्निपेट जोड़ने से पूरी साइट पर विजेट सक्रिय हो जाता है।

   कोड में प्लेसमेंट का उदाहरण:
   ```html
   <body>
     <!-- पेज की सामग्री -->
     <script src="https://app.papo.global/..."></script>
   </body>
   ```
   किसी बैक-एंड ज्ञान की ज़रूरत नहीं है; विजेट विज़िटर के ब्राउज़र में चलता है।

4. **इनबॉक्स से एजेंट जोड़ें**  
   पैनल में वापस जाएँ, उसी इनबॉक्स में, और कम से कम एक एजेंट जोड़ें। बिना एजेंट जुड़े, इनबॉक्स में कोई अटेंडेंट नहीं रहता और विजेट दिख नहीं सकता। अगर आपके पास केवल एक एजेंट है, तो जोड़ना अपने आप हो जाता है; टीमों में, ज़िम्मेदार सदस्य चुनें।

## रंग और स्वागत संदेश को कस्टमाइज़ करना

स्निपेट पेस्ट करने के बाद, आप कोड बदले बिना विजेट की दिखावट कस्टमाइज़ कर सकते हैं:

- **मुख्य रंग**: पैनल में, इनबॉक्स की सेटिंग्स के अंदर, साइट की विज़ुअल पहचान से मेल खाने वाला रंग चुनें। बदलाव तुरंत दिखता है।
- **स्वागत संदेश**: प्रोएक्टिव अभिवादन चालू करें और ऐसा टेक्स्ट लिखें जो कुछ सेकंड बाद अपने आप दिखे। प्रभावी उदाहरण: “नमस्ते! हम कैसे मदद कर सकते हैं?” या “अपने ऑर्डर में मदद चाहिए?”।

ये विकल्प उसी जगह उपलब्ध हैं जहाँ आपने इनबॉक्स बनाया था। कोई भी बदलाव नया स्निपेट कॉपी किए बिना विजेट पर लागू हो जाता है।

## लीड कैप्चर कैसे टेस्ट करें

1. साइट को इनकॉग्निटो विंडो में खोलें (कैश से बचने के लिए) और देखें कि स्क्रीन के कोने में चैट आइकन दिखता है या नहीं।
2. आइकन पर क्लिक करें और एक टेस्ट संदेश भेजें (उदाहरण: “मुझे और जानकारी चाहिए”)।
3. Papo पैनल में, साइट के इनबॉक्स पर जाएँ और पुष्टि करें कि बातचीत दिख रही है। संपर्क अपने आप CRM में रजिस्टर हो जाएगा, और आप पैनल से जवाब दे सकेंगे।

अगर संदेश न पहुँचे, तो जाँचें कि स्निपेट `</body>` से पहले है, इनबॉक्स सक्रिय है और उससे कम से कम एक एजेंट जुड़ा है। स्क्रिप्ट ब्लॉकर लोडिंग रोक सकते हैं; सक्रिय एक्सटेंशन के बिना भी टेस्ट करें।

## यह किसके लिए उपयुक्त है

- **स्टैटिक HTML साइटें** बिना CMS (WordPress, Shopify) जिन्हें प्रोफेशनल चैट चाहिए।
- **लैंडिंग पेज** और **पोर्टफोलियो** जहाँ तेज़ संपर्क कन्वर्ज़न बढ़ाता है।
- **डेवलपर्स** जो विजेट को बड़े प्लेटफ़ॉर्म में इंटिग्रेट करने से पहले टेस्ट कर रहे हैं।
- **छोटे व्यवसाय** जो सरल साइट रखते हैं और जटिल सिस्टम इंस्टॉल किए बिना लीड कैप्चर करना चाहते हैं।

## अक्सर पूछे जाने वाले प्रश्न

### क्या विजेट इस्तेमाल करने के लिए बैक-एंड सर्वर चाहिए?

नहीं। विजेट ब्राउज़र में चलने वाले JavaScript पर आधारित है। HTML में स्निपेट पेस्ट करें और चैट काम करने लगता है।

### क्या स्निपेट हर पेज पर कॉपी करना ज़रूरी है?

हाँ, हर उस पेज पर जहाँ चैट दिखना चाहिए। अगर आपकी साइट सामान्य फुटर फ़ाइल इस्तेमाल करती है, तो स्निपेट वहाँ एक बार डालने से पूरी साइट पर विजेट चालू हो जाता है।

### क्या इंस्टॉल करने के बाद रंग कस्टमाइज़ कर सकते हैं?

हाँ, रंग और स्वागत संदेश के टेक्स्ट में बदलाव Papo पैनल में किए जाते हैं और कोड बदले बिना अपने आप विजेट में दिखते हैं।

### अगर विजेट साइट पर न दिखे तो क्या करें?

जाँचें कि स्निपेट `</body>` से पहले डाला गया है, इनबॉक्स सक्रिय है और उससे एजेंट जुड़े हैं, और ब्राउज़र में स्क्रिप्ट ब्लॉकर नहीं हैं। साइट का कैश साफ़ करना भी मदद करता है।

### क्या हर अलग साइट के लिए स्निपेट फिर से बनाना होगा?

हाँ। हर इनबॉक्स एक विशेष स्क्रिप्ट जनरेट करता है। अगर आपके कई डोमेन हैं (जैसे कॉर्पोरेट साइट और अलग लैंडिंग पेज), तो हर एक के लिए इनबॉक्स बनाएँ और उसका संबंधित स्निपेट इस्तेमाल करें।

### क्या विजेट साइट के परफ़ॉर्मेंस को प्रभावित करता है?

लोडिंग असिंक्रोनस है और पेज रेंडरिंग को ब्लॉक नहीं करती। विजेट फ़ाइल हल्की है और केवल ज़रूरत पड़ने पर लोड होती है।

## यह भी पढ़ें

- [चैट विजेट की दिखावट कैसे कस्टमाइज़ करें (रंग, लोगो और संदेश)](/hc/papo/articles/customize-chat-widget-appearance-colors-logo-message-hi)

---

**[मुफ़्त शुरू करें →](https://papo.global/?utm_source=helpcenter&utm_medium=article&utm_campaign=install-papo-chat-widget-static-html-site-hi&utm_content=hi)**

पहला उपयोगकर्ता हमेशा के लिए मुफ़्त है — आप कुछ ही मिनटों में बिना क्रेडिट कार्ड के अपनी स्टैटिक साइट पर Papo विजेट इंस्टॉल कर सकते हैं और तुरंत लीड कैप्चर करना शुरू कर सकते हैं।