Integrating a Custom HTML Chatbot into Ignition Perspective (Persistent Overlay)

Ignition
1

Hi everyone,

I’ve developed a custom web-based chatbot using HTML + JavaScript, which loads dynamically from an external source (or can be hosted locally). The chatbot works perfectly when opened in a standalone browser, but I’d like to embed it directly into my Ignition Perspective application so that:

  • The chatbot is always visible (persistent overlay, like a floating widget).

  • It should stay on top of other Perspective components — even when navigating between views.

  • The chat logic (JS) must remain fully functional, not stripped or sanitized by Perspective’s HTML filtering.

    Thanks in advance to anyone who’s tackled something similar
    any tips on keeping it persistent and responsive in Perspective would be appreciated

2

Do the chatbot do anything with the interface, or it could be in an iframe? I suppose the chatbot can use the session id as identifier

You can also have a look at HTML injection: https://forum.inductiveautomation.com/t/perspective-html-injection

3

You’ll want to do this as a module.

I’d create an additional React root, then listen to the dock positions in order to keep things aligned.

This is exactly how Periscope’s toast notification wrapper works:

4 Likes