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.

JavaScript Paywall or WordPress Plugin

There are two different ways to install a paywall with Steady. You can either use our JavaScript Paywall or activate the Paywall with our 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.


WordPress Plugin

Can be both soft and hard

Can be both soft and hard

Can be integrated into any website

Is only suitable for WordPress websites

The user can bypass the paywall by turning off JavaScript – even if the website is using the hard paywall*

Loads content behind the paywall only after the user has signed in as a member – so it cannot be bypassed by turning off JavaScript

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

* Despite having a hard JavaScript paywall, non-members can still access your content. A handful of people may take advantage of this, but in our experience it's not worth worrying about. Normally, members are motivated by wanting to support a publication rather than accessing exclusive content. As a publisher, you stand to gain more from putting your energy into your work and maintaining a good relationship with your community.

How to set up the right paywall

! 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

Please click here for the Steady WordPress plugin or here for more infos about the plugin.

Steady Paywall as JavaScript

You configure the Paywall as JavaScript here.

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:

  <div id="sidebar">
    This content is visible
  <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 class="entry-footer">
      This content is visible

The Paywall plugin then directs your non-paying followers to your Steady page, where they can purchase a membership plan.

Please note that 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.

Did this answer your question?