---
title: "డ్యాష్‌బోర్డ్‌లో వెబ్ విడ్జెట్‌ను సృష్టించండి"
description: "Web Widgets పేజీ నుంచి మీ సైట్ కోసం క్లిక్-టు-టాక్ విడ్జెట్‌ను సెటప్ చేయండి — API కాల్స్ అవసరం లేదు."
---

**వెబ్ విడ్జెట్లు** పేజీ (`/dashboard/web-widgets`) ThunderPhone ఎంబెడబుల్ వాయిస్ విడ్జెట్‌కు శక్తినిచ్చే
ప్రచురించదగిన కీలను సృష్టిస్తుంది మరియు నిర్వహిస్తుంది.
ఈ గైడ్ యొక్క [API వెర్షన్](/te/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 డాక్యుమెంటేషన్](/te/widget/overview) చూడండి.

<Note>
  ప్రచురించదగిన కీలు (`pk_live_…`) రూపకల్పన ప్రకారమే పబ్లిక్‌గా ఉంటాయి — వాటిని
  ఫ్రంట్-ఎండ్ కోడ్‌లో ఉపయోగించడం సురక్షితం. దాని వరుసలోని కాపీ బటన్‌తో ఎప్పుడైనా ఒకదాన్ని కాపీ చేయండి.
</Note>

## జాబితా నుండి విడ్జెట్‌లను నిర్వహించండి

ప్రతి వరుసలోనే సవరించవచ్చు:

- **మోడ్ / ఏజెంట్** — ఇన్‌లైన్ సెలెక్ట్‌లతో ఏజెంట్ మరియు వెబ్‌హుక్ మోడ్‌ల మధ్య మారండి లేదా
  ఏజెంట్‌ను మార్చండి.
- **డొమైన్‌లు** — చిప్‌లుగా అనుమతించిన డొమైన్‌లను జోడించండి లేదా తొలగించండి.
- **ప్రారంభించు/నిలిపివేయి** — ప్రతి విడ్జెట్‌కు ఒక స్విచ్; నిలిపివేసిన విడ్జెట్‌లు
  వెంటనే సెషన్‌లను అంగీకరించడం ఆపేస్తాయి.
- **సంస్థకు బదిలీ చేయండి** — విడ్జెట్‌ను మీరు సభ్యులుగా ఉన్న మరొక సంస్థకు
  కాపీ చేయండి లేదా తరలించండి (తరలిస్తే ఇక్కడి నుండి తీసివేయబడుతుంది).
- **తొలగించండి** — ప్రచురించదగిన కీని రద్దు చేస్తుంది; అన్ని డొమైన్‌లలో విడ్జెట్
  వెంటనే పనిచేయడం ఆపేస్తుంది. దీన్ని రద్దు చేయడం సాధ్యం కాదు.

విడ్జెట్ సెషన్‌లు ఫోన్ కాల్‌లతో సమానమైన ట్రాన్స్‌క్రిప్ట్, రికార్డింగ్, మరియు మూల్యాంకనంతో
[కాల్ చరిత్ర](/te/guides/review-calls)లో కనిపిస్తాయి.

## తదుపరి దశలు

<CardGroup cols={2}>
  <Card title="విడ్జెట్ SDK రిఫరెన్స్" icon="window-maximize" href="/te/widget/overview">
    React కాంపొనెంట్, హెడ్‌లెస్ హుక్, మరియు CDN స్క్రిప్ట్ వివరాలు.
  </Card>
  <Card title="వెబ్‌హుక్-మోడ్ రూటింగ్" icon="bolt" href="/te/guides/dynamic-call-config">
    మీ సర్వర్ నుండి ప్రతి సందర్శకుడికి ఏజెంట్ కాన్ఫిగరేషన్‌ను తిరిగి ఇవ్వండి.
  </Card>
</CardGroup>