> ## Documentation Index > Fetch the complete documentation index at: https://docs.connectly.ai/llms.txt > Use this file to discover all available pages before exploring further. # Connectly Webchat > Add a chat launcher and panel to any web page — visitor conversations land in your Connectly inbox alongside every other channel 💬 This widget is being rolled out. Interfaces on this page may change before general availability. The engineering documentation site, which tracks the current build, is at [webchat.connectly.ai/docs](https://webchat.connectly.ai/docs/). A floating launcher and a chat panel you add to any page. A visitor clicks the launcher, types, and the conversation lands in your Connectly inbox alongside every other channel. There is no page to build and no UI to write. ## What you need One thing: a **client key**, from the webchat settings page in your Connectly dashboard. Everything else — colours, the launcher's side and icon, the panel's size, the greeting — is stored against that key and fetched at runtime, which is why a working integration is two lines rather than a configuration file. The key goes in your page's HTML where anyone can read it. That is fine — it names your business, it does not authorise anything. ## What it is not It is not an iframe you size yourself, and it is not a component library. The widget lives in a shadow root and is `position: fixed` to a viewport corner, so it does not inherit your page's CSS and does not participate in your layout. Where you put the element in the DOM does not matter. It is also not something you should load twice — see "One integration per page" on the next page. Two integrations means two launchers, two sessions and two sockets for one visitor, and nothing errors.