Installation guide

Embed your AI chatbot where customers need it.

Once your assistant has approved source material and a clear support role, add it to the website where visitors need help.

Build your assistant

What this gives your team

A clear answer, backed by content you control.

To embed a Dobe Chat AI chatbot, create and configure an assistant, then use its public bot identifier with either an iframe or the floating launcher script. The iframe gives you direct control over placement and dimensions; the launcher adds a fixed chat entry point that loads the assistant when a visitor opens it.

  • Use an iframe when you need precise placement inside a page layout.
  • Use the floating launcher to add a fixed customer-support entry point with a single script tag.
  • Test the assistant on the live website context before directing all visitors to it.

Choose the right embed option for your website

An iframe is a good choice when the chatbot belongs within a specific page layout, help center, or account area. You set its width, height, and positioning directly in your website markup. This gives your team the most explicit control over how the assistant appears.

The floating launcher is a good choice when customers should be able to open help from anywhere on the website. Add the deferred script with the Dobe Chat public bot identifier once in the site-wide header or shared layout. The loader creates a separate interface boundary, lazy-loads the chatbot, and uses the site context to initialize the assistant.

  • Use a meaningful iframe title so assistive technologies identify the chatbot clearly.
  • Keep the chat entry point visible without covering key page controls on smaller screens.
  • Confirm that the assistant is configured for the domain where you are embedding it.

Test customer questions after installation

Installation is the beginning of the customer experience, not the end. Visit the pages where the chatbot is visible and test the exact questions customers ask. Check that the assistant answers from appropriate source material, that links and sources make sense, and that users can reach human help when the answer is incomplete.

A short launch review with the people who own support and website content will prevent the common issue of publishing a chat widget before the knowledge behind it is ready.

Protect the page experience around the chatbot

Test the embed at the viewport sizes your customers use. A floating launcher should not cover checkout buttons, cookie controls, navigation, or accessibility tools. An inline iframe should have enough height for a useful conversation without forcing the page into an awkward nested scroll area.

Use a meaningful accessible label, check keyboard interaction, and confirm that opening and closing the assistant is predictable. The chatbot is part of the website experience; installation quality affects whether customers trust and use it.

  • Check mobile placement on short and long pages.
  • Keep the chat control separate from primary conversion actions.
  • Test keyboard access and a clear iframe title.

A practical workflow

A clear path from setup to improvement.

  1. 1

    Find the public bot identifier

    Open the Dobe Chat assistant you want to publish and use its public identifier for the installation method you choose. Keep this identifier associated with the right assistant and intended domain.

  2. 2

    Add an iframe or floating launcher

    For an iframe, set the Dobe Chat embed URL, title, dimensions, and placement. For the launcher, add the deferred widget script with the data-bot-id attribute once in the site-wide header or shared layout.

  3. 3

    Confirm domain and browser behavior

    Load the published page in a standard browser context and confirm that the assistant appears, opens correctly, and receives the expected site origin.

  4. 4

    Run an answer-quality check

    Ask representative questions from the visitor perspective. If an answer is missing, improve the source material or give the visitor a clear human-support route.

Questions, answered

What teams usually ask before they begin.

Can I embed Dobe Chat with an iframe?

Yes. Dobe Chat supports an iframe embed using the assistant’s public identifier. Use this option when you need explicit control of the chat position and dimensions in your page layout.

What is the floating launcher?

The floating launcher is a script-based installation that adds a chat entry point to a website and lazy-loads the Dobe Chat iframe when a visitor opens it.

Where should I place an AI chatbot on my website?

Start on pages that attract repeated questions, such as pricing, product, documentation, or support pages. Ensure the chat entry point remains accessible without interrupting important page actions.

Keep exploring

The next useful place to go.

Give customers a useful answer before they need to open a ticket.

Bring your trusted content into Dobe Chat, define what the assistant should handle, and launch with a clear path to human help.

Build your assistant

Last updated: August 2026