As we were designing the other apps on the platform, we noticed they all had statuses. We started this color bar design pattern to visually indicate the status, along with text to make sure we’re ADA compliant. In Active Listening, the blue color represents if it’s active, and the grey represents when it’s inactive.
We found that it would be helpful for clients to see a preview of the active listening bot. This way they can also have a quick visual cue as well as a title.
One assumption was that clients will be coming to this page primarily to get the embed code for an active listening bot, so we added the “Get Embed Code” button for a quick way for them to copy the code to their clipboard.