Jose Varghese

<p><strong>Subscribe Button Bar for YouTube Embed Videos</strong> is a robust WordPress plugin designed to seamlessly integrate YouTube subscription functionality into your website. It automatically detects YouTube videos within your content and strategically places a customizable <strong>YouTube subscribe button bar</strong> directly beneath them.</p>
<p>This plugin serves as an effective <strong>video marketing</strong> tool, creating a sleek, non-intrusive <strong>call to action</strong> that encourages viewers to subscribe to your channel immediately. Whether you aim to <strong>increase YouTube subscribers</strong>, improve viewer engagement, or ensure a consistent user experience with a fully responsive design, Subscribe Button Bar provides the professional features necessary for channel growth.</p>
<p><strong>Key Features:</strong></p>
<ul>
<li><strong>Intelligent Auto-Detection</strong>: Automatically identifies YouTube iframes within your posts and pages and injects the subscribe bar — no manual setup per post needed.</li>
<li><strong>Shortcode Support</strong>: Place the subscribe bar anywhere — pages without videos, sidebars, landing pages — using a simple shortcode.</li>
<li><strong>Gutenberg Block</strong>: A native block editor block lets you drop the subscribe bar exactly where you want it in the visual editor.</li>
<li><strong>Flexible Channel Input</strong>: Enter your Channel ID, @handle, or paste any YouTube channel URL — the plugin figures out the rest.</li>
<li><strong>Fully Customizable</strong>: Tailor colors, text, theme, and layout to match your brand.</li>
<li><strong>Responsive Design</strong>: Looks great on desktops, tablets, and mobile phones.</li>
<li><strong>Performance Optimized</strong>: Lightweight with no jQuery dependency on the frontend.</li>
<li><strong>MutationObserver Support</strong>: Catches YouTube videos added dynamically (AJAX pagination, lazy loading).</li>
</ul>
<p><strong>Customization Options:</strong></p>
<ol>
<li><strong>Enable/Disable Toggle</strong>: Master switch to turn the subscribe bar on or off globally.</li>
<li><strong>YouTube Channel</strong>: Enter your Channel ID, @handle, or any YouTube channel URL.</li>
<li><strong>Theme Selection</strong>: Choose between Default (light) and Dark themes.</li>
<li><strong>Subscriber Count</strong>: Show or hide the subscriber count on the button.</li>
<li><strong>Layout Options</strong>: Default (icon + “Subscribe” text) or Full (channel avatar + channel name).</li>
<li><strong>Custom Text</strong>: Add personalized text that appears before the button.</li>
<li><strong>Background Color</strong>: Customize the bar’s background color.</li>
<li><strong>Text Color</strong>: Customize the text color.</li>
<li><strong>Post Type Control</strong>: Restrict the bar to specific post types (posts, pages, custom post types).</li>
<li><strong>Per-Post Exclusion</strong>: Exclude specific posts or pages by ID.</li>
</ol>
<p><strong>Using the Shortcode</strong></p>
<p>Place the subscribe bar anywhere on your site — pages without YouTube videos, sidebars, footers, or landing pages — using:</p>
<pre><code>[subscribe_button_bar]
</code></pre>
<p>This uses your global plugin settings. You can override any setting per-use with optional attributes:</p>
<pre><code>[subscribe_button_bar channel="@yourchannel" text="Subscribe for weekly videos!" theme="dark" layout="full" count="hidden" bg_color="#1a1a1a" text_color="#ffffff"]
</code></pre>
<p><strong>Shortcode Attributes:</strong></p>
<p>  Attribute<br />
  Values<br />
  Default<br />
  Description</p>
<p>  <code>url</code><br />
  YouTube or Shorts video URL<br />
  <em>(none)</em><br />
  Embed a YouTube video or Short and place the subscribe bar below it. Accepts <code>youtube.com/watch?v=</code>, <code>youtu.be/</code>, <code>youtube.com/shorts/</code>, or <code>youtube.com/embed/</code> URLs.</p>
<p>  <code>channel</code><br />
  Channel ID, @handle, or URL<br />
  Global setting<br />
  Override the YouTube channel for this bar only.</p>
<p>  <code>text</code><br />
  Any string<br />
  Global setting<br />
  Text displayed before the subscribe button.</p>
<p>  <code>theme</code><br />
  <code>default</code>, <code>dark</code><br />
  Global setting<br />
  Button color scheme.</p>
<p>  <code>layout</code><br />
  <code>default</code>, <code>full</code><br />
  Global setting<br />
  <code>default</code> shows the subscribe icon and text; <code>full</code> shows channel avatar and name.</p>
