{"componentChunkName":"component---src-templates-blog-post-js","path":"/comment-widget/","result":{"data":{"site":{"siteMetadata":{"title":"Vuukle Docs","author":"Vuukle"}},"markdownRemark":{"id":"f63b3577-c38a-5b4a-b295-9063242cc297","html":"

\n \n \n \n \n

\n
\n

OR

\n

\n \n \n \n \n

\n
\n
\n

For Blogger:

\n

It’s auto enabled in blogger, please check integration article

\n

You can disable comment widget by editing JS parameters in Blogger template.

\n

More information below in JS variables section.

\n
\n
\n

For JavaScript:

\n

In your website�s HTML, insert the following code where you want the Comments widget to display

\n
<div id=\"vuukle-comments\" />
\n
\n
\n
\n

HOW TO CUSTOMIZE

\n

JS variables:

\n
var VUUKLE_CONFIG = {\n        comments: {\n            transliteration: { //Enables transliteration\n                language: \"en\",\n                enabledByDefault: true,\n            },\n            auth: {\n                facebook: false,\n                google: false,\n                twitter: false,\n                disqus: true,\n                password: true,\n                vuukle: true,\n            },\n            editorOptions: ['image', 'gif', 'bold', 'italic', 'underline', 'url', 'blockquote', 'code', 'list'], // you can enable/disable ability to paste image or gif, choose the style of text\n            hideRecommendedArticles: false, //Hides \"Talk of the town\" section\n            hideMoreNews: true, // hide button 'Show more articles'\n            hideCommentInputBox: false, // Hides Comment input field (can be expanded by pressing on the \"add comment button\")\n            enabled: true, //Enables comment widget\n            commentingClosed: false, // Closes commenting (Users can view already posted comments but can't post new ones)\n            maxChars: 3000, //Comment char limit (You can set a limit up to 3000 characters)\n            countToLoad: 10, // number of comments to load initialy on the page\n            toxicityLimit: 80, // 1-99 - you can set how strict is the automoderation. 100 - disables the parameter\n            spamLimit: 50, //1-99 - you can set how strict is the spam limit. 100  - disables the parameter\n            hideCommentInputBoxWithButton: false, //Hides Comment input field (without \"add comment button\")\n            sorting: latest / oldest //sorts by latest or oldest comments on initial loading\n            customText: {}, // please check this article for custom texts https://docs.vuukle.com/how-to-do-language-customizations-if-using-js-implementation/\n        },\n        theme: {\n            color: \"#10e9ba\",\n            darkMode: true,\n        },\n    },
\n
\n

WordPress Settings

\n

Same as the JS variable list but with User friendly settings look:

\n

\n \n \n \n \n

","frontmatter":{"title":"Comment widget and everything you need to know about it","date":"August 23, 2017","category":"Vuukle Widgets","tags":["widgets","comments","wordpress","javascript","blogger"],"shortDescription":"Simple steps to enable Comment widget in your article with WordPress, javascript or blogger and customize it as you want"}}},"pageContext":{"id":"f63b3577-c38a-5b4a-b295-9063242cc297"}}}