---
title: "डैशबोर्ड में वेब विजेट बनाएं"
description: "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` जैसे सबडोमेन वाइल्डकार्ड
    अनुमत हैं (वे सबडोमेन से मेल खाते हैं, बेयर डोमेन से नहीं);
    `*` जैसे बेयर वाइल्डकार्ड अस्वीकार किए जाते हैं। यह सूची अन्य साइटों पर आपकी कुंजी के
    सामान्य पुन: उपयोग को रोकती है, लेकिन यह ऑथेंटिकेशन नहीं है: ब्राउज़र के बाहर की कोई स्क्रिप्ट
    कोई भी `Origin` हेडर भेज सकती है। प्रोडक्शन में `localhost` स्वतः
    अनुमत नहीं होता; प्रोडक्शन API के विरुद्ध स्थानीय रूप से परीक्षण करने के लिए इसे सूची में जोड़ें।
  </Step>
  <Step title="ब्राउज़र ओवरराइड चुनें">
    आपकी पेज द्वारा भेजी जाने वाली हर सेशन सेटिंग को चुनें: **पेज कॉन्टेक्स्ट**,
    **वेरिएबल्स**, **आवाज़**, **भाषा**। नए विजेट इनमें से कोई भी स्वीकार नहीं करते, और
    बंद सेटिंग वाला सेशन अनुरोध `400` के साथ विफल हो जाता है।
    आपकी कुंजी सार्वजनिक है, इसलिए केवल उन्हीं को अनुमति दें जिनका आप उपयोग करते हैं। देखें
    [ब्राउज़र ओवरराइड](/hi/guides/embed-web-widget)।
  </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>