chore: update web widget deployment documentaiton

Author: a6kme

docs/deployment/web-widget.mdx

@@ -4,15 +4,21 @@ description: You can deploy and embed a Voice Agent that you create on Dograh on
 ---
 
 ### How to deploy
-You can go to your voice agent and Enable Embedding of the Voice Agent on any external website.
 
-Step 1: Go to Deploy Agent
-![Deploy Agent](../images/deploy-agent-as-widget.png)
+You can embed your Voice Agent on any external website using the Deploy Agent dialog in your agent's settings.
 
-Step 2: Enable Embedding
+Step 1: Open the agent settings by clicking the gear icon in the top-right of the agent editor.
 
-![Enable Embedding](../images/enable-embedding.png)
+![Open agent settings](../images/open-settings.png)
 
-Step 3: Configure the Widget. Select either floating or inline widget
+Step 2: Scroll to the **Deployment** section and click **Configure Embed**.
 
-Step 4: Copy the code into your Web Page and test your agent. 
+![Go to Deployment](../images/go-to-deployment.png)
+
+Step 3: Enable embedding, add your website's domain to **Allowed Domains**, choose either **Floating Widget** or **Inline Component**, customize the button (position, color, text), and click **Save Configurations**.
+
+![Save configurations](../images/save-configurations.png)
+
+Step 4: Copy the generated embed code and paste it into your web page to test your agent.
+
+![Copy deployment code](../images/copy-deployment-code.png)