A paywall hides selected content (for example, most of an article) on your website. The paywall is activated as soon as the viewer scrolls to a certain point in the text. The paywall prompts the viewer to become a member in order to continue reading. Those who are already signed up as members do not see the paywall and are able to keep reading – view a demo.
Soft and hard Paywalls
A soft paywall allows users to click away and continue reading the article without first having to become a member of your publication. In this way, you can remind your audience that your content is valuable and worth paying for. Many will ignore the prompt, but you will still be able to convince some people.
A hard paywall can't be skipped over. When a publisher uses this paywall, they are making their content available exclusively to paying members.
⚠️ Please note that we currently do not provide any support for the WordPress Plugin.
How to install the respective paywalls is explained below. There are differences between these two paywalls – think about which alternative makes more sense for you.
Can be both soft and hard
Can be both soft and hard
Works on all CMS except WordPress
Can only be used on WordPress
Does not change search engine findability and ranking
Makes content behind the paywall invisible to search engines, which can have a negative effect on a page’s search rankings
How to set up the right paywall
Please note! If you use the Steady Checkout, please note that you cannot install the paywall on the same page as the checkout.
Steady Paywall as WordPress plugin
You can decide how and where to restrict access to your content in each article by using the Steady Paywall. To do so, simply select the preferred starting point in your article and paste the keyword ___STEADY_PAYWALL___. Steady will then fade out the remaining text and display an editable message.
Alternatively, you activate the paywall by pasting the keyword as a HTML element. Go into the HTML editor of your article and paste the following code snippet:
<div id="steady_paywall" style="display: none;"></div>
If you only want to display the Paywall in a certain area of your page, you have to give the CSS class "steady-paywall-container" to the surrounding container. For example, the structure could look like this:
<body> <div id="sidebar"> This content is visible </div> <div id="main"> <div class="entry-content steady-paywall-container"> This content is visible <div id="steady_paywall" style="display: none;"></div> This content is behind the Paywall </div> <div class="entry-footer"> This content is visible </div> </div> </body>
The Paywall plugin then directs your non-paying followers to your Steady page, where they can purchase a membership plan.
Steady Paywall and compatibility
The paywall does not work on Accelerated Mobile Pages or in combination with Infinite Scrolling. More information on the compatibility of Steady integrations can be found here.