---
title: "ਡੈਸ਼ਬੋਰਡ ਵਿੱਚ ਵੈੱਬ ਵਿਜਟ ਬਣਾਓ"
description: "ਵੈੱਬ ਵਿਜਟਸ ਪੰਨੇ ਤੋਂ ਆਪਣੀ ਸਾਈਟ ਲਈ ਕਲਿੱਕ-ਟੂ-ਟਾਕ ਵਿਜਟ ਸੈੱਟ ਅੱਪ ਕਰੋ — ਕਿਸੇ API ਕਾਲ ਦੀ ਲੋੜ ਨਹੀਂ।"
---

**ਵੈੱਬ ਵਿਜਿਟਸ** ਪੰਨਾ (`/dashboard/web-widgets`) ThunderPhone ਦੇ
ਐਂਬੈਡ ਕੀਤੇ ਜਾ ਸਕਣ ਵਾਲੇ ਵੋਇਸ ਵਿਜਿਟ ਨੂੰ ਚਲਾਉਣ ਵਾਲੀਆਂ ਪ੍ਰਕਾਸ਼ਨਯੋਗ ਕੁੰਜੀਆਂ ਬਣਾਉਂਦਾ ਅਤੇ ਪ੍ਰਬੰਧਿਤ ਕਰਦਾ ਹੈ।
ਇਸ ਗਾਈਡ ਦਾ [API ਵਰਜਨ](/pa/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 ਦਸਤਾਵੇਜ਼](/pa/widget/overview) ਵੇਖੋ।

<Note>
  ਪ੍ਰਕਾਸ਼ਨਯੋਗ ਕੁੰਜੀਆਂ (`pk_live_…`) ਡਿਜ਼ਾਇਨ ਅਨੁਸਾਰ ਜਨਤਕ ਹਨ — ਫਰੰਟ-ਐਂਡ
  ਕੋਡ ਵਿੱਚ ਸ਼ਾਮਲ ਕਰਨ ਲਈ ਸੁਰੱਖਿਅਤ। ਕਿਸੇ ਵੀ ਵੇਲੇ ਇਸਦੀ ਕਤਾਰ ਵਿੱਚ ਕਾਪੀ ਬਟਨ ਨਾਲ ਇੱਕ ਕਾਪੀ ਕਰੋ।
</Note>

## ਸੂਚੀ ਤੋਂ ਵਿਜਿਟ ਪ੍ਰਬੰਧਿਤ ਕਰੋ

ਹਰੇਕ ਕਤਾਰ ਨੂੰ ਉਸੇ ਥਾਂ ਸੰਪਾਦਿਤ ਕੀਤਾ ਜਾਂਦਾ ਹੈ:

- **ਮੋਡ / ਏਜੰਟ** — ਇਨਲਾਈਨ ਸਿਲੈਕਟਾਂ ਨਾਲ ਏਜੰਟ ਅਤੇ ਵੈੱਬਹੁੱਕ ਮੋਡ ਵਿਚਕਾਰ ਬਦਲੋ,
  ਜਾਂ ਏਜੰਟ ਨੂੰ ਮੁੜ ਨਿਰਧਾਰਤ ਕਰੋ।
- **ਡੋਮੇਨ** — ਚਿਪਾਂ ਵਜੋਂ ਮਨਜ਼ੂਰ ਡੋਮੇਨ ਸ਼ਾਮਲ ਕਰੋ ਜਾਂ ਹਟਾਓ।
- **ਸਮਰੱਥ/ਅਸਮਰੱਥ** — ਹਰੇਕ ਵਿਜਿਟ ਲਈ ਇੱਕ ਸਵਿੱਚ; ਅਸਮਰੱਥ ਵਿਜਿਟ
  ਤੁਰੰਤ ਸੈਸ਼ਨ ਸਵੀਕਾਰਨਾ ਬੰਦ ਕਰ ਦਿੰਦੇ ਹਨ।
- **ਸੰਸਥਾ ਵਿੱਚ ਟ੍ਰਾਂਸਫਰ ਕਰੋ** — ਵਿਜਿਟ ਨੂੰ ਤੁਹਾਡੀ ਕਿਸੇ ਹੋਰ ਸੰਸਥਾ ਵਿੱਚ ਕਾਪੀ ਜਾਂ ਮੂਵ ਕਰੋ
  (ਮੂਵ ਕਰਨ ਨਾਲ ਇਹ ਇੱਥੋਂ ਹਟ ਜਾਂਦਾ ਹੈ)।
- **ਮਿਟਾਓ** — ਪ੍ਰਕਾਸ਼ਨਯੋਗ ਕੁੰਜੀ ਰੱਦ ਕਰਦਾ ਹੈ; ਵਿਜਿਟ ਸਾਰੇ ਡੋਮੇਨਾਂ ਉੱਤੇ
  ਤੁਰੰਤ ਕੰਮ ਕਰਨਾ ਬੰਦ ਕਰ ਦਿੰਦਾ ਹੈ। ਇਸਨੂੰ ਵਾਪਸ ਨਹੀਂ ਕੀਤਾ ਜਾ ਸਕਦਾ।

ਵਿਜਿਟ ਸੈਸ਼ਨ [ਕਾਲ ਇਤਿਹਾਸ](/pa/guides/review-calls) ਵਿੱਚ ਫੋਨ ਕਾਲਾਂ ਵਾਂਗ ਹੀ
ਟ੍ਰਾਂਸਕ੍ਰਿਪਟ, ਰਿਕਾਰਡਿੰਗ ਅਤੇ ਗ੍ਰੇਡਿੰਗ ਨਾਲ ਦਿਖਾਈ ਦਿੰਦੇ ਹਨ।

## ਅਗਲੇ ਕਦਮ

<CardGroup cols={2}>
  <Card title="ਵਿਜਿਟ SDK ਹਵਾਲਾ" icon="window-maximize" href="/pa/widget/overview">
    React ਕੰਪੋਨੈਂਟ, ਹੈਡਲੈੱਸ ਹੁੱਕ ਅਤੇ CDN ਸਕ੍ਰਿਪਟ ਵੇਰਵੇ।
  </Card>
  <Card title="ਵੈੱਬਹੁੱਕ-ਮੋਡ ਰੂਟਿੰਗ" icon="bolt" href="/pa/guides/dynamic-call-config">
    ਆਪਣੇ ਸਰਵਰ ਤੋਂ ਹਰ ਵਿਜ਼ਟਰ ਲਈ ਏਜੰਟ ਸੰਰਚਨਾ ਵਾਪਸ ਕਰੋ।
  </Card>
</CardGroup>