---
title: "ഡാഷ്ബോർഡിൽ ഒരു വെബ് വിജറ്റ് സൃഷ്ടിക്കുക"
description: "API കോളുകളൊന്നും ആവശ്യമില്ലാതെ Web Widgets പേജിൽ നിന്ന് നിങ്ങളുടെ സൈറ്റിനായി ക്ലിക്ക്-ടു-ടോക്ക് വിജറ്റ് സജ്ജീകരിക്കുക."
---

**വെബ് വിജറ്റുകൾ** പേജ് (`/dashboard/web-widgets`) ThunderPhone-ന്റെ എംബെഡ് ചെയ്യാവുന്ന വോയ്‌സ് വിജറ്റിന് കരുത്തേകുന്ന പ്രസിദ്ധീകരിക്കാവുന്ന കീകൾ സൃഷ്ടിക്കുകയും നിയന്ത്രിക്കുകയും ചെയ്യുന്നു.
[ഈ ഗൈഡിന്റെ API പതിപ്പ്](/ml/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 ഡോക്സ്](/ml/widget/overview) കാണുക.

<Note>
  പ്രസിദ്ധീകരിക്കാവുന്ന കീകൾ (`pk_live_…`) രൂപകൽപ്പന പ്രകാരം പൊതുവായവയാണ് — ഫ്രണ്ട്-എൻഡ് കോഡിൽ ഉൾപ്പെടുത്താൻ സുരക്ഷിതമാണ്.
  അതിന്റെ വരിയിലുള്ള കോപ്പി ബട്ടൺ ഉപയോഗിച്ച് എപ്പോൾ വേണമെങ്കിലും ഒന്ന് കോപ്പി ചെയ്യുക.
</Note>

## പട്ടികയിൽ നിന്ന് വിജറ്റുകൾ നിയന്ത്രിക്കുക

ഓരോ വരിയും അതേ സ്ഥാനത്ത് എഡിറ്റ് ചെയ്യാം:

- **മോഡ് / ഏജന്റ്** — ഇൻലൈൻ സെലക്ടുകൾ ഉപയോഗിച്ച് ഏജന്റ്, വെബ്‌ഹുക്ക് മോഡുകൾക്കിടയിൽ മാറുക, അല്ലെങ്കിൽ
  ഏജന്റിനെ മാറ്റിനിയമിക്കുക.
- **ഡൊമെയ്‌നുകൾ** — ചിപ്പുകളായി അനുവദിച്ച ഡൊമെയ്‌നുകൾ ചേർക്കുക അല്ലെങ്കിൽ നീക്കുക.
- **പ്രവർത്തനക്ഷമമാക്കുക/പ്രവർത്തനരഹിതമാക്കുക** — ഓരോ വിജറ്റിനും ഒരു സ്വിച്ച്; പ്രവർത്തനരഹിതമാക്കിയ വിജറ്റുകൾ
  ഉടൻ സെഷനുകൾ സ്വീകരിക്കുന്നത് നിർത്തും.
- **ഓർഗിലേക്ക് കൈമാറുക** — നിങ്ങൾ ഉൾപ്പെടുന്ന മറ്റൊരു ഓർഗനൈസേഷനിലേക്ക് വിജറ്റ്
  കോപ്പി ചെയ്യുക അല്ലെങ്കിൽ മാറ്റുക (മാറ്റുന്നത് ഇവിടുന്ന് അത് നീക്കും).
- **ഇല്ലാതാക്കുക** — പ്രസിദ്ധീകരിക്കാവുന്ന കീ റദ്ദാക്കുന്നു; എല്ലാ ഡൊമെയ്‌നുകളിലും വിജറ്റ്
  ഉടൻ പ്രവർത്തനം നിർത്തും. ഇത് പൂർവാവസ്ഥയിലാക്കാനാകില്ല.

ഫോൺ കോളുകളുടേതിന് സമാനമായ ട്രാൻസ്ക്രിപ്റ്റ്, റെക്കോർഡിംഗ്, ഗ്രേഡിംഗ് എന്നിവയോടെ വിജറ്റ് സെഷനുകൾ [കോൾ ചരിത്രത്തിൽ](/ml/guides/review-calls) ദൃശ്യമാകും.

## അടുത്ത ഘട്ടങ്ങൾ

<CardGroup cols={2}>
  <Card title="വിജറ്റ് SDK റഫറൻസ്" icon="window-maximize" href="/ml/widget/overview">
    React ഘടകം, ഹെഡ്‌ലെസ് ഹുക്ക്, CDN സ്ക്രിപ്റ്റ് വിശദാംശങ്ങൾ.
  </Card>
  <Card title="വെബ്‌ഹുക്ക്-മോഡ് റൂട്ടിംഗ്" icon="bolt" href="/ml/guides/dynamic-call-config">
    നിങ്ങളുടെ സെർവറിൽ നിന്ന് ഓരോ സന്ദർശകനുമുള്ള ഏജന്റ് കോൺഫിഗ് മടക്കിനൽകുക.
  </Card>
</CardGroup>
