> ## Documentation Index
> Fetch the complete documentation index at: https://docs.thunderphone.com/llms.txt
> Use this file to discover all available pages before exploring further.

# डैशबोर्ड में वेब विजेट बनाएं

> Web Widgets पेज से अपनी साइट के लिए क्लिक-टू-टॉक विजेट सेट अप करें — किसी API कॉल की आवश्यकता नहीं है।

**वेब विजेट्स** पेज (`/dashboard/web-widgets`) उन पब्लिशेबल की को बनाता और मैनेज करता है जो ThunderPhone के एम्बेड किए जा सकने वाले वॉइस विजेट को संचालित करती हैं।
इस गाइड का [API संस्करण](/hi/guides/embed-web-widget) cURL के साथ जो कुछ करता है, यह पेज उसे एक फ़ॉर्म के साथ करता है — साथ ही आपके लिए एम्बेड
कोड भी जनरेट करता है।

## विजेट बनाएं

<Steps>
  <Step title="नया विजेट पर क्लिक करें और एक मोड चुनें">
    * **एजेंट मोड** — विजेट हमेशा ड्रॉपडाउन से चुने गए एक एजेंट को चलाता है।
      सबसे आसान सेटअप।
    * **वेबहुक मोड** — हर विजेट सेशन पर, ThunderPhone आपके वेबहुक URL को कॉल करता है
      और आपका सर्वर उस विज़िटर के लिए एजेंट कॉन्फ़िगरेशन लौटाता है
      (प्रति-पेज रूटिंग, लॉग-इन उपयोगकर्ता, रोलआउट)। अपने संगठन के डिफ़ॉल्ट वेबहुक का उपयोग करने के लिए
      URL खाली छोड़ें; नया URL दर्ज करने पर आप उसे संगठन के डिफ़ॉल्ट के रूप में भी सेट कर सकते हैं।
  </Step>

  <Step title="अनुमत डोमेन सूचीबद्ध करें">
    पब्लिशेबल की ओरिजिन-लॉक्ड होती हैं: कम से कम एक डोमेन आवश्यक है,
    और विजेट केवल आपके सूचीबद्ध होस्टनेम पर काम करता है। `*.example.com` जैसे
    सबडोमेन वाइल्डकार्ड अनुमत हैं (वे सबडोमेन से मेल खाते हैं,
    मूल डोमेन से नहीं); `*` जैसे मूल वाइल्डकार्ड अस्वीकार कर दिए जाते हैं।
    `localhost` और `127.0.0.1` हमेशा अनुमत होते हैं, इसलिए लोकल डेवलपमेंट
    उन्हें सूचीबद्ध किए बिना काम करता है।
  </Step>

  <Step title="नाम दें, सक्षम करें, बनाएं">
    **विजेट सक्षम करें** टॉगल नियंत्रित करता है कि की
    सेशन स्वीकार करती है या नहीं — आप विजेट को अक्षम स्थिति में बना सकते हैं और लॉन्च के समय उसे सक्षम कर सकते हैं।
  </Step>
</Steps>

## एम्बेड कोड प्राप्त करें

बनाने के तुरंत बाद (या प्रत्येक पंक्ति के **एम्बेड** बटन से), एक एम्बेड
डायलॉग आपकी पब्लिशेबल की के साथ तैयार-पेस्ट कोड जनरेट करता है:

* **React** — बंडलर ऐप्स के लिए एक `<ThunderPhoneWidget />` स्निपेट।
* **स्क्रिप्ट टैग** — किसी भी साइट के लिए CDN `<script>` + स्टाइलशीट जोड़ी।

डायलॉग बुनियादी अपीयरेंस विकल्पों — शीर्षक, प्राथमिक
रंग, कॉर्नर पोज़िशन, और लाइट/डार्क थीम — का प्रीव्यू भी दिखाता है और आपकी पसंद
को स्निपेट में शामिल करता है। पूर्ण प्रॉप रेफ़रेंस, स्टाइलिंग हुक और
हेडलेस विकल्प के लिए [विजेट SDK डॉक्यूमेंटेशन](/hi/widget/overview) देखें।

<Note>
  पब्लिशेबल की (`pk_live_…`) डिज़ाइन के अनुसार सार्वजनिक हैं — इन्हें
  फ्रंट-एंड कोड में शामिल करना सुरक्षित है। किसी भी समय उसकी पंक्ति में मौजूद कॉपी बटन से एक कॉपी करें।
</Note>

## सूची से विजेट मैनेज करें

हर पंक्ति में सीधे संपादन किया जा सकता है:

* **मोड / एजेंट** — इनलाइन चयन के साथ एजेंट और वेबहुक मोड के बीच स्विच करें,
  या एजेंट को बदलें।
* **डोमेन** — चिप्स के रूप में अनुमत डोमेन जोड़ें या हटाएं।
* **सक्षम/अक्षम** — हर विजेट के लिए एक स्विच; अक्षम विजेट तुरंत
  सेशन स्वीकार करना बंद कर देते हैं।
* **संगठन में ट्रांसफर** — विजेट को उस अन्य संगठन में कॉपी या मूव करें
  जिसका आप हिस्सा हैं (मूव करने पर यह यहां से हट जाता है)।
* **हटाएं** — पब्लिशेबल की रद्द करता है; विजेट सभी डोमेन पर
  तुरंत काम करना बंद कर देता है। इसे पूर्ववत नहीं किया जा सकता।

विजेट सेशन [कॉल हिस्ट्री](/hi/guides/review-calls) में फोन कॉल जैसी ही
ट्रांसक्रिप्ट, रिकॉर्डिंग और ग्रेडिंग के साथ दिखाई देते हैं।

## अगले चरण

<CardGroup cols={2}>
  <Card title="विजेट SDK रेफ़रेंस" icon="window-maximize" href="/hi/widget/overview">
    React कंपोनेंट, हेडलेस हुक और CDN स्क्रिप्ट विवरण।
  </Card>

  <Card title="वेबहुक-मोड रूटिंग" icon="bolt" href="/hi/guides/dynamic-call-config">
    अपने सर्वर से प्रति-विज़िटर एजेंट कॉन्फ़िग लौटाएं।
  </Card>
</CardGroup>