Layout

Paywall

The Paywall is what a reader sees on a post they can't open, such as a post for paid members read by a visitor. Ghost shows the free part of the post, the last lines fade out, and the Paywall appears under them with a message and buttons to sign up or upgrade. Ghost decides who has access, from the post's access setting in Ghost Admin, and where the free part ends.

Every Post Content section holds one Paywall, so it works on the Post and Page templates and on any template with a Post Content section. Each Post Content section has its own, so changing the Paywall on the Post template leaves the one on the Page template as it was. You can't add a second one, take it from the block picker or delete it. Select it under the Post Content section in the left sidebar.

On the canvas the Paywall is hidden, because the demo post is open to everyone. To see it, click the icon next to Download at the top of the right sidebar, a dashed square with lines in it, and select Locked post in the Preview data menu that opens. Preview as in the same menu shows the page as a visitor or as a member. Preview with your Ghost content and members describes that menu.

The faded last lines of a locked post, then the heading This post is for paying subscribers only, a red Become a member button and a Sign in link

What it holds at first

The Paywall starts with these blocks. Each one shows or hides itself with a content condition or an Audience rule from its Display settings.

Block Shows when
Heading "This post is for paying subscribers only" The post is for paid members.
Heading "This post is for subscribers only" The post is for all members.
Heading "This post is for subscribers on the … only" The post is for chosen tiers. The "…" stands for the names of the post's tiers from Ghost.
Paragraph "Become a member now and have access to all posts and pages…" Always.
Button Become a member The reader is not signed in. It opens Ghost's sign-up window.
Button Upgrade your account The reader is a signed-in member. It opens the plans in Ghost's account window.
Paragraph "Already have an account? Sign in" The reader is not signed in.

The headings say "post" or "page" by themselves, depending on where the reader is. You can edit, move or delete these blocks, and add others: text, buttons, images, Groups and Collections. Forms and data blocks can't go in a Paywall. Change what readers see on a locked post walks through it.

Settings

The Paywall has the settings of a Group without the link settings. Its blocks sit in a Stack, centered, with a Small (24 px) gap between them.

Part of the panel Settings
General Layout (Stack, Row or Grid), with Wrap, Max columns and Min column width for the layout you choose. Reverse and Separated from the + menu.
Colors Color Scheme, and Background, Gradient and Text color from the + menu.
Layout Sticky, Width, Min Height and Aspect Ratio, from the + menu.
Spacing Gap, and Padding and Margin from the + menu.
Appearance Fill, Fill image, Border, Corners and Shadow, from the + menu. Use a fill and padding to set the Paywall apart from the post as a box.
Advanced HTML anchor, CSS classes and Custom CSS, from the + menu.

Use Justification and Alignment on the canvas toolbar to arrange the Paywall's blocks.

In the tables, "the + menu" is the + beside the name of each part of the Paywall's settings in the right sidebar. Colors and appearance settings, Layout settings, Display settings and Advanced settings describe the shared settings.

Was this article helpful?