Comments and reactions for your website with less than 500kb.💬👁️😀
![Screenshot 2024-03-13 at 19 26 33](https://private-user-images.githubusercontent.com/25534427/312520464-923a6ece-1516-4157-8224-3f7873934925.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjAxODQ0MTUsIm5iZiI6MTcyMDE4NDExNSwicGF0aCI6Ii8yNTUzNDQyNy8zMTI1MjA0NjQtOTIzYTZlY2UtMTUxNi00MTU3LTgyMjQtM2Y3ODczOTM0OTI1LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA3MDUlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNzA1VDEyNTUxNVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTQ2NjQyN2Y1OTFjMzVjZTk2ZDdhYmI0MDM4ZjlkZGFmODBlZDJkOWZjZjE3NDExMTU0YjE0ZDc5ZGViYTE5NjkmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.NK2_m-xu4_g2XPfNB9_0YMFUVkpDc33Da-pq-Litnc4)
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 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 |
- Make sure you have node.js installed.
- Clone the repository and install dependencies:
$ git clone https://github.com/zoomment/zoomment-widget.git
$ cd zoomment-widget
$ npm install
- Run it for development:
$ npm start
Open http://localhost:1234 to view it in the browser.
- Build it for production:
$ npm run build