# Portal

This theme works seamlessly with Ghost’s native membership system using the Portal component. Instead of adding custom pages or extra setup, it relies on Ghost’s official tools for a simpler and more efficient membership experience.

Portal is widely used across Ghost sites and covers all common membership needs.

### What is Portal?

Portal is Ghost’s built-in interface for managing memberships and subscriptions. It includes modals for:

* Signing up and logging in
* Upgrading to paid plans
* Managing account details
* Viewing past subscriptions
* Public preview for paid-only posts

These modals are fully responsive, accessible, and maintained by the Ghost team.

For new users, Ghost’s documentation provides a complete introduction to memberships.

<table data-card-size="large" data-view="cards"><thead><tr><th></th><th></th><th data-hidden data-card-target data-type="content-ref"></th></tr></thead><tbody><tr><td><strong>Setup Members</strong></td><td>Learn how to enable and configure the membership system in Ghost, including access levels, email settings, and subscription options.</td><td><a href="https://ghost.org/help/setup-members/">https://ghost.org/help/setup-members/</a></td></tr><tr><td><strong>Customize Portal</strong></td><td>Find out how to personalize the Portal interface — update colors, icons, and behavior to match your site’s branding.</td><td><a href="https://ghost.org/help/customize-portal/">https://ghost.org/help/customize-portal/</a></td></tr></tbody></table>

### Portal appearance

You can customize how Portal looks using the Brand settings.

#### Step-by-step:

{% stepper %}
{% step %}
Go to **"Design & branding"** in Ghost Admin and click **"Customize"**.
{% endstep %}

{% step %}
Open the **"Brand"** section.
{% endstep %}

{% step %}
Choose an [**Accent color**](https://docs.ektothemes.com/guides/haas/customization/accent-color) to style Portal buttons and links.
{% endstep %}

{% step %}
Upload a [**Publication icon**](https://docs.ektothemes.com/guides/haas/customization/icon) to use inside Portal modals. (*This icon is also used for the site favicon and subscribe icon.*)
{% endstep %}

{% step %}
Click **"Save"** to apply your changes.
{% endstep %}
{% endstepper %}

### Portal button

Ghost includes a floating Portal button in the bottom-right corner. This theme also provides sign-up prompts in the header, so the Portal button is optional.

#### To hide the Portal button:

{% stepper %}
{% step %}
Go to **"Membership"** in Ghost Admin (**Settings** → **Membership**).
{% endstep %}

{% step %}
Open **"Portal settings"** and click **"Customize"**.
{% endstep %}

{% step %}
Disable **"Show portal button"**.
{% endstep %}

{% step %}
Click **"Save"** to confirm.
{% endstep %}
{% endstepper %}

This theme includes sign-up actions in the header, so the Portal button is optional.