# Free access to limited number of articles per month for new non-subscribers

**URL:** <https://forum.ghost.org/t/free-access-to-limited-number-of-articles-per-month-for-new-non-subscribers/25612>\
**Category:** Memberships & subscriptions\
**Created:** [September 13, 2021, 8:43am UTC](https://forum.ghost.org/t/free-access-to-limited-number-of-articles-per-month-for-new-non-subscribers/25612 "2021-09-13T08:43:44Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![joesb](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/joesb/32/11517_2.png) [@joesb](https://forum.ghost.org/u/joesb)\
**Post date:** [September 13, 2021, 8:43am UTC](https://forum.ghost.org/t/free-access-to-limited-number-of-articles-per-month-for-new-non-subscribers/25612/1 "2021-09-13T08:43:45Z")

</div>

I would really like to be able to have new non-subscriber users of my Ghost site full access to a limited number of articles (posts on the free subscription tier, in particular) per month (e.g. 2 or 3) — so they can get a taste of the quality of a full article before signing up to my service.

What I’ve got in mind is a bit like you get on places like Harvard Business Review, [hbr.org](http://hbr.org) — if you view e.g. [How Pixar Fosters Collective Creativity](https://hbr.org/2008/09/how-pixar-fosters-collective-creativity) in an anonymous browser, there’s a pop-up on the screen that shows …

 ![Screenshot 2021-09-13 at 09.37.28](https://us1.discourse-cdn.com/flex015/uploads/ghost2/original/2X/6/69f790c8db2a67ffe87cd1b8370d24b8c00646b7.png)

Is anything like this possible in Ghost, does anyone know … ? (on Ghost Pro, rather than self-hosted, in particular)

---

<div class="post-metadata">

**Author:** ![DonaldH](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/donaldh/32/13880_2.png) [@DonaldH](https://forum.ghost.org/u/DonaldH)\
**Post date:** [September 13, 2021, 2:58pm UTC](https://forum.ghost.org/t/free-access-to-limited-number-of-articles-per-month-for-new-non-subscribers/25612/2 "2021-09-13T14:58:58Z")

</div>

@joesb The answer to your question, to the best of my knowledge, is no, but as a Ghost(Pro) customer you can contact the Ghost team to ask them directly by sending an email to [support@ghost.org](mailto:support@ghost.org)

---

<div class="post-metadata">

**Author:** ![DonaldH](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/donaldh/32/13880_2.png) [@DonaldH](https://forum.ghost.org/u/DonaldH)\
**Post date:** [September 13, 2021, 3:01pm UTC](https://forum.ghost.org/t/free-access-to-limited-number-of-articles-per-month-for-new-non-subscribers/25612/3 "2021-09-13T15:01:26Z")

</div>

Although what you could do, as an alternative, is use the [public previews](https://ghost.org/help/public-previews/) feature.

---

<div class="post-metadata">

**Author:** ![kevinmiguet](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/kevinmiguet/32/14914_2.png) [@kevinmiguet](https://forum.ghost.org/u/kevinmiguet)\
**Post date:** [September 13, 2021, 3:03pm UTC](https://forum.ghost.org/t/free-access-to-limited-number-of-articles-per-month-for-new-non-subscribers/25612/4 "2021-09-13T15:03:05Z")

</div>

My client wanted something like this to let people see what the articles looks like before signin in, and the way we handled this is a link “let me see what it looks like” on the front page, linking to one article available for everyone.

They are changing this article from times to times to keep it fresh, and that’s it. Not exactly what you asked for, but it serves the same purpose : letting potential readers “taste” your content

---

<div class="post-metadata">

**Author:** ![DonaldH](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/donaldh/32/13880_2.png) [@DonaldH](https://forum.ghost.org/u/DonaldH)\
**Post date:** [September 13, 2021, 3:05pm UTC](https://forum.ghost.org/t/free-access-to-limited-number-of-articles-per-month-for-new-non-subscribers/25612/5 "2021-09-13T15:05:00Z")

</div>

@kevinmiguet Have you seen the [public previews](https://ghost.org/help/public-previews/) feature I mentioned above? That might be another option for your client. This feature was only released [quite recently](https://ghost.org/changelog/public-previews/).

---

<div class="post-metadata">

**Author:** ![kevinmiguet](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/kevinmiguet/32/14914_2.png) [@kevinmiguet](https://forum.ghost.org/u/kevinmiguet)\
**Post date:** [September 13, 2021, 3:16pm UTC](https://forum.ghost.org/t/free-access-to-limited-number-of-articles-per-month-for-new-non-subscribers/25612/6 "2021-09-13T15:16:27Z")

</div>

We also use this on regular paying articles with a little and nice “shadow” css effect and it works very well indeed !

but they wanted to let anyone read one article entirely because they think it’s a better way to “taste” for real what an article looks like

---

<div class="post-metadata">

**Author:** ![DonaldH](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/donaldh/32/13880_2.png) [@DonaldH](https://forum.ghost.org/u/DonaldH)\
**Post date:** [September 13, 2021, 3:20pm UTC](https://forum.ghost.org/t/free-access-to-limited-number-of-articles-per-month-for-new-non-subscribers/25612/7 "2021-09-13T15:20:23Z")

</div>

That’s all good! Just thought I would point mention it in case you hadn’t seen it, as it is a rather recent addition to the Ghost feature set (and a very useful one) 🙂

---

<div class="post-metadata">

**Author:** ![DonaldH](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/donaldh/32/13880_2.png) [@DonaldH](https://forum.ghost.org/u/DonaldH)\
**Post date:** [September 13, 2021, 3:24pm UTC](https://forum.ghost.org/t/free-access-to-limited-number-of-articles-per-month-for-new-non-subscribers/25612/8 "2021-09-13T15:24:32Z")

</div>

And I think having a link to an entire article is not a bad idea at all. I would certainly prefer that, as a user, to the “2 free articles remaining…” system that is used on Medium, HBR etc. - I personally find that system annoying and it has never once persuaded me to pull out my Mastercard. All it does is persuade me to use a new container/proxy/browser or whatever is required to (easily) circumvent the paywall.

---

<div class="post-metadata">

**Author:** ![joesb](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/joesb/32/11517_2.png) [@joesb](https://forum.ghost.org/u/joesb)\
**Post date:** [September 13, 2021, 3:30pm UTC](https://forum.ghost.org/t/free-access-to-limited-number-of-articles-per-month-for-new-non-subscribers/25612/9 "2021-09-13T15:30:25Z")

</div>

Thanks for the suggestions, folks — much appreciated wisdom from the brilliant Ghost hive mind.

Yep, we already use the public preview feature on every article, but thanks for pointing me to it.

And yep, we already have a ‘Inside the subscribers’ vault’ section with clearly labelled ‘sample’ posts of each main type that have been made public — a really nice idea, so thanks for the suggestion, but we’ve done that already ;-) (cf. homepage section of [https://www.agencyradar.io/](https://www.agencyradar.io/))

Just thought I’d ask in case anyone had a bright way of doing this kind of thing that I hadn’t managed to work out yet.

And, yep, I think maybe your comment about people just getting round that kind of feature with an anonymous browser or proxy or whatever is a timely nudge to think again.

---

<div class="post-metadata">

**Author:** ![joesb](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/joesb/32/11517_2.png) [@joesb](https://forum.ghost.org/u/joesb)\
**Post date:** [September 13, 2021, 3:34pm UTC](https://forum.ghost.org/t/free-access-to-limited-number-of-articles-per-month-for-new-non-subscribers/25612/10 "2021-09-13T15:34:53Z")

</div>

HBR, Medium, etc. must feel this ‘free articles’ thing is a useful thing for them to do — presumably they’ve got a large research base, analytics, UX data, etc. that says that it’s a worthwhile pay-off between people getting around it with an anonymous browser and paying sign-ups.

Hmm. Stuff to ponder.

---

<div class="post-metadata">

**Author:** ![DonaldH](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/donaldh/32/13880_2.png) [@DonaldH](https://forum.ghost.org/u/DonaldH)\
**Post date:** [September 13, 2021, 3:35pm UTC](https://forum.ghost.org/t/free-access-to-limited-number-of-articles-per-month-for-new-non-subscribers/25612/11 "2021-09-13T15:35:13Z")

</div>

Another interesting model, that might be worth looking at perhaps, is [this one](https://forum.ghost.org/t/pay-what-you-want-price/25409/), posted by @kevinmiguet, who is serendipitously already in this thread!

---

<div class="post-metadata">

**Author:** ![joesb](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/joesb/32/11517_2.png) [@joesb](https://forum.ghost.org/u/joesb)\
**Post date:** [September 13, 2021, 3:36pm UTC](https://forum.ghost.org/t/free-access-to-limited-number-of-articles-per-month-for-new-non-subscribers/25612/12 "2021-09-13T15:36:43Z")

</div>

Thanks

👀

---

<div class="post-metadata">

**Author:** ![DonaldH](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/donaldh/32/13880_2.png) [@DonaldH](https://forum.ghost.org/u/DonaldH)\
**Post date:** [September 13, 2021, 3:44pm UTC](https://forum.ghost.org/t/free-access-to-limited-number-of-articles-per-month-for-new-non-subscribers/25612/13 "2021-09-13T15:44:24Z")

</div>

> [@joesb](#):
>
> HBR, Medium, etc. must feel this ‘free articles’ thing is a useful thing for them to do — presumably they’ve got a large research base, analytics, UX data, etc. that says that it’s a worthwhile pay-off between people getting around it with an anonymous browser and paying sign-ups.

Yes, that occurred to me as well, and I think it’s a valid point. But HBR have a very well-established brand and audience. And their target audience is a particular one as well, I think, who are probably more inclined to and capable of pulling out an Amex card than circumventing a paywall 😂

And Medium is, well… a pile of 💩

IMHO 😛

---

<div class="post-metadata">

**Author:** ![iroughol](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/iroughol/32/13693_2.png) [@iroughol](https://forum.ghost.org/u/iroughol)\
**Post date:** [September 15, 2021, 8:03am UTC](https://forum.ghost.org/t/free-access-to-limited-number-of-articles-per-month-for-new-non-subscribers/25612/14 "2021-09-15T08:03:21Z")

</div>

Hi Kevin. Could you share how you created the shadow effect? I want to use previews but I hate how brutal the cut off is. It makes it look like it’s just the end of the article. Thanks!

---

<div class="post-metadata">

**Author:** ![Stromfeldt](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/stromfeldt/32/13572_2.png) [@Stromfeldt](https://forum.ghost.org/u/Stromfeldt)\
**Post date:** [September 15, 2021, 8:27am UTC](https://forum.ghost.org/t/free-access-to-limited-number-of-articles-per-month-for-new-non-subscribers/25612/15 "2021-09-15T08:27:57Z")

</div>

@iroughol I’ve implemented this myself in a theme for a colleague’s website that we _still_ haven’t launched. Anyway, as it uses a theme by Aspire Themes as I see your site does, your theme should have the same setup.

In your partials/content-cta.hbs file wrap the `{{{html}}}` as is done below:

```auto
<div class="fadeout">
  {{{html}}}
</div>

```

Then place the following CSS wherever you like to place your custom CSS:

```auto
.fadeout {
 	-webkit-mask-image: linear-gradient(to bottom, var(--color-black) 1%, transparent 100%);
 	mask-image: linear-gradient(to bottom, var(--color-black) 1%, transparent 100%);
}

```

If I remember correctly, that should be all.

---

<div class="post-metadata">

**Author:** ![iroughol](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/iroughol/32/13693_2.png) [@iroughol](https://forum.ghost.org/u/iroughol)\
**Post date:** [September 15, 2021, 8:44am UTC](https://forum.ghost.org/t/free-access-to-limited-number-of-articles-per-month-for-new-non-subscribers/25612/16 "2021-09-15T08:44:56Z")

</div>

@Stromfeldt Oh thank you, so nice, will try it today!  
Where DO I like to place my custom CSS actually? I haven’t created any yet. (Or rather I tried and it failed.)

---

<div class="post-metadata">

**Author:** ![Stromfeldt](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/stromfeldt/32/13572_2.png) [@Stromfeldt](https://forum.ghost.org/u/Stromfeldt)\
**Post date:** [September 15, 2021, 8:48am UTC](https://forum.ghost.org/t/free-access-to-limited-number-of-articles-per-month-for-new-non-subscribers/25612/17 "2021-09-15T08:48:18Z")

</div>

If you haven’t adjusted any of the CSS in your theme itself then you can just place it in code injection via Ghost’s admin. Make sure to wrap it in `<style>` tags if you’ve got nothing in there already:

```auto
<style>
.fadeout {
 	-webkit-mask-image: linear-gradient(to bottom, var(--color-black) 1%, transparent 100%);
 	mask-image: linear-gradient(to bottom, var(--color-black) 1%, transparent 100%);
}
</style>

```

---

<div class="post-metadata">

**Author:** ![iroughol](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/iroughol/32/13693_2.png) [@iroughol](https://forum.ghost.org/u/iroughol)\
**Post date:** [September 15, 2021, 10:43am UTC](https://forum.ghost.org/t/free-access-to-limited-number-of-articles-per-month-for-new-non-subscribers/25612/18 "2021-09-15T10:43:42Z")

</div>

@Stromfeldt Thanks! I’m doing something wrong but no idea what. My theme is Krabi and I think the corresponding file in partials is post-upgrade-cta.hbs which reads like this. Where would you add the wrap?

```auto
<aside class='c-post-upgrade-cta'>
  {{#unless @member.paid}}
    <h4 class='c-post-upgrade-cta__title'>{{t 'This post is for members only. Subscribe now to support independent journalism and get access to more.'}}</h4>
  {{/unless}}

  <a class='c-btn c-btn--action u-mb-16' href='{{ @site.url }}/subscribe/'>{{t 'Become a member'}}</a>
  <p class='u-type-xs'>{{t 'Already have an account?'}} <a href='{{ @site.url }}/signin/' class='u-link'>{{t 'Log in'}}</a></p>
</aside>

```

---

<div class="post-metadata">

**Author:** ![Stromfeldt](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/stromfeldt/32/13572_2.png) [@Stromfeldt](https://forum.ghost.org/u/Stromfeldt)\
**Post date:** [September 15, 2021, 11:16am UTC](https://forum.ghost.org/t/free-access-to-limited-number-of-articles-per-month-for-new-non-subscribers/25612/19 "2021-09-15T11:16:27Z")

</div>

No, that’s the wrong file. It should be content-cta.hbs, but if @ahmadajmi has named it something else in Krabi then look for the file with the line that has {{{html}}} in it.

---

<div class="post-metadata">

**Author:** ![iroughol](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/iroughol/32/13693_2.png) [@iroughol](https://forum.ghost.org/u/iroughol)\
**Post date:** [September 15, 2021, 1:45pm UTC](https://forum.ghost.org/t/free-access-to-limited-number-of-articles-per-month-for-new-non-subscribers/25612/20 "2021-09-15T13:45:29Z")

</div>

Weird. Done a full search and that file does not exist. Nowhere has {{{html}}}, nor is there a partial that looks like it’s referring to the public preview anywhere. Maybe @ahmadajmi can help. Thanks anyway for taking the time for a noob like me.

[Next page](https://forum.ghost.org/t/free-access-to-limited-number-of-articles-per-month-for-new-non-subscribers/25612.md?page=2)