Making a /membership page that displays tiers?

Developer help
1

Hey all! I’m on a Ghost Pro plan and currently we’re using the portal to direct people to signup, but we’d like to also have a dedicated page like this where we can directly link people externally to sign up

I know there are themes out there with this option, but we’re currently using Casper and don’t have the time at the moment to dedicate to customizing a new theme, so we’re hoping this is possible. Any help in the right direction would be much appreciated!

2

Customizing the theme is the answer, unfortunately.

3

I don’t mind doing that at all! I’m not sure how, though :grimacing: Like how to display the current tiers, and a link/button to join that tier and actually have to go through the proper signup flow.

4

You could create a custom page template (call it custom-membership.hbs or something). You’d then need to loop though the membership tiers and output them. Something like this:

{{!< default}}
{{#post}}
    <article>

        {{! Display post content before the tiers}}
        {{{content}}}

        {{! Gets the tiers}}
        {{#get "tiers" include="monthly_price,yearly_price,benefits" limit="100" as |tiers|}}
          <section class="pricing-grid">
            {{#foreach tiers}}
              {{! Loop through each tier to display its details }}
              <div class="pricing-card">
                <h3>{{name}}</h3>
                <p>{{description}}</p>
                {{! Show price }}
                {{price monthly_price currency=currency}}/month
                <ul>
                  {{#foreach benefits as |benefit|}}
                    <li>{{benefit}}</li>
                  {{/foreach}}
                </ul>
                {{! Toggle between monthly and yearly pricing }}
                <a href="#" data-portal="signup/{{id}}/monthly">Subscribe Monthly</a>
                <a href="#" data-portal="signup/{{id}}/yearly">Subscribe Yearly</a>
              </div>
            {{/foreach}}
          </section>
        {{/get}}     
    </article>   
{{/post}}

That should output any post content you add, followed by the tiers on your site. You’d have to add your own HTML and CSS to style it up.

5

Thank you so much! I’m going to try it out when I have time but I think that should do exactly what I’ve been looking for. :slight_smile: