{"componentChunkName":"component---src-templates-blog-post-js","path":"/how-to-customize-emotes-in-vuukle-widget/","result":{"data":{"site":{"siteMetadata":{"title":"Vuukle Docs","author":"Vuukle"}},"markdownRemark":{"id":"1534f776-cc8b-5268-881c-cff5f1cc884c","html":"

\n \n \n \n \n

\n
\n
\n

To set your own set of image into Emotes widget add following code inside VUUKLE_CONFIG

\n
  emotes: {\n    firstImg: 'place image URL here',\n    secondImg: 'place image URL here',\n    thirdImg: 'place image URL here',\n    fourthImg: 'place image URL here',\n    fifthImg: 'place image URL here',\n    sixthImg: 'place image URL here',\n  },
\n

(just replace “place image URL here” to links to your images)

\n

But note this, the heavier images you set – higher the load time 😉

\n
\n

You can set custom names for the emotes.

\n
   emotes: {\n    firstName: 'place desired name here',\n    secondName: 'place desired name here',\n    thirdName: 'place desired name here',\n    fourthName: 'place desired name here',\n    fifthName: 'place desired name here',\n    sixthName: 'place desired name here',\n   }
\n
\n

You can also set a custom text for any of the present fields.

\n
emotes: {\n    customText:{\n       comment: \"Comment\",\n       comments: \"Comments\",\n       header: \"What is your reaction?\",\n       noRecommendations: \"😢 No recommendations. Try to select another emote\",\n       suggestionsHeader: \"You might like:\",\n       thanks: \"thank you for voting\",\n       vote: \"vote\",\n       votes: \"votes\"\n    }\n\n\n}
","frontmatter":{"title":"How to customize Emotes in Vuukle widget","date":"May 01, 2017","category":"FAQ","tags":["how to","customize","emotes"],"shortDescription":"You can easily change Emotes look and feel by using your own images"}}},"pageContext":{"id":"1534f776-cc8b-5268-881c-cff5f1cc884c"}}}