# Edit a default HTML / add a HTML component for all pages in Kibana

**URL:** <https://discuss.elastic.co/t/edit-a-default-html-add-a-html-component-for-all-pages-in-kibana/365962>\
**Category:** Kibana\
**Tags:** kibana-plugin-development\
**Created:** [September 3, 2024, 12:57pm UTC](https://discuss.elastic.co/t/edit-a-default-html-add-a-html-component-for-all-pages-in-kibana/365962 "2024-09-03T12:57:04Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![Neeecu](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/neeecu/32/131430_2.png) [@Neeecu](https://discuss.elastic.co/u/Neeecu)\
**Post date:** [September 3, 2024, 12:57pm UTC](https://discuss.elastic.co/t/edit-a-default-html-add-a-html-component-for-all-pages-in-kibana/365962/1 "2024-09-03T12:57:04Z")

</div>

Hello!

I was developing in Kibana and I wanted to add the following chat assistant option ([GitHub - langflow-ai/langflow-embedded-chat: The Langflow Embedded Chat is a powerful web component that enables seamless communication with the Langflow](https://github.com/langflow-ai/langflow-embedded-chat)) on all Kibana pages. When developing a custom plugin, this can be easily added to the client-side code.

But my question is if there is a possibility to add these two lines of code, which is required to enable the chatbot feature on all pages of Kibana, not only in plugin. Is there any way?

---

<div class="post-metadata">

**Author:** ![carly.richmond](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/carly.richmond/32/104935_2.png) [@carly.richmond](https://discuss.elastic.co/u/carly.richmond)\
**Post date:** [September 3, 2024, 3:34pm UTC](https://discuss.elastic.co/t/edit-a-default-html-add-a-html-component-for-all-pages-in-kibana/365962/2 "2024-09-03T15:34:10Z")

</div>

Hi @Neeecu,

Welcome back! To add custom JavaScript to Kibana, you are right that a custom plugin is probably the way to go.

I'm interested in learning more about what you are trying to do, as there is the [Elastic AI Assistant](https://www.elastic.co/elasticsearch/ai-assistant) already available with some chat capabilities. Can you share a bit more about what you're trying to do?

---

<div class="post-metadata">

**Author:** ![Neeecu](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/neeecu/32/131430_2.png) [@Neeecu](https://discuss.elastic.co/u/Neeecu)\
**Post date:** [September 4, 2024, 7:17am UTC](https://discuss.elastic.co/t/edit-a-default-html-add-a-html-component-for-all-pages-in-kibana/365962/3 "2024-09-04T07:17:11Z")

</div>

Hi @carly.richmond!

I am aware of the Elastic AI Assistant, but I don't really need it right now. The solution I'm trying to implement is a to embed this Langflow chatbot, which is connected to a Langchain server. There, I have my custom chat behaviour, and I would like this button to be available on all screens in Kibana

---

<div class="post-metadata">

**Author:** ![carly.richmond](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/carly.richmond/32/104935_2.png) [@carly.richmond](https://discuss.elastic.co/u/carly.richmond)\
**Post date:** [September 4, 2024, 9:06am UTC](https://discuss.elastic.co/t/edit-a-default-html-add-a-html-component-for-all-pages-in-kibana/365962/4 "2024-09-04T09:06:51Z")

</div>

Thanks for sharing. For that I would suggest trying the plugin route. However I would check the [best practices, especially around performance](https://www.elastic.co/guide/en/kibana/current/development-best-practices.html), and [security best practices](https://www.elastic.co/guide/en/kibana/current/security-best-practices.html) for building the plugin to avoid common vulnerabilities and potential performance issues in Kibana.

Hope that helps!

---

<div class="post-metadata">

**Author:** ![Neeecu](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/neeecu/32/131430_2.png) [@Neeecu](https://discuss.elastic.co/u/Neeecu)\
**Post date:** [September 4, 2024, 10:37am UTC](https://discuss.elastic.co/t/edit-a-default-html-add-a-html-component-for-all-pages-in-kibana/365962/5 "2024-09-04T10:37:33Z")

</div>

Thank you for the suggestion! I'll try it as an initial solution, but I don't think it will solve my solution overall. I'll dig more and come up with a response if I find anything
