{"id":23381,"date":"2021-04-28T17:00:09","date_gmt":"2021-04-28T15:00:09","guid":{"rendered":"https:\/\/qodeinteractive.com\/magazine\/?p=23381"},"modified":"2021-04-26T21:53:38","modified_gmt":"2021-04-26T19:53:38","slug":"how-to-add-youtube-subscribe-button-wordpress","status":"publish","type":"post","link":"https:\/\/qodeinteractive.com\/magazine\/how-to-add-youtube-subscribe-button-wordpress\/","title":{"rendered":"How to Add a YouTube Subscribe Button to WordPress"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_row][vc_column][vc_column_text]Your content is what primarily draws visitors to your website. But, if part (or all) of your content is in video form, chances are you are not hosting it on your website. Video, much as it has become ubiquitous in the online landscape,<strong> takes up a lot of server space<\/strong> compared to text or even images. This is why many choose to host their videos elsewhere, most often on YouTube, and then <a href=\"https:\/\/qodeinteractive.com\/magazine\/embed-youtube-video-in-wordpress\/\">embed their YouTube videos<\/a> into their website.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]If <strong>you have a YouTube channel<\/strong> and you want to <strong>use it to draw visitors to your website<\/strong>, that\u2019s what you should be doing. But traffic can go both ways: your website can also generate subscribers to your YouTube content. In this tutorial, we will show you <strong>how to install a YouTube subscribe button<\/strong> on your WordPress website. We will be showing you two ways of doing it: one using YouTube\u2018s code, and another using a plugin.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Before we get right down to the brass tacks of the how, let us take a minute to talk about the why. If you are confident <strong>you want a YouTube subscribe button on your website<\/strong>, scroll right down to the how-to section you need.[\/vc_column_text][vc_empty_space height=&#8221;22px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#why-do-i-need-youtube-subscribers\">Why do I Need YouTube Subscribers<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;5px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#add-a-youtube-subscribe-button-manually\">How to Add a YouTube Subscribe Button to WordPress Manually<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;5px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#add-a-youtube-subscribe-button-using-plugin\">How to Add a YouTube Subscribe Button to WordPress Using a Plugin<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;80px&#8221;][vc_widget_sidebar sidebar_id=&#8221;new-top-picks-banner&#8221;][vc_empty_space height=&#8221;80px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\"><a id=\"why-do-i-need-youtube-subscribers\"><\/a>Why do I Need YouTube Subscribers?<\/h2>\n<p>[\/vc_column_text][vc_column_text]Why do you really need people to <strong>subscribe to your YouTube channel<\/strong>? After all, they can access all the content from your website, it\u2018s all nicely embedded there, we hear you say. Well, that\u2018s only true if you embed every single video you make into an article or on a page.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Suppose you have a great idea for a video which is within your capacity to produce, but you don\u2018t have an idea for a post to build around it. Why should you limit yourself instead of <strong>allowing your YouTube channel to grow<\/strong> and possibly send some video viewers, who would otherwise not have heard of your website, on the way to your content?[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]As you generate more and more content, some of it may even strike you as <strong>better suited for YouTube than your website<\/strong>. With a subscribe button on your website and references to your website in your YouTube videos and video descriptions you can reinforce the connection between the two and increase both the number of your website visits and YouTube views.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Another benefit of YouTube subscribers is that they correlate to views, which means relevance \u2013 <strong>your popular video content may rank well in searches<\/strong>, leading to more views, more subscribers, and more website visits.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Finally, you may choose to <strong>monetize your YouTube channel independently<\/strong> of your website, through ads, sponsorships, affiliate marketing or in other ways. In this case getting more subscribers (and, through them, more views) will lead to your earning more through advertising.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Now, let\u2018s get down to business.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;68px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\"><a id=\"add-a-youtube-subscribe-button-manually\"><\/a>How to Add a YouTube Subscribe Button to WordPress Manually<\/h2>\n<p>[\/vc_column_text][vc_column_text]A YouTube subscription button can be provided to you in the form of code generated by Google itself. You can get it at the Google Developers website, on the <a href=\"https:\/\/developers.google.com\/youtube\/youtube_subscribe_button\" target=\"_blank\" rel=\"noopener\">YouTube Subscribe Button page<\/a>.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]But to configure your button, you will need your YouTube channel ID. To find out what it is, go to your channel page. The channel page\u2018s URL will look something like:<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]<em>https:\/\/www.youtube.com\/channel\/XXXXXXXXXXXXXXXX<\/em>[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]The string after \/channel\/ will be a channel\u2018s ID. Copy it.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/YouTube-ID.jpg\" class=\"attachment-full size-full\" alt=\"YouTube ID\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/YouTube-ID.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/YouTube-ID-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/YouTube-ID-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/YouTube-ID-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Once on the YouTube Subscribe Button page, paste it into the <strong>Channel Name or ID<\/strong> field. You can also change the <strong>Layout<\/strong> of the button between <em>default<\/em>, which contains just a YouTube button in red, and <em>full<\/em>, which includes the channel name and title, too. There are also the options to toggle the button\u2018s <strong>Theme<\/strong> between <em>default<\/em> and <em>dark<\/em>, and <em>show<\/em> or <em>hide<\/em> the <strong>Subscriber Count<\/strong>. The code you need will be generated in the <strong>Preview<\/strong>.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"595\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/Configure-a-Button.jpg\" class=\"attachment-full size-full\" alt=\"Configure a Button\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/Configure-a-Button.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/Configure-a-Button-300x184.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/Configure-a-Button-768x472.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/Configure-a-Button-620x381.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Once you have copied the code, you can place it anywhere you like on your website. We will show you how to do it as part of a post, but it will work just the same for a page or even a widget area.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Say you want to preface an embedded video with a YouTube subscribe button and some text, prompting your visitors to subscribe for your video content on YouTube.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Simply set up the post however you like it, and then click the <strong>plus<\/strong> sign to add a <strong>Custom HTML <\/strong>block, if you are using the Gutenberg block editor. If you are using <strong>Elementor<\/strong>, you need the <strong>HTML<\/strong> element, and if you are using the Classic editor, you can simply paste the code into the body of the post in HTML mode.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/Custom-HTML-Block.jpg\" class=\"attachment-full size-full\" alt=\"Custom HTML Block\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/Custom-HTML-Block.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/Custom-HTML-Block-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/Custom-HTML-Block-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/Custom-HTML-Block-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Now just paste your YouTube-generated code into the HTML block\u2018s field, and you\u2018re done.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/Paste-Code-1.jpg\" class=\"attachment-full size-full\" alt=\"Paste Code\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/Paste-Code-1.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/Paste-Code-1-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/Paste-Code-1-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/Paste-Code-1-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Your button will be right where you put it.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"574\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/YT-Button-Preview.jpg\" class=\"attachment-full size-full\" alt=\"YT Button Preview\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/YT-Button-Preview.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/YT-Button-Preview-300x178.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/YT-Button-Preview-768x455.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/YT-Button-Preview-620x367.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;78px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\"><a id=\"add-a-youtube-subscribe-button-using-plugin\"><\/a>How to Add a YouTube Subscribe Button to WordPress Using a Plugin<\/h2>\n<p>[\/vc_column_text][vc_column_text]You can also use a plugin to add a YouTube subscribe button. The plugin we will be using is <a href=\"https:\/\/wordpress.org\/plugins\/easy-youtube-subscribe\/\" target=\"_blank\" rel=\"noopener\">YouTube Subscribe<\/a>. After having installed and activated the plugin, you will be able to add a subscribe button to any widget area of your website. To get started, navigate to <strong>Appearance\/Widgets<\/strong> from your WordPress dashboard\u2018s left-hand side menu.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/Appearance-Widgets.jpg\" class=\"attachment-full size-full\" alt=\"Appearance Widgets\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/Appearance-Widgets.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/Appearance-Widgets-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/Appearance-Widgets-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/Appearance-Widgets-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]On the left-hand side, you will find the <strong>YouTube Subscribe<\/strong> widget. Clicking on it, you will find a list of widget areas where you can place your button. Note that widget areas are theme-specific, and different themes may have different (or differently named) widget areas. We are demonstrating this plugin with our flagship <a href=\"https:\/\/qodeinteractive.com\/wordpress-theme\/bridge-creative-multi-purpose-wordpress-theme\/\">Bridge theme<\/a>.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Clicking on the widget, you will see a drop-down menu of available areas. We will place our button in the <strong>Header Bottom Right<\/strong> area. To add a widget to a widget area, simply select the widget area from the menu, and then click <strong>Add<\/strong> Widget. You can also drag and drop a widget into a widget area.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/Add-Widget.jpg\" class=\"attachment-full size-full\" alt=\"Add Widget\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/Add-Widget.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/Add-Widget-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/Add-Widget-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/Add-Widget-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Having done that, you will need to configure your plugin. You can find the widget in the right-hand section of the widgets screen.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]You can enter a <strong>Title<\/strong>, but the rest of the configuration works much like generating YouTube\u2018s own code, as we have done in the previous section. You need a <strong>Channel ID<\/strong>, you can toggle between <em>default<\/em> and <em>full<\/em> layouts and <em>default<\/em> and <em>dark<\/em> theme, and you can choose to <em>hide<\/em> the subscriber count. Once done, click <strong>Save<\/strong>.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"496\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/Widget-Config.jpg\" class=\"attachment-full size-full\" alt=\"Widget Config\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/Widget-Config.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/Widget-Config-300x154.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/Widget-Config-768x393.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/Widget-Config-620x317.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Your configured button will appear where you\u2018ve placed it.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/YT-Button-Widget-Preview.jpg\" class=\"attachment-full size-full\" alt=\"YT Button Widget Preview\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/YT-Button-Widget-Preview.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/YT-Button-Widget-Preview-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/YT-Button-Widget-Preview-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/04\/YT-Button-Widget-Preview-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;78px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\">In Conclusion<\/h2>\n<p>[\/vc_column_text][vc_column_text]As you have seen, adding a YouTube subscribe button to a WordPress website is quick and easy, and it opens an avenue to your video content for your website visitors. Whether you are using YouTube-generated code or a plugin, whether you are hoping for your website to boost your YouTube channel or the other way around, you can have it done within minutes.<br \/>\n[\/vc_column_text][\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Do you have a YouTube channel and a WordPress website? Check out our handy tutorial on installing a YouTube subscribe button in WordPress and helping them both grow.<\/p>\n","protected":false},"author":16990,"featured_media":23455,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[27,26,4,13,71],"class_list":["post-23381","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorials","tag-content","tag-social","tag-tips","tag-wordpress","tag-youtube"],"_links":{"self":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/posts\/23381","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/users\/16990"}],"replies":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/comments?post=23381"}],"version-history":[{"count":0,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/posts\/23381\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/media\/23455"}],"wp:attachment":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/media?parent=23381"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/categories?post=23381"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/tags?post=23381"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}