> For the complete documentation index, see [llms.txt](https://docs.langflux.space/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.langflux.space/using-langflux/embed.md). # Embed You can embed a chat widget to your website. Simply copy paste the embedded code provided to anywhere in the `` tag of your html file.

Watch how to do that: {% embed url="" %} You can also customize your own embedded chat widget UI and pass **chatflowConfig** JSON object to override existing config. See [configuration list](https://github.com/FlowiseAI/FlowiseChatEmbed#configuration). To modify the full source code of embedded chat widget, follow these steps: 1. Fork the [Flowise Chat Embed](https://github.com/FlowiseAI/FlowiseChatEmbed) repository 2. Then you can make any code changes. One of the popular ask is to remove Flowise [branding](https://github.com/HenryHengZJ/FlowiseChatEmbed-Test/blob/main/src/components/Bot.tsx#L337). 3. Run `yarn build` 4. Push changes to the forked repo 5. You can then use it as embedded chat like so: Replace `username` to your Github username, and `forked-repo` to your forked repo.

<script type="module">
      import Chatbot from "https://cdn.jsdelivr.net/gh/username/forked-repo/dist/web.js"
      Chatbot.init({
          chatflowid: "chatflow-id",
          apiHost: "http://localhost:3000",
      })
</script>

```html ``` ### Tutorials * Watch how to embed LangFlux in a Bootstrap 5 website {% embed url="" %} * Watch how to add chatbot to website {% embed url="" %}