zoomment-widget

zoomment-widget

This self-hosted solution offers enhanced privacy, full customization, and a user-friendly interface, making it the perfect addition to your website for engaging visitors and fostering community interaction.

Zoomment.com

Comments and reactions for your website with less than 500kb.💬👁️😀

Screenshot 2024-03-13 at 19 26 33

Usage

Place the following code where you'd like Zoomment to load:

<!-- for the comment section -->
<div
  id="zoomment"
  data-theme="light"
  data-language="en"
  data-emotions="❤️,😀,🪄,🥸,💡,🤔,💩,😢"
></div>

<!-- the working script -->
<script src="https://cdn.zoomment.com/zoomment.min.js"></script>

Options

Options can be passed via data attributes for comment section.

Attribute Name Possible values
data-theme light, dark, black
data-language en, hy, hyw, ru, zh
data-emotions list comma separated emojis, leave empty if not needed

Development

  1. Make sure you have node.js installed.
  2. Clone the repository and install dependencies:
$ git clone https://github.com/zoomment/zoomment-widget.git
$ cd zoomment-widget
$ npm install
  1. Run it for development:
$ npm start

Open http://localhost:1234 to view it in the browser.

  1. Build it for production:
$ npm run build