<p>  <code>count</code><br />
  <code>true</code>, <code>hidden</code><br />
  Global setting<br />
  Show or hide the subscriber count.</p>
<p>  <code>bg_color</code><br />
  Hex color (e.g. <code>#ffffff</code>)<br />
  Global setting<br />
  Background color of the bar.</p>
<p>  <code>text_color</code><br />
  Hex color (e.g. <code>#000000</code>)<br />
  Global setting<br />
  Text color of the bar.</p>
<p><strong>Examples:</strong></p>
<p>Minimal — uses all global settings:<br />
    [subscribe_button_bar]</p>
<p>Embed a video with a subscribe bar below it:<br />
    [subscribe_button_bar url=”https://www.youtube.com/watch?v=dQw4w9WgXcQ”]</p>
<p>Embed a YouTube Short with a subscribe bar below it:<br />
    [subscribe_button_bar url=”https://www.youtube.com/shorts/VIDEO_ID”]</p>
<p>Embed a video and override the channel and text:<br />
    [subscribe_button_bar url=”https://youtu.be/dQw4w9WgXcQ” channel=”@yourchannel” text=”Subscribe for more!”]</p>
<p>Bar only — custom channel with dark theme:<br />
    [subscribe_button_bar channel=”@yourchannel” theme=”dark” text=”Subscribe for weekly videos”]</p>
<p>Full layout, no subscriber count:<br />
    [subscribe_button_bar layout=”full” count=”hidden”]</p>
<p><strong>Using the Gutenberg Block</strong></p>
<p>In the block editor, search for <strong>“Subscribe Button Bar”</strong> in the block inserter (or type <code>/subscribe</code>). The block renders server-side so it always reflects your current settings.</p>
<p>The block sidebar includes:</p>
<ul>
<li><strong>Video URL</strong> — paste a YouTube video URL or Shorts URL (e.g. <code>youtube.com/watch?v=...</code> or <code>youtube.com/shorts/...</code>). The block will embed the video and place the subscribe bar directly below it. Leave empty to show only the subscribe bar.</li>
<li><strong>Channel Override</strong> — enter a Channel ID, @handle, or YouTube channel URL to use a different channel on this specific page. Leave empty to use your global settings.</li>
<li><strong>Custom Text Override</strong> — override the button label text for this block only. Leave empty to use your global custom text.</li>
</ul>
<p><strong>Entering Your YouTube Channel</strong></p>
<p>The plugin accepts any of the following formats in the settings page and in the <code>channel</code> shortcode attribute:</p>
<ul>
<li>Channel ID: <code>UCxxxxxxxxxxxxxxxxxxxxxx</code></li>
<li>@Handle: <code>@yourchannel</code></li>
<li>Channel URL: <code>https://www.youtube.com/channel/UCxxxxxxxxxxxxxxxxxxxxxx</code></li>
<li>Handle URL: <code>https://www.youtube.com/@yourchannel</code></li>
<li>Legacy user URL: <code>https://www.youtube.com/user/yourchannel</code></li>
<li>Custom URL: <code>https://www.youtube.com/c/yourchannel</code></li>
</ul>
<p>The plugin parses the input automatically — no need to extract the channel ID manually.</p>
<p><strong>Getting Started:</strong></p>
<ol>
<li>Install and activate the plugin via the WordPress dashboard.</li>
<li>Navigate to <strong>Settings > Subscribe Button Bar</strong>.</li>
<li>Enter your YouTube channel — paste your Channel ID, @handle, or any YouTube channel URL.</li>
<li>Configure your desired appearance settings and save.</li>
<li>Embed any YouTube video in a post/page and the subscribe bar will appear automatically. Or use <code>[subscribe_button_bar]</code> to place it anywhere.</li>
</ol>
<h3>External Services</h3>
<p>This plugin uses the YouTube Subscribe Button API provided by Google’s Platform Library (<code>https://apis.google.com/js/platform.js</code>). This script is loaded on pages where the subscribe bar is displayed and may send the visitor’s IP address and user agent to Google.</p>
<p><strong>Policies</strong>: <a href="https://policies.google.com/privacy" rel="nofollow ugc">Google Privacy Policy</a> | <a href="https://www.youtube.com/t/terms" rel="nofollow ugc">YouTube Terms of Service</a></p>


Subscribe Button Bar for YouTube Embed Videos

A professional tool to add a YouTube subscribe button bar under your videos. Essential for channel growth and viewer conversion.

Grow

<p>Ready to grow your audience, increase engagement, and supercharge your traffic for free? Grow saves independent content creators like you time and money by helping your content stand out to the people who matter most: your readers.</p>
<h3>PRICE</h3>
<p>New to Grow? <a href="https://publishers.grow.me/register" rel="nofollow ugc">Creating an account</a> is 100% FREE. No hidden costs, subscriptions, or charges. All you have to do is <a href="https://publishers.grow.me/register" rel="nofollow ugc">sign up</a> today to start bringing your website to the next level.</p>
<h3>WHY CHOOSE GROW?</h3>
<p>Grow is a smarter and more efficient way to grow your audience without the expense and hassle of managing multiple platforms. Streamline your workflow, buy back time, and let Grow take care of email and audience engagement so you can focus on what you do best: crafting killer content.</p>
<h3>CONNECT WITH YOUR AUDIENCE</h3>
<p>Build stronger relationships and grow trust and loyalty faster than ever!</p>
<p>Features like Spotlight Subscribe and Recommended Content make it easy for readers to find and engage with your content… and keep coming back for more.</p>
<h3>Spotlight Subscribe:</h3>
<p>When a user scrolls into view, it darkens the rest of the page, highlighting—or casting a spotlight—on the signup form. In-content calls-to-action encourage readers to sign up for Grow as well.</p>
<p>Spotlight Subscribe also provides multiple ways to customize the plugin for your needs. Update images and text, and even use different widgets across different pages using the Category Targeting settings or the Manual Placement option.</p>
<h3>Recommended Content:</h3>
<p>Sit back and leave the content curation to Grow! When users log in, they’ll receive personalized recommendations based on things they’ve read, shared, or marked as favorites on your website. Meanwhile, logged-out users receive recommendations based on their browsing content and what other users like them have clicked on.</p>
<h3>Subscribe:</h3>
<p>Say goodbye to complicated form building and hello to turbocharged list growth and direct referral traffic from your newsletter with <strong>Subscribe</strong>.</p>
<p><strong>Subscribe</strong> allows publishers like you to simultaneously build an email list and encourage readers to sign up for Grow and consent to personalized ads. As a publisher, you get to nurture, connect, and develop growing relationships with your readers all while maximizing your earning potential from digital ads running on your website.</p>
<h3>ENGAGE YOUR AUDIENCE</h3>
<p><strong>Customize</strong> your feature setup in the Grow Publisher Portal to crush your engagement goals as readers Favorite and Save your top posts.</p>
<p><strong>Enhanced Search:</strong> Designed with your readers in mind, Grow’s all-new search experience beautifully displays your most popular, latest and recommended content to maximize engagement. Grow’s all-new search beautifully displays your most popular, latest and recommended content to maximize engagement.</p>
<p><strong>Exclusive Content:</strong> You’re in the driver’s seat with the power to place full recipes, printables, digital downloads and more behind a login.</p>
<p><strong>All these benefits are available in one powerful plugin!</strong></p>
<h3>FAST, EASY CONFIGURATION</h3>
<p>Activate Grow quickly and easily!</p>
<p>Step #1: Start by <strong>installing the Grow plugin</strong>. If you’ve already installed Grow, go to Step #2.</p>
<p><em>For instructions on how to install Grow on WordPress, visit our help doc <a href="https://help.grow.me/hc/en-us/articles/19008032886043/" rel="nofollow ugc">Getting Started with Grow’s WordPress Plugin</a>.</em></p>
<p>Step #2: Once the plugin is installed, navigate to <strong>Grow in the WordPress sidebar.</strong></p>
<p>Step #3: From there, <strong>Connect</strong> or <strong>Create an Account</strong> and follow the steps to add the Grow WordPress plugin to your site.</p>
<h3>MORE INFORMATION ABOUT GROW</h3>
<p><a href="https://www.grow.me/publishers/getting-started-with-grow/" rel="nofollow ugc">Getting Started with Grow: A Resource Guide</a></p>
<p><a href="https://www.grow.me/publishers/grow-me-recommended-content/" rel="nofollow ugc">Grow Recommended Content</a></p>
<p><a href="https://www.grow.me/publishers/grow-me-introducing-subscribe-and-the-spotlight-widget/" rel="nofollow ugc">Grow: Introducing Subscribe and the Spotlight Widget</a></p>
<p><a href="https://www.grow.me/publishers/grows-new-and-improved-search-experience/" rel="nofollow ugc">Grow’s New and Improved Search Experience</a></p>
<p><a href="https://www.grow.me/publishers/exclusive-content-grow/" rel="nofollow ugc">Introducing Exclusive Content with Grow</a></p>
<h3>1.5.3 – 2025-04-09</h3>
<ul>
<li>Prevent duplicate script attributes from appearing on Ads Scripts</li>
<li>Increase Priority for loading of Ads Scripts</li>
<li>Prevent accidental dynamic properties in the Options Class leading to php notices</li>
<li>Fix persisting issues with textdomain notice</li>
</ul>
<h3>1.5.2 – 2025-01-08</h3>
<ul>
<li>Fix issue with textdomain debugging notice appearing.</li>
</ul>
<h3>1.5.1 – 2024-12-09</h3>
<ul>
<li>Prevent plugin from being optimized in some third-party site optimization plugins.</li>
</ul>
<h3>1.5.0 – 2024-07-16</h3>
<ul>
<li>Fix issues with blank page appearing when attempting to enable Journey.</li>
<li>Fix issues with Redirection plugin when Journey is enabled.</li>
</ul>
<h3>1.4.1 – 2024-06-24</h3>
<ul>
<li>Fix issue with duplicate Journey ad slots with newer versions of Create by Mediavine.</li>
</ul>
<h3>1.4.0 – 2024-06-04</h3>
<ul>
<li>Add Journey ad slot integrations with Create By Mediavine and Trellis.</li>
</ul>
<h3>1.3.0 – 2024-04-18</h3>
<ul>
<li>Add ads.txt troubleshooting for Journey by Mediavine.</li>
<li>Update domain for ads.txt.</li>
<li>Add CSS class to post articles.</li>
</ul>
<h3>1.2.0 – 2024-03-29</h3>
<ul>
<li>Add support for Journey by Mediavine.</li>
</ul>
<h3>1.1.0 – 2024-03-11</h3>
<ul>
<li>Automatically redirect to Grow login page on activation.</li>
</ul>
<h3>1.0.0 – 2023-10-18</h3>
<ul>
<li>Plugin Released</li>
<li>Update plugin assets for parsing</li>
<li>Fix type and link for Main Menu and feature link (#83)</li>
<li>Add support for validity and connectedness in status api (#82)</li>
<li>Update readme and add banner (#81)</li>
<li>Pass site path to Grow Auth (#80)</li>
<li>fix: WordPress dev container always restarts (#79)</li>
<li>Escape the values output in the grow script initializer (#78)</li>
<li>fix: feature descriptions URL-escaped (#77)</li>
<li>feature: add WP_Mock (#74)</li>
<li>feature: add dev container support (#73)</li>
<li>fix: non-compliant escaping and file access (#72)</li>
<li>move screenshots to correct directory (#71)</li>
<li>add screenshots to readme (#70)</li>
<li>chore: update readme (#69)</li>
<li>feat: Add settings link to Plugins Page and Update Plugin URI</li>
<li>feat: Add Support for wp build testing workflow with alternate wp builds</li>
<li>feat: Use Custom Lighthouse Orb</li>
<li>fix: Update docker image</li>
<li>Update docker image</li>
<li>Update docker image</li>
<li>Update docker image</li>
<li>Fix Frontent Test</li>
</ul>
<h3>0.1.7 – 2023-08-11</h3>
<ul>
<li>fix: Adjust Typography on Settings Page</li>
<li>fix: Bigger Images for Settings Page</li>
</ul>
<h3>0.1.6 – 2023-07-26</h3>
<ul>
<li>fix: Window Size for site authentication now larger</li>
<li>fix: Open Help Doc Links in New Tab</li>
</ul>
<h3>0.1.5 – 2023-07-10</h3>
<ul>
<li>fix: Open Authenticated Link in new tab</li>
<li>chore: Add Test for Authenticated View</li>
</ul>
<h3>0.1.4 – 2023-06-26</h3>
<ul>
<li>chore: Remove Author URI</li>
</ul>
<h3>0.1.3 – 2023-06-23</h3>
<ul>
<li>chore: Name changed to Grow for WP</li>
</ul>
<h3>0.1.2 – 2023-06-22</h3>
<ul>
<li>fix: Don’t Stretch Images in Settings page</li>
</ul>
<h3>0.1.1 – 2023-06-20</h3>
<ul>
<li>feat: Add changelog Generation</li>
<li>fix: Direct Users to correct Grow Site</li>
</ul>


Grow for WordPress

Ready to grow your audience, increase engagement, and supercharge your traffic for free?

Subscribe Button Bar for YouTube Embed Videos vs Grow for WordPress