[Alpha Release] Messaging Widget

 Around month ago PeakD String chat have been released for alpha testing. If you haven't given it a try, feel free to visit https://chat.peakd.com and check out the [previous announcement post](https://peakd.com/hive-152386/@peak.open/inviting-everyone-to-test-encrypted-chat-on-hive). Today is the alpha release day for the **messaging widget**. This post will serve as a tutorial on how to add it with few steps and optionally customize it in [the widget editor](https://chat.peakd.com/widgettest).  **About the messaging widget:** - Supports encrypted direct & group messages - Community chat channels - Keychain login/guest account - Customizable UI - Themes ## How to add messaging widget to a website **Step 1. stwidget.js lib** Download and host (preferred) or add script: https://chat.peakd.com/stwidget.js (Also available on [gitlab](https://gitlab.com/peakd/sting-message-frontend/-/raw/dev-igor/public/stwidget.js)) **Step 2. Use the generated code from Widget Editor or from the example below:** Generate the code with customization through [the widget editor](https://chat.peakd.com/widgettest) or copy the example on how to embed the widget with JavaScript shown below. ``` <!DOCTYPE html>

Widget Embed example

You can further customize by tweaking properties. Check out the property editor, send feedback and feature requests in the chat window above or open in new window.

``` The code example above and other examples on how to overlay the widget and show/hide it on a click of a button in JavaScript or Vue are [available here](https://gitlab.com/peakd/sting-message-frontend/-/tree/dev-igor/examples). **Further Customization** Feel free to post customization ideas in the chat: https://chat.peakd.com/t/hive-163399/0 **Alternatively** Clone the open source [frontend repository](https://gitlab.com/peakd/sting-message-frontend/-/tree/dev-igor/ ) and host the widget on your domain to customize it as you see fit. While not alpha released yet, there is a [frontend/backend library](https://gitlab.com/peakd/sting-message-backend/-/blob/progr-am7/libs/stlib/README.md) that can be used to communicate with the messaging backend nodes to read and post messages. ---  ## How to support Peak Open Project **WORK WITH US** If you're a project looking to integrate one of these tools message us. If you're a developer looking for a part time open source project message us. **WITNESS VOTE** Part of the team has been voted as a top block producer on hive (aka "witness"). You can add your vote for us on the main [witness page](https://peakd.com/witnesses) our "witness" account is @steempeak VOTE HERE: https://peakd.com/witnesses **OPEN PROJECTS PROPOSAL** You can support our proposal to develop open source tools for the whole Hive community using one of the following links: - PeakD: https://peakd.com/proposals/223 - Hive.blog: https://wallet.hive.blog/proposals - Ecency: https://ecency.com/proposals/223 - Or directly on [Hivesigner](https://hivesigner.com/sign/update-proposal-votes?proposal_ids=%5B223%5D&approve=true) **BENEFICIARY** You can donate 5% of your Hive Reward Pool earnings to @peakd to help use improve the interface: [Turn on in settings](https://peakd.com/me/settings/general) **SHARE IDEAS AND FEEDBACK** We invite you to share and brainstorm some ideas with us: - Share on posts #HiveLaunchpad or #PeakOpenProjects - Reach out on [this discord channel](https://discord.gg/qfZDnKqT4a) - Create a suggestion on our new feature voting site https://feedback.peakd.com -- use category "Peak Open Projects" --- **The PeakD Team** _About us: https://peakd.com/about_ [Discord](https://discord.gg/Fy3bca5) - [Blog](https://peakd.com/@peakd) - [Twitter](https://twitter.com/peakdcom) - [LinkedIn](https://www.linkedin.com/company/peakd/)