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.

http:// or https:// must match!

www must match!

The / on the end must match!

For example, if the URL displayed on your site for your private page is this: http://www.mysuperwebsite.com/members-only

Then you must not add https://, make sure you have the www and do not add a / on the end.

Private Content

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 Members Only.

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.

Inside Members Content you can use your page builder of choice. I’ll be using Gutenberg. My 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 Members Only.

First of all you need to add some welcome text for users and our shortcode: [TwitchSubPrivatePages]

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.

Set Activate Private Content to Yes. You will now see more options.

Subscription Plan

Choose between All Tiers, Tier 1, Tier 2, and Tier 3 to lock this page down to specific Twitch subscription levels.

Content Select

Choose between Current Page, Settings Page and Custom Page. As this guide is setting up page builder private pages, we want to select Custom Page.

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!