How do I set up a paywall?

Last updated 6 months ago

Which Steady Paywall is right for me?

There are two different ways to build a paywall with Steady.
  • JavaScript: The JS version can be built into any website, does not change your search rankings, but can be circumvented by turning JavaScript off.
  • WordPress plugin: Our WP plugin will load the content behind the paywall only after users have authorized themselves as paying members. This means that the paywall cannot be bypassed by deactivating JavaScript, but the content behind the paywall is invisible to search engines, which can have a negative impact on the page's search engine rank.

Steady Paywall as WordPress plugin

Please click here for the Steady WordPress plugin.

Steady Paywall as JavaScript

You can configure the paywall as JavaScript here.

For each article, you decide whether and where the paywall should be. Add a new paragraph with the keyword ___STEADY_PAYWALL___ to your article. Steady then ensures that your article is gently fading out at this point and overlaid by a text of your choice. 

As an alternative to this method, you can also insert an HTML element instead of the keyword to place the paywall. To do this, go to the HTML editor and insert the following code:  

<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 surrounding container the CSS class "steady-paywall-container".  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 audience directly to your Steady project page, where you offer your plans.