Paywall
Paywall display your website’s time pass and subscription offerings to customers. The experience will launch automatically on page load and block access to your content until the customer makes a purchase or logs in to use an existing entitlement. The Paywall is simple, yet adaptable:- The layout will react to the number of Offerings you select
- A second screen can be added for more customization
- To align with your brand, colors can be customized and the logo will be displayed at the top of the Paywall (if you added it to the Website)
- Parts of the Paywall text can be edited in all languages we support.
Paywall Installation
Prerequisite: you need to create your Websites and Offerings before setting up a Paywall. We automatically create the first Paywall for each new Website using default time passes.1
Create Experience
Head to Experiences section of the Business Portal and click the Create Experience button to go to the Experience Editor.If you intend to use the automatically generated Paywall, click the Edit button next to it.
2
Paywall Setup
Select Paywall as the Experience type.Paywall Redirect URL determines where we will redirect customers if they see the Paywall and close it. We automatically set it to your Website URL but it can redirect anywhere (e.g. to a dedicated page).Save to continue.
3
Choose Offerings
In the Offerings section, you can choose 1 to 3 Offerings for the main screen. If you enable the “More options” screen, you will get three more Offering slots.Use the Offering dropdowns to select what to sell and determine the order of Offerings. The preview is interactive and will show changes as you go.You cannot use the same Offering on a screen twice.If you choose two or three Offerings on one screen, you will have an option to select which one of them should be highlighted by default to grab the attention of customers.
4
Customize colors and text
Use Button text color to edit the Put it on my Tab and More access options button text.Button color controls the background of the Put it on my Tab button, highlighted Offering box.Highlighted text color controls the color of text on highlighted Offerings to ensure proper contrast.Parts of Paywall text (such as title) can be edited in all languages we support. They will not be translated automatically. If you choose not to provide a translation, we will use default values.
5
Install the code snippet
Copy the provided code snippet and deploy it on pages you wish to monetize. Make sure to switch the snippet from Test Mode to Live Mode if you wish to process real transactions.The experience will automatically launch when the page loads. Supertab manages customer access for you.The Paywall will automatically update when you edit it, there is no need to update the snippet.
Purchase Button
The button to push quality journalism Purchase Buttons display a Supertab purchase button and send a message back to your website when a customer makes a purchase.Button Installation
Prerequisite: you need to create your sites and offerings before setting up a Paywall.1
Create an Experience
Head to Experiences section of the Business Portal and click the Create Experience button to go to the Experience Editor.
2
Button setup
From the Site dropdown, choose the Site on which you will use the Button. Select Purchase Button as the Experience type.
3
Select an Offering
Select an Offering which will be sold via the button. Remember that Supertab will not manage access in this scenario.
4
Install the code snippet
Copy the provided code snippet and deploy it wherever you want the button to appear. Make sure to switch the snippet from Test Mode to Live Mode if you wish to process real transactions.
5
(optional) Review Supertab.js documentation
For advanced usage review the Supertab.js documentation