---
title: "ڈیش بورڈ میں ویب ویجیٹ بنائیں"
description: "ویب ویجیٹس صفحے سے اپنی سائٹ کے لیے کلک ٹو ٹاک ویجیٹ ترتیب دیں — کسی API کال کی ضرورت نہیں۔"
---

**ویب ویجٹس** صفحہ (`/dashboard/web-widgets`) قابلِ اشاعت کلیدیں بناتا اور ان کا نظم کرتا ہے جو ThunderPhone کے ایمبیڈ کیے جانے والے وائس ویجٹ کو چلاتی ہیں۔
اس گائیڈ کا [API ورژن](/ur/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>` اور اسٹائل شیٹ کا جوڑا۔

ڈائیلاگ بنیادی ظاہری آپشنز کا پیش نظارہ بھی دکھاتا ہے — عنوان، بنیادی
رنگ، کونے کی پوزیشن، اور روشن/گہرا تھیم — اور آپ کے انتخاب کو اسنیپٹ میں
شامل کر دیتا ہے۔ مکمل prop حوالہ، اسٹائلنگ ہکس، اور ہیڈ لیس آپشن کے لیے
[ویجٹ SDK دستاویزات](/ur/widget/overview) دیکھیں۔

<Note>
  قابلِ اشاعت کلیدیں (`pk_live_…`) ڈیزائن کے لحاظ سے عوامی ہوتی ہیں — انہیں
  فرنٹ اینڈ کوڈ میں شامل کرنا محفوظ ہے۔ کسی بھی وقت اس کی قطار میں موجود کاپی بٹن سے ایک کلید کاپی کریں۔
</Note>

## فہرست سے ویجٹس کا نظم کریں

ہر قطار اپنی جگہ پر ترمیم ہوتی ہے:

- **موڈ / ایجنٹ** — اِن لائن سلیکٹس کے ذریعے ایجنٹ اور ویب ہک موڈ کے درمیان
  تبدیل کریں، یا ایجنٹ کو دوبارہ مقرر کریں۔
- **ڈومینز** — چپس کے طور پر اجازت یافتہ ڈومینز شامل کریں یا ہٹائیں۔
- **فعال/غیر فعال** — ہر ویجٹ کے لیے ایک سوئچ؛ غیر فعال ویجٹس فوراً
  سیشنز قبول کرنا بند کر دیتے ہیں۔
- **تنظیم میں منتقل کریں** — ویجٹ کو کسی دوسری تنظیم میں کاپی یا منتقل کریں
  جس سے آپ وابستہ ہیں (منتقل کرنے سے یہ یہاں سے ہٹ جاتا ہے)۔
- **حذف کریں** — قابلِ اشاعت کلید منسوخ ہو جاتی ہے؛ ویجٹ تمام ڈومینز پر
  فوراً کام کرنا بند کر دیتا ہے۔ اسے واپس نہیں کیا جا سکتا۔

ویجٹ سیشنز [کال ہسٹری](/ur/guides/review-calls) میں فون کالز جیسے ہی
ٹرانسکرپٹ، ریکارڈنگ، اور گریڈنگ کے ساتھ ظاہر ہوتے ہیں۔

## اگلے مراحل

<CardGroup cols={2}>
  <Card title="ویجٹ SDK حوالہ" icon="window-maximize" href="/ur/widget/overview">
    React کمپوننٹ، ہیڈ لیس ہک، اور CDN اسکرپٹ کی تفصیلات۔
  </Card>
  <Card title="ویب ہک موڈ روٹنگ" icon="bolt" href="/ur/guides/dynamic-call-config">
    اپنے سرور سے ہر وزیٹر کے لیے ایجنٹ کنفیگ واپس کریں۔
  </Card>
</CardGroup>