{"componentChunkName":"component---src-templates-blog-post-js","path":"/newsfeed-widget/","result":{"data":{"site":{"siteMetadata":{"title":"Vuukle Docs","author":"Vuukle"}},"markdownRemark":{"id":"5e6f418e-ac5f-5751-9305-920017bb3b0a","html":"<p><span\n      class=\"gatsby-resp-image-wrapper\"\n      style=\"position: relative; display: block; margin-left: auto; margin-right: auto;  max-width: 960px;\"\n    >\n      <a\n    class=\"gatsby-resp-image-link\"\n    href=\"/static/f3e958f41d4d349c286e985d8b6cb40e/10b63/newsfeed-widget-img-1.png\"\n    style=\"display: block\"\n    target=\"_blank\"\n    rel=\"noopener\"\n  >\n    <span\n    class=\"gatsby-resp-image-background-image\"\n    style=\"padding-bottom: 14.583333333333334%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAADCAYAAACTWi8uAAAACXBIWXMAAA7DAAAOwwHHb6hkAAAA2ElEQVQI1x2PQUvDQBBG81u9exIEL0XBP6B4Eg9iLiq9ScFbCUg9pWrVQ1BEFG1o02abzW52m8TnNHN8zPdmvuA5eeJ7NqcoNM456romV4qbq0uG0R1LbaiqCmstm5m8vLK/u0M/POdnthBu8N53We/XBP1oSPyRMhVpqTVGglmWMQhPub44I/6co1SOMYambRmPYw63tzjp7XGffFGsFHqTMxYrh4PBRBO9CyhXWIHOeeq1J30c8fswIklz+dDSiqz9A1MsuA2POTro8TZdiqjsGjRN0+38A2652JxKN4s9AAAAAElFTkSuQmCC'); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"Newsfeed Widget\"\n        title=\"Newsfeed Widget\"\n        src=\"/static/f3e958f41d4d349c286e985d8b6cb40e/d9199/newsfeed-widget-img-1.png\"\n        srcset=\"/static/f3e958f41d4d349c286e985d8b6cb40e/8ff5a/newsfeed-widget-img-1.png 240w,\n/static/f3e958f41d4d349c286e985d8b6cb40e/e85cb/newsfeed-widget-img-1.png 480w,\n/static/f3e958f41d4d349c286e985d8b6cb40e/d9199/newsfeed-widget-img-1.png 960w,\n/static/f3e958f41d4d349c286e985d8b6cb40e/07a9c/newsfeed-widget-img-1.png 1440w,\n/static/f3e958f41d4d349c286e985d8b6cb40e/10b63/newsfeed-widget-img-1.png 1897w\"\n        sizes=\"(max-width: 960px) 100vw, 960px\"\n        style=\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\"\n        loading=\"lazy\"\n      />\n  </a>\n    </span></p>\n<h2>HOW TO ENABLE</h2>\n<h3>Enable Vuukle Newsfeed widget using WordPress plugin:</h3>\n<p>In your WordPress Admin panel, go to Settings > Vuukle and choose On for Show Newsfeed</p>\n<p><span\n      class=\"gatsby-resp-image-wrapper\"\n      style=\"position: relative; display: block; margin-left: auto; margin-right: auto;  max-width: 739px;\"\n    >\n      <a\n    class=\"gatsby-resp-image-link\"\n    href=\"/static/7fa9b3a4ac6dbb10556cf8b448929499/f1d1f/newsfeed-widget-Vuukle-Enable-Newsfeed-Wordpress.png\"\n    style=\"display: block\"\n    target=\"_blank\"\n    rel=\"noopener\"\n  >\n    <span\n    class=\"gatsby-resp-image-background-image\"\n    style=\"padding-bottom: 112.5%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAXCAYAAAALHW+jAAAACXBIWXMAAA7DAAAOwwHHb6hkAAADzUlEQVQ4y41VS28bZRTNP0AURIpo1TZFiQl51I84tqdObGraUgl2SEVs2VRIFeoOpFYgVaqUppBEhKZdsWGDEJUAseGhLhBQlbQurRvHbfz22J4Zj58ThzrkcO/nRyYJDiyu9I09c+ace8+50+PyvgL7uASnZwJ79u7H9Cez+Ht9HblcDsViEaVSqVM6XRd0XZzL5XLndz63q8fu8sI65sHgqB17epuA9XodyWQSlUoF1WpVFD+oqhpyiipe1BVQmgwIdi+N2PF07z4ByH88fryClZUoYvE4kqkUdGKm60Vohf9gOOE/Aac0CcuQtQPIzBgwkUhA0zQBxqy0QgEKXZd2Y+gWPTwKu+toR/La2hpSqTSy2SzS6bSQyjerBJZX/wegjYbimTiGZ58/gOmPZ9FoNCDLWSjUL0VRBMNyuSQGwizNIDsAnZ5JjJPkUYdbSL7CQ1ldRTyeoMGkxLS5BcxKUVVk880XmNmZzz0jY2443F70D9vw1HMEODeP9Y0NZDIZkqo2bzYxqdZqqFEZhtF80XaGNqsTTqeEwcFR7CXJly98iFKS2BEgy20/1K5aC5DLDNhh+Obp9+B75yM43v4A+46fwfzFGSjJOBKptGBovlnTVMGQ2XVleMp3Aif9J+GTjmF44AiuX72OBknO0YTZd+Ye7cawA+jxvwqJyka2OTQwhLn5Bbq5KpKyXU6BJrxKA2tXO0E7kjIZeA087b6BYXz62TX8RT6UZbllmc08t9OiF3exjZfYef3HMUbxOywAF0R/OG6ZjIxiSyY/yKlh6ygFfQvYFtuM+wgwcAoOyYcDlmHMXb2GWrUVPZIdjcZEBJkd96xdXRmeJg++4fUjYHPCdfBFfD4zi0dk6t9+/R2h0EPcDd5DOLyMfD4vmPMm4uJ4tplvAXxrxIrX7eMIWIbgeeEgFs68i1wkIjJrmEwsyjRhw+gy5QlplIzthkSS+0ny1KUpFKh/sUSS4hcXlaBzipZELBZDmgzPreBo8tB29NDhljDicMFKaend34fpmTlaooqQ+iAUQujhkqhI5BFuLy5iORzGEl3fuRtENBbvWKcD2EfeY7v0v3ykuQ9529AnQM7lxXbWyCbVmoEyG5kGI9+6hdTNmzBaud4h+bBlE5D3IW8bbDxBJS+jouTwpKwD9RrQqCMfXsLS1zcQ+eln6Lw4tqVoE9DSBHyGPlKXrsxg9k4aZ7/9A+d/uI9z3wdx9rtFvP/jA0SC96FRHyvMbJsPuzKcIsm/pIv44vYyvvkzhq+CUXwZXMGNe1GoZfpoGS2Z/wLG9Q8Abd87s3OtMwAAAABJRU5ErkJggg=='); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"Enable Newsfeed in WordPress\"\n        title=\"Enable Newsfeed in WordPress\"\n        src=\"/static/7fa9b3a4ac6dbb10556cf8b448929499/f1d1f/newsfeed-widget-Vuukle-Enable-Newsfeed-Wordpress.png\"\n        srcset=\"/static/7fa9b3a4ac6dbb10556cf8b448929499/8ff5a/newsfeed-widget-Vuukle-Enable-Newsfeed-Wordpress.png 240w,\n/static/7fa9b3a4ac6dbb10556cf8b448929499/e85cb/newsfeed-widget-Vuukle-Enable-Newsfeed-Wordpress.png 480w,\n/static/7fa9b3a4ac6dbb10556cf8b448929499/f1d1f/newsfeed-widget-Vuukle-Enable-Newsfeed-Wordpress.png 739w\"\n        sizes=\"(max-width: 739px) 100vw, 739px\"\n        style=\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\"\n        loading=\"lazy\"\n      />\n  </a>\n    </span></p>\n<h3>For JavaScript:</h3>\n<p>In your website’s HTML, insert the following code where you want the Newsfeed widget to display</p>\n<div class=\"gatsby-highlight\" data-language=\"javascript\"><pre class=\"language-javascript\"><code class=\"language-javascript\"><span class=\"token operator\">&lt;</span>div id<span class=\"token operator\">=</span><span class=\"token string\">\"vuukle-newsfeed\"</span> <span class=\"token operator\">/</span><span class=\"token operator\">></span></code></pre></div>\n<hr>\n<h2>HOW TO CUSTOMIZE</h2>\n<h3>JS variables:</h3>\n<div class=\"gatsby-highlight\" data-language=\"html\"><pre class=\"language-html\"><code class=\"language-html\">var VUUKLE_CONFIG = { comments: { hideRecommendedArticles:false, //Hide \"Newsfeed\" widget and \"Talk of the town\" section; },\nrecommendationsWideImages:false, //Changes the type of recommendation cards for emote, newsfeed and comment widgets; link:\"https://[url]\", //Choose\nprotocol for articles url; globalRecommendations:false, // Enables global recommendations in emotes, comments and newsfeed widget; },</code></pre></div>","frontmatter":{"title":"Newsfeed widget and everything you need to know about it","date":"August 23, 2017","category":"Vuukle Widgets","tags":["widgets","newsfeed","wordpress","javascript"],"shortDescription":"Simple steps to enable Newsfeed widget in your article with WordPress or javascript"}}},"pageContext":{"id":"5e6f418e-ac5f-5751-9305-920017bb3b0a"}}}