Using page builders with Twitch Sub Private Pages
This guide is going to assume you already have your Twitch Sub Private Pages plugin setup correctly, including your Client ID and Client Secret.
If that's not the case, please have a look at out installation guide for Twitch Sub Private Pages and our guide on How to setup a Client ID and Client Secret.
OAuth Redirect URLs
If you're going to have multiple private pages on your site, you must have each page setup in your application on dev.twitch.tv as an OAuth Redirect URL.
You can have up to 10 of these pages.
Special care must be taken to make these match your site URLs exactly.
https:// must match!
www must match!
/ on the end must match!
For example, if the URL displayed on your site for your private page is this:
Then you must not add
https://, make sure you have the
www and do not add a
/ on the end.
Now that you have your OAuth Redirect URLs setup correctly, let's start adding private content. The method we are going to use to enable us to use our page builder plugin is to simply use a draft page as the placeholder for our content.
So I'm going to set up two pages. One for my users to login, called
The second page will not be published, and is simply created to store my private content. I'm going to call it
Members Content (draft).
Your Draft Page
We will start by adding content to the
Members Content page. The reason we keep the page as a draft is so that the page is not accessible to users.
Members Content you can use your page builder of choice. I'll be using
Members Content page looks like this.
Your Login Page
Once you have your draft page in place with your members only content, it's time to setup your login page.
Head over to the page you want to use for your users to login and view your private content. In my case that is a page called
First of all you need to add some welcome text for users and our shortcode:
Next you need to tell Twitch Sub Private Pages that this is a private page, and you must tell it where to get your content.
Activate Private Content to
Yes. You will now see more options.
Choose between All Tiers, Tier 1, Tier 2, and Tier 3 to lock this page down to specific Twitch subscription levels.
Settings Page and
Custom Page. As this guide is setting up page builder private pages, we want to select
You will then see the
Custom Page field. Use this field to select any page or post on your website, which will act as your private content. I am going to use the page I setup earlier,
Members Content (draft).
And that's it! This page is now setup to display your Login with Twitch button. When a user clicks the buttons and Twitch verifies their subscription, they will gain access to the private content you placed in the Private Content field!
Now to add more pages, do it in exactly the same way, up to ten times!