---
title: "डॅशबोर्डमध्ये वेब विजेट तयार करा"
description: "Web Widgets पेजवरून तुमच्या साइटसाठी क्लिक-टू-टॉक विजेट सेट अप करा — API कॉलची आवश्यकता नाही."
---

**वेब विजेट्स** पृष्ठ (`/dashboard/web-widgets`) ThunderPhone च्या एम्बेड करता येणाऱ्या व्हॉइस विजेटला कार्यान्वित करणाऱ्या प्रकाशित करता येणाऱ्या की तयार करते आणि व्यवस्थापित करते.
या मार्गदर्शकाची [API आवृत्ती](/mr/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 दस्तऐवज](/mr/widget/overview) पहा.

<Note>
  प्रकाशित करता येणाऱ्या की (`pk_live_…`) डिझाइननुसार सार्वजनिक असतात — त्या
  फ्रंट-एंड कोडमध्ये सुरक्षितपणे वापरता येतात. त्यांच्या ओळीतील कॉपी बटण वापरून कधीही कॉपी करा.
</Note>

## सूचीमधून विजेट्स व्यवस्थापित करा

प्रत्येक ओळ जागेवरच संपादित करता येते:

- **मोड / एजंट** — इनलाइन निवडींसह एजंट आणि वेबहुक मोडमध्ये बदला किंवा
  एजंट बदला.
- **डोमेन्स** — चिप्स म्हणून अनुमत डोमेन्स जोडा किंवा काढा.
- **सक्षम/अक्षम करा** — प्रत्येक विजेटसाठी एक स्विच; अक्षम केलेली विजेट्स
  त्वरित सेशन्स स्वीकारणे थांबवतात.
- **संस्थेकडे हस्तांतरित करा** — तुम्ही ज्या दुसऱ्या संस्थेचे सदस्य आहात तिथे विजेट
  कॉपी करा किंवा हलवा (हलवल्यावर ते येथून काढले जाते).
- **हटवा** — प्रकाशित करता येणारी की रद्द करते; विजेट सर्व डोमेन्सवर
  त्वरित कार्य करणे थांबवते. हे पूर्ववत करता येत नाही.

विजेट सेशन्स [कॉल इतिहासात](/mr/guides/review-calls) फोन कॉल्सप्रमाणेच
ट्रान्स्क्रिप्ट, रेकॉर्डिंग आणि ग्रेडिंगसह दिसतात.

## पुढील पायऱ्या

<CardGroup cols={2}>
  <Card title="विजेट SDK संदर्भ" icon="window-maximize" href="/mr/widget/overview">
    React घटक, हेडलेस हुक आणि CDN स्क्रिप्टचे तपशील.
  </Card>
  <Card title="वेबहुक-मोड राउटिंग" icon="bolt" href="/mr/guides/dynamic-call-config">
    तुमच्या सर्व्हरकडून प्रति-अभ्यागत एजंट कॉन्फिगरेशन परत पाठवा.
  </Card>
</CardGroup>