How to: Sell individual posts to readers on Ghost.io

Ghost.io is steadily gaining momentum as a blog & newsletter platform, but their native paywall solution doesn't allow readers to purchase individual posts. This article will show you how to sell à la cart premium articles with Paygo.

What is Paygo?

Paygo is a micropayments platform designed to give content creators a seamless pay-as-you-go option for their content, with as close-to-zero configuration as our partners will allow.

What does a paywall look like?

The standard Ghost paywall provides a single "Subscribe Now" button. Your Paygo-enabled paywall will include a second button for à la cart purchases.

Image of a Ghost paywall with the Paygo Button showing next to Subscribe Now
PayGo comes with Apple Pay, Google Pay, and all major credit cards.

How long will this take?

It won't take long! A few minutes and you'll be up and running. Here's the bird's eye view:

  1. Sign up for a Paygo Account.
  2. Create a Ghost Integration in your publisher dashboard.
  3. Copy & paste integration settings from ghost to paygo.
  4. Copy & paste javascript to ghost.

The Paygo team is working with Ghost to turn the rest of this article into a one-click process. For now, follow the steps below to get Paygo up and running within a few minutes.

Sign up for Paygo

Visit paygo.media and sign up for a new account. Click on your main user menu navigate to the publisher dashboard.

Configure your Publisher identity

From your publisher dashboard, finalize your publisher profile settings. The information you define here will be used during the checkout process when readers decide to pay for your content.

Install your Ghost.io integration

  • On the Paygo navigation bar, click on "Integrations".
  • Find the "ghost.io" integration.
  • Click "Add Integration"

Snag custom integration settings from your Ghost.io account

  • In another browser tab, visit your Ghost admin.
  • Select "Integrations"
  • Select "Custom Integration" name it "Paygo", and save.
  • Now you should see details provided by ghost, specifically: Content Api Key, Admin Api Key, and Api URL.
  • Copy these provided values over to your Paygo integration and specify the fully-qualified root domain of your blog in the Host field (eg: my-blog-site.com).
  • Save Changes!
A sample Create Integration form from Paygo.
Copy values from Ghost's Integration page to this form.

  • Obtain your Publisher API Key from your Paygo publisher dashboard
  • On your ghost site, visit /ghost/#/settings/code-injection
  • Paste the following code snippet into the Site Footer box, replacing "YOUR_API_KEY" with your Paygo key.
<link href="https://paygo-public-prod.s3.amazonaws.com/paygo-plugin.min.css" rel="stylesheet">
<script type="text/javascript" src="https://paygo-public-prod.s3.amazonaws.com/paygo-plugin.js"></script>

<script type="text/javascript">
  var PaygoGhostConfig = {
      apiKey: 'YOUR_API_KEY',
      price: 0.25
  }
</script>

Configure Default Paywall Settings

  • apiKey (required) - this is the publisher key you obtained from Paygo.
  • price (required) - the default price for all articles. Eg: 0.15, 0.50, 1.00
  • text - this is the text that will appear on the payment button next to the price.
  • disabled - set to "true" to disable Paygo.
  • subscribeUrl - if specified, the URL you provide will replace Ghost's onboarding wizard for new subscribers.
  • subscribeText - if specified, the text you provide will replace "Subscribe Now".

Sync your content with Paygo.

Paygo will automatically catch new (or newly-updated) posts when you manage them in your Ghost editor.

To sync a post with Paygo, turn on the “Paid Members Only” option. At your next preview/publish, Paygo will detect & sync your changes.

Use the “Public Preview” widget to showcase an excerpt.

Ghost paywalls hide all premium content by default, but you can showcase an excerpt by using the Public Preview widget.

While editing your post content, move your cursor to the exact position where you’d like your paywall to begin (typically after your 2nd or 3rd paragraph).

Select the public preview widget as shown in the following image.

Now your editor will show you exactly where your free content ends and your paywall begins, as shown in the image below:

Override default pricing for a specific article.

If you would like to push a special price for a post, locate the “code injections” area within your post settings panel.

In the footer box, you can override the price (along with any other default settings) by updating the PaygoGhostConfig object.

Note that in this example, we have set the price to $0.25, the text to Purchase Now, and we've temporarily disabled Paygo on this post.

<script type="text/javascript">
  PaygoGhostConfig.price = 0.25;
  PaygoGhostConfig.text = 'Purchase Now';
  PaygoGhostConfig.disabled = true;
</script>

How do I unlock paywalled content after payment?

When a customer decides to purchase your content without a subscription, Paygo will accept the payment and will process the transaction on your behalf. Once the transaction is complete, Paygo will use your Ghost.io integration credentials (remember those? tee-hee) to fetch and display your hidden premium content. Easy peasy.

How do I enable Apple Pay and Google Pay?

Apple Pay

  • Give us a list of your custom and ghost-hosted sub-domains.
  • Ask Paygo for an apple verification file
  • Add the file to your ghost theme and upload your theme to ghost.
  • Wait for an email from us stating that your Apple Pay capabilities have been turned on.
  • Do the happy dance.

Google Pay

  • Google pay is already verified on all *.ghost.io sub-domains.
  • If you have a custom domain like myblog.com, send us a list of your top-level domains that will serve your paywall.
  • Wait for an email from us stating that your Google Pay capabilities have been turned on.
  • Do another happy dance.

How do I get help?

Reach out to us via email any time you need help. We love hearing from creators, and we'd love to hear your thoughts, wants, and needs. You can also mention us on twitter.