Status Chat Widget - An Embeddable Status Chat Widget for your website

Archive
1

The community has requested before for a way to embed Status inside websites.
Using status-js and murmur, we created for Buidlweek a pure javascript component that allows any website to have their own Status channel without a need for any plugins or a specialized browser.

With this component all someone needs to do is copy a html snippet and paste it in their website

  <link rel="stylesheet" href="https://status-im.github.io/status-chat-widget/themes/status.css">
  <script src="https://status-im.github.io/status-chat-widget/dist/js/statuswidget.js"></script>
  <div id="status-chat-widget"></div>
  <script>StatusWidget("your-channel-name", document.getElementById("status-chat-widget"));</script>

Then the user can then replace your-channel-name with the intended channel, and they have the status chatroom working on their website!

Below is a screenshot of how it looks like:

widget
widget888×432 23.8 KB

repo: GitHub - status-im/status-chat-widget: Easily embed a status chatroom in your website - outdated, please use https://github.com/status-im/js-waku

12 Likes
2

Is it encrypted? And is it based on an Ethereum address when creating an account?

3

really looking forward to building off of the widget, currently it’s not working, I assume you’re updating it. Please keep me in the loop so I know when it’s ready. I have a password protected test page on my website if I can help with testing at all.

1 Like