Portal handles the full membership experience for your subscribers in Ghost. Portal can be added to any Ghost site, using any theme, without needing to write code or edit your theme templates.

Once Stripe has been connected to your site and membership tiers are in place, you can customize Portal to match your brand and style.

Customize Portal settings

To get started, go to SettingsMembershipCustomize Portal to customize Portal signup options, as well as the look and feel of the Portal interface. When you update and save Portal settings, your changes go live right away.

Settings Membership Customize Portal

Signup options

Select which plans are available to visitors who want to signup, using any combination of tiers to suit your business. Leave all plans unchecked for an invite-only site, where your visitors have to contact you directly for access.

  • Display name in signup form
    Toggling this feature on will add a text field in the signup form that allows your members to enter their name in and attach it to their account.
  • Tiers available at signup
    Depending on your subscription model, you can customise which tiers are available to your visitors. You can run a free membership publication where visitors need to subscribe to access protected content or receive newsletters, or you can offer premium subscriptions. It's totally up to you.

Look and feel

Create a Portal that matches your company brand or publication style. You'll see the Portal screens update in real-time as you make changes. Remember to hit the save button when you're finished editing.

  • Show Portal button
    Shows or hides the Portal button on your publication. Even if the button is hidden, all Portal screens can be accessed using Portal links — more on that below.
  • Portal button style
    Allows you to choose from Icon and text, Icon only, or Text only.
  • Icon
    If your button style includes an icon, this option will be available to you. You can pick from a library of icons or upload a custom icon. It's recommended to use an SVG, PNG, or JPG image no larger than 60px by 60px.
  • Signup button text
    If your button style includes text, this option will be available to you. You can enter any text string.

Account page settings

The Account tab in your Portal settings shows a preview of what the account page will look like for your members. From here, members are able to manage their own account and subscriptions as well as reach out to you for support.

  • Support email address
    This is where members can reach you for help with their accounts. You must use an email address that can receive messages. Validate and confirm the change by clicking the link sent to the new email address.

Note: This email address is publicly available on your site, within the Portal interface.

The Portal links section displays a list of links that you can use to add direct links to your site that open the Portal experience.

You can use these links in posts and pages. For example, adding a link to https://yoursite.com/#/portal  anywhere on your site opens up the Portal window.

You could add this to a text link, turn an image card into a link, or you could add a custom button using an HTML card, like this:

<a href="https://yoursite.com/#/portal" 
         style="  
  background-color: #f90;
  border: none;
  border-radius: 10px;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
  width: 80%;
  ">
     Your Text Goes here
</a> 

Advanced setup

It's possible to hide the default Portal button and access specific Portal screens via URLs or data attributes in your theme. Read more about Portal links in the developer docs.