Full-page chat

Deploy your bot as a full-page chat experience — ideal for dedicated support pages or landing pages.

~10 minutes Free

When to use full-page chat

A full-page chat interface works well when:

You want a dedicated Help Centre or Support page where chat is the primary experience
You're building a landing page for a specific campaign and want the bot front-and-centre
You're embedding the chat in an iframe inside an app or partner portal
You want to share a direct link to the chat (e.g., in email signatures or social media)

The floating widget is better for general website-wide deployment where the chat is secondary to your main content.

Set up full-page chat

Get your chatbot ID

Go to Deploy → Embed widget and copy your Chatbot ID (not the full script tag — just the ID string).

Open Deploy settings in admin

Create a dedicated HTML page

Create a new HTML page on your website. Paste the following template, replacing YOUR_CHATBOT_ID:

html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Chat with us — Your Company Name</title>
  <style>
    * { margin: 0; padding: 0; box-sizing: border-box; }
    body { height: 100vh; display: flex; flex-direction: column; }
    #dgbot-fullpage { flex: 1; width: 100%; border: none; }
  </style>
</head>
<body>
  <iframe
    id="dgbot-fullpage"
    src="https://dgbot.dgtech.co.in/chat/YOUR_CHATBOT_ID"
    allow="microphone"
  ></iframe>
</body>
</html>

Publish the page

Publish the page on your website. The full-page chat is live.

deploy/full-page-chat Screenshot needed — save as: _assets/images/deploy/full-page-chat.png

Full-page chat mode. The bot fills the entire viewport — ideal for dedicated support pages.

Customise the page

You can wrap the iframe in your own header and footer to keep your brand chrome visible:

html

<body>
  <header style="padding: 16px 24px; background: #fff; border-bottom: 1px solid #eee;">
    <img src="/logo.svg" alt="Company Logo" height="32">
  </header>
  <iframe id="dgbot-fullpage" src="..." allow="microphone"></iframe>
</body>

Use a custom domain for the iframe source

If you've configured a custom domain for your DGbot instance, use that URL in the iframe src for a fully white-labelled experience. See the Custom domain guide.

Previous Embed the widget Next Custom domain