{"componentChunkName":"component---src-templates-blog-post-js","path":"/how-to-enable-newsletter-subscribe-widget-in-an-article/","result":{"data":{"site":{"siteMetadata":{"title":"Vuukle Docs","author":"Vuukle"}},"markdownRemark":{"id":"28f3524a-aa79-5ff3-af3e-eaa25d6fd5e4","html":"<h3>Enable Newsletter Subscribe widget using WordPress plugin:</h3>\n<p>In your WordPress Admin panel, go into Settings > Vuukle and choose On for\n**Show Newsletter bar ** option</p>\n<p><span\n      class=\"gatsby-resp-image-wrapper\"\n      style=\"position: relative; display: block; margin-left: auto; margin-right: auto;  max-width: 738px;\"\n    >\n      <a\n    class=\"gatsby-resp-image-link\"\n    href=\"/static/446a99647bfbea488097c3a78d67b4de/774b6/how-to-enable-newsletter-subscribe-widget-in-an-article-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: 71.25%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAOCAIAAACgpqunAAAACXBIWXMAAAsSAAALEgHS3X78AAACoUlEQVQoz4VS7UtTURi//0DfI1BEqdRhubmpay/3qnOpkXO4fAmpKRkU+qVPfVCypCIIhAgqggiCJitfyvpQan0wysTQqEitOe/L3s592713Y5m59dy7VfSlfudwOOc85/c8v/M8D2YlnFUWotJs15Wbmlvburwn2jqPdR3vafF0uI90uj0dLZ52V2t77vj3xAxVVpMFLy037cwvGvU/ZFk2EAiQFC3LiiRJoijwHIdYPi5J8i8oigIrWLF9RnO1rRa3E3mFex+MTSQSiVBEhSAI8Cgej3Msl4UoitkNXPC8AM4wfaXFjNcRFYa8/CL/2AS8piiGommEEAQDAqsCTiy4i2lAMFkOtGB6M26sxg0OR56u7L7Pz/N8cCMYCoWTyaSmEZSrUHdZzZrunGzdnuIqZ/XwlxFPX8thZ9P0i1mIQNNMJBKFiJIGWRuSIselOHgHX9l7bPfRs8UD50vuXN3Vfe6m/8mH5aXFpeWV1VXgh8PhhKKk0+lMWkUmk9n+vr21tZVKpeB3KtnYO2TwDha4zuxoOj31avHHt1QMIQgOZtAGqxpHlEJC9CVamAssvH09D66zucQIG2GxWE0Vxv063cT4OKhaDwZJkqQZBj6pJozjZEGZD70fXLs+MnO7/1Sfb9S3ubkJJgx3NBLOQ8YDeEm5afLxFPgjKSocjoBsqAockZppJLICE40wUSaZSIIuiKHKttc12GoPQp/o9KbxyUeQpK/rGxTNUBTNsjkyi1ioDycIsIEWiEVjwFfJ1hqnvaZBX2YuKCx99nw2lVAQuR4hg59XVqko+tNVWnF+d1gu2/WNrnqX232xp33o5KXLV0an5268WXv6kUoqsvQ/YBabw1Bja77b239vwNvdPXzt1oWZT753ASBr5fgXfgJtqmklLj3THgAAAABJRU5ErkJggg=='); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"WP Settings\"\n        title=\"WP Settings\"\n        src=\"/static/446a99647bfbea488097c3a78d67b4de/774b6/how-to-enable-newsletter-subscribe-widget-in-an-article-img_1.png\"\n        srcset=\"/static/446a99647bfbea488097c3a78d67b4de/8ff5a/how-to-enable-newsletter-subscribe-widget-in-an-article-img_1.png 240w,\n/static/446a99647bfbea488097c3a78d67b4de/e85cb/how-to-enable-newsletter-subscribe-widget-in-an-article-img_1.png 480w,\n/static/446a99647bfbea488097c3a78d67b4de/774b6/how-to-enable-newsletter-subscribe-widget-in-an-article-img_1.png 738w\"\n        sizes=\"(max-width: 738px) 100vw, 738px\"\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<p>You can also change the position of the newsletter subscribe widget by altering the <strong>Newsletter Bar Position</strong> option provided by the plugin.</p>\n<h3>Enable Newsletter Subscribe widget for Blogger:</h3>\n<p>In your Blogger dashboard, go into Layout tab, edit the <strong>Vuukle HTML/JavaScript</strong> widget and insert the shortcode <code class=\"language-text\">[vuukle-subscribe]</code> .Then click the <strong>Save</strong> button.</p>\n<p><span\n      class=\"gatsby-resp-image-wrapper\"\n      style=\"position: relative; display: block; margin-left: auto; margin-right: auto;  max-width: 556px;\"\n    >\n      <a\n    class=\"gatsby-resp-image-link\"\n    href=\"/static/7fe7b9b41f23b3fe8c33ed9a9cea9833/96638/how-to-enable-newsletter-subscribe-widget-in-an-article-img_2.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: 104.16666666666667%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAVCAIAAADJt1n/AAAACXBIWXMAAAsSAAALEgHS3X78AAABgklEQVQ4y6WTy07DMBBF8+cs+Q52bNnApizKijW0VKpEBKJpmpcTx4kfiT3GcR4tVZNSuBpZsuwzd2yPnZQwvn4snm9eXpfLxdJ1XYyzLEv7mJJDeSXQRkQuwsTzd2mGuaiYEF1wzsblaK1BcCCpTn3NC10gyALIY8AR4ABYocflAGhdcSgzmQaqxIoViqSKoC44NeswosaZm0KruinBxqEmyA4uCNl6XiUEKKWkHAJA6UnZMytFCKmqSrc+ap+73WRy1nXNBTejtGqXGpjSMgwCA1tjecA2pdgNNI7iz81HGIUIoSSOW6cGZowmSUJy0jwwxvR9A3WTQvXqqgDdGg5JnbaqrkI7Frdz/vQ6TPeX109H4H6NfQUgR29rCj4yvBA+x5+D/+V8AWwe3Ux+zW8pErJ/Z2lD9Y099JY6JWMz998y+9tsewYrtbiD1YPAESaF+aimpTDGpo1O/oefvb2eyfsrmF2XO9cPY5Lnpgc9z6OMnT7zIfxnOQe54KgHz8Lf2l3QviwHGuYAAAAASUVORK5CYII='); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"Blogger Settings\"\n        title=\"Blogger Settings\"\n        src=\"/static/7fe7b9b41f23b3fe8c33ed9a9cea9833/96638/how-to-enable-newsletter-subscribe-widget-in-an-article-img_2.png\"\n        srcset=\"/static/7fe7b9b41f23b3fe8c33ed9a9cea9833/8ff5a/how-to-enable-newsletter-subscribe-widget-in-an-article-img_2.png 240w,\n/static/7fe7b9b41f23b3fe8c33ed9a9cea9833/e85cb/how-to-enable-newsletter-subscribe-widget-in-an-article-img_2.png 480w,\n/static/7fe7b9b41f23b3fe8c33ed9a9cea9833/96638/how-to-enable-newsletter-subscribe-widget-in-an-article-img_2.png 556w\"\n        sizes=\"(max-width: 556px) 100vw, 556px\"\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 code, insert the following HTML where you want the Newsletter Subscribe widget to display</p>\n<div class=\"gatsby-highlight\" data-language=\"html\"><pre class=\"language-html\"><code class=\"language-html\"><span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;</span>div</span> <span class=\"token attr-name\">id</span><span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>vuukle-subscribe<span class=\"token punctuation\">\"</span></span><span class=\"token punctuation\">></span></span><span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;/</span>div</span><span class=\"token punctuation\">></span></span></code></pre></div>","frontmatter":{"title":"How to enable Newsletter Subscribe widget in an article","date":"May 01, 2017","category":"FAQ","tags":["how to","enable","newsletters"],"shortDescription":"Enable newsletter to get in touch with the users"}}},"pageContext":{"id":"28f3524a-aa79-5ff3-af3e-eaa25d6fd5e4"}}}