diff --git a/docs/deployment/web-widget.mdx b/docs/deployment/web-widget.mdx index 72282ff..5cd7fab 100644 --- a/docs/deployment/web-widget.mdx +++ b/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. \ No newline at end of file +![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) diff --git a/docs/images/copy-deployment-code.png b/docs/images/copy-deployment-code.png new file mode 100644 index 0000000..5178390 Binary files /dev/null and b/docs/images/copy-deployment-code.png differ diff --git a/docs/images/deploy-agent-as-widget.png b/docs/images/deploy-agent-as-widget.png deleted file mode 100644 index 0a7b4c3..0000000 Binary files a/docs/images/deploy-agent-as-widget.png and /dev/null differ diff --git a/docs/images/enable-embedding.png b/docs/images/enable-embedding.png deleted file mode 100644 index 30ee3f7..0000000 Binary files a/docs/images/enable-embedding.png and /dev/null differ diff --git a/docs/images/go-to-deployment.png b/docs/images/go-to-deployment.png new file mode 100644 index 0000000..25d49b6 Binary files /dev/null and b/docs/images/go-to-deployment.png differ diff --git a/docs/images/open-settings.png b/docs/images/open-settings.png new file mode 100644 index 0000000..b17e712 Binary files /dev/null and b/docs/images/open-settings.png differ diff --git a/docs/images/save-configurations.png b/docs/images/save-configurations.png new file mode 100644 index 0000000..12feda6 Binary files /dev/null and b/docs/images/save-configurations.png differ