How to Add a YouTube Subscribe Button to Your Website
- The simplest method: a plain anchor tag using your ?sub_confirmation=1 URL — works on every website
- For a styled button, add CSS to an anchor tag — no JavaScript or plugin needed
- WordPress and Squarespace users: paste the link into any button block
- A QR code version of your subscribe link works in images and print materials
Table of Contents
Adding a YouTube subscribe button to your website means replacing a plain channel link with one that triggers the subscription popup when clicked. You do not need a plugin, API key, or any JavaScript to make this work — it's a standard anchor tag pointing to your subscribe URL.
First, generate your subscribe link using the Subscribe Link Generator. Then choose the implementation method that fits your website platform.
Method 1: Plain Anchor Tag — Works on Every Website
The simplest implementation is a standard HTML link:
<a href="https://www.youtube.com/@YourHandle?sub_confirmation=1"
target="_blank"
rel="noopener noreferrer">
Subscribe on YouTube
</a>
Replace @YourHandle with your channel handle. This works on any website that accepts HTML: WordPress block editor (HTML block), Squarespace custom code blocks, Wix HTML widgets, Webflow rich text, any raw HTML page.
Using target="_blank" opens YouTube in a new tab, keeping your visitor on your site. Using rel="noopener noreferrer" is a security best practice when opening external links in new tabs.
Method 2: Styled Subscribe Button With CSS
If you want a button that looks like the YouTube Subscribe button, add inline styles or a CSS class to the anchor:
<a href="https://www.youtube.com/@YourHandle?sub_confirmation=1"
target="_blank"
rel="noopener noreferrer"
style="display:inline-block; background:#ff0000; color:#fff;
font-weight:bold; padding:10px 20px; border-radius:4px;
text-decoration:none; font-family:sans-serif; font-size:14px;">
Subscribe
</a>
This produces a red button with white text. Adjust the background color, padding, border-radius, and font-size to match your site's design system. No JavaScript needed — it's a pure CSS button that opens the subscribe link on click.
For a more polished look, add a hover state in your stylesheet: a.yt-subscribe:hover { background: #cc0000; } with the class added to the anchor tag.
Method 3: WordPress Button Block (No Code)
In WordPress, you don't need to write HTML. Use the built-in Button block:
- In the block editor, add a Button block (type /button and press Enter)
- Type your button label: "Subscribe on YouTube"
- Click the link icon and paste your subscribe URL
- Enable "Open in new tab" in the block settings sidebar
- Style the button using the block's Color and Typography settings
You can place this button anywhere in a post or page — sidebar, footer, after content, in a full-width section. The subscribe popup behavior comes from the URL, not from any plugin.
Method 4: Squarespace, Wix, Webflow, and Other Builders
Every major website builder has a button or link component:
- Squarespace: Add a Button block, paste your subscribe URL in the Link field, label it "Subscribe on YouTube."
- Wix: Add a Button element from the Add Panel, click Edit Link, set to External URL, paste your subscribe link.
- Webflow: Add a Link Block or Button element, set the link to External URL, paste the subscribe URL, check Open in New Tab.
- Shopify: In the Theme Editor, most themes have navigation and footer link sections — paste the subscribe URL as an external link.
In every case, the subscribe link behavior comes from the URL parameter — no additional setup is required in the platform.
Where to Place the Subscribe Button on Your Site
Placement determines how many visitors see it. High-impact locations:
- Header or navigation — appears on every page, maximum visibility
- Footer — passive but persistent; catches visitors at the end of a page
- Blog post sidebar — reaches readers who arrived from search (often the best-performing placement for content sites)
- After each blog post — readers who finish an article are warm to subscribing
- About page — visitors who read your About page are actively learning about you
- Contact page — alongside other social links
Don't add it to every section of every page — that reads as spammy. One or two strategic placements per page is enough. The header and blog sidebar combination reaches the widest audience with minimal visual clutter.
Generate your subscribe link with the Subscribe Link Generator, then implement it on your site using whichever method fits your platform.
Get Your Subscribe Link
Generate your YouTube subscribe link free — then add it to your website with one of the methods above.
Generate YouTube Subscribe Link FreeFrequently Asked Questions
Do I need a YouTube data source key to add a subscribe button to my website?
No. A subscribe link is just a URL — no API, no backend, no JavaScript required. The ?sub_confirmation=1 popup is handled entirely by YouTube's servers when someone clicks the link.
What's the difference between a subscribe link and the YouTube subscribe widget?
YouTube used to offer an official Subscribe Widget (an embeddable widget). That widget was deprecated. Today, the standard approach is a styled anchor tag pointing to your subscribe URL — simpler, faster, and no API key required.
Will the subscribe popup show for visitors who are already subscribed?
No. If someone clicks the subscribe link while already subscribed, they just land on your channel page. The popup only appears for non-subscribers.
Can I put a subscribe button on a landing page?
Yes. A landing page is one of the best placements — the visitor arrived with intent, read your content, and a clear CTA to subscribe is a natural next step. Use the styled button method with your subscribe URL.

