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.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MzkyNjQ3NDMsIm5iZiI6MTczOTI2NDQ0MywicGF0aCI6Ii8yNTUzNDQyNy8zMTI1MjA0NjQtOTIzYTZlY2UtMTUxNi00MTU3LTgyMjQtM2Y3ODczOTM0OTI1LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTAyMTElMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwMjExVDA5MDA0M1omWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWM1NDQwYjg0MTdkNWI3YzNkNTFlNDYxNTEzZTRiN2E1MWRhMzU2M2JlZjkwMjBkZDNmNjg5N2M0NGNlYzY2OTYmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.TjnS0ac1kfjp4-h8bBPmiMH1hHypnx-Q00vRTA52qGU)
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