This site contains affiliate links. Please read Disclaimer for more information.

In this post (with a video tutorial), I will show you how to create display a YouTube Subscribe Button with Subscriber Count on a WordPress post, page, or widget.

Final look:

Video Tutorial

Step by Step Guide


  1. Go to Google Developers page
  2. Find your channel ID
  3. Customize the setting
  4. Copy the code
  5. Paste the code

Step 1 – Go to Google Developers page

We will use the tool from Google Developers. It is beginner-friendly. Once you are on the page, we will need our channel ID. The channel ID can be found by going to your YouTube channel. It might look like a name or a random combination.

Step 2 – Find your channel ID

Your channel ID is your YouTube URL (see the video).

Step 3 – Customize the setting

Your channel ID is your YouTube URL (see the video).

Play with the setting till you get the configuration look that you like. I like the following setting:

Layout: Full
Theme: Default (white)
Subscriber count: Shown

Step 4 – Copy the code

Copy the code on the page (see the video tutorial).

Now we are going to move away from this page and go to our WordPress backend.

Step 5 – Paste the code Create either a new Post or Page

You can paste the code to either a new post, page, or a widget. When the latest WordPress update (as of February 2020), I can insert an option that says HTML. Now I just need to paste the code.

That is it! 🙂 


Tip 1 – Bookmark the Configure a Button page if you need to use it more than once and/or play with different configurations.

Tip 2 – If you are comfortable working with codes, you can copy and paste this code in a notebook like Evernote or something. Then just pull it up and edit the values instead of going to the page.

Tip 3 – If you are working with the codes directly, make sure to use the appropriate data-channel value. 

If you are using your channel ID:

Change the value for data-channelid to your channel ID 😀

<script src=""></script>
<div class="g-ytsubscribe" data-channelid="UCDdYC231RFMVXPfxL07Gzyw" data-layout="full" data-count="default"></div>

If you are using your channel name, make sure to change “data-channelid” to “data-channel”.

I hope it is helpful. Have a great day. Bye.

Leave a Reply