> ## Documentation Index
> Fetch the complete documentation index at: https://memberful.com/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Custom subscription page

> Create a Memberful-hosted subscribe page to sell your plans when you don't have your own website or can't add a sales page to your existing site.

export const RelatedDocs = ({link1, link2, link3, link4, link5, link6, link7, link8, link9, link10, className = ""}) => {
  const links = [link1, link2, link3, link4, link5, link6, link7, link8, link9, link10].filter(Boolean);
  if (!links.length) return null;
  return <section className={`related-docs border dark:border-gray-700 rounded-2xl px-6 py-4 mt-6 ${className}`}>
      <p className="mb-2 font-medium">
        <strong>Related help docs:</strong>
      </p>
      <ul className="space-y-1 mb-1 mt-1">
        {links.map((link, index) => <li key={index}>
            <a href={link.url}>{link.label}</a>
          </li>)}
      </ul>
    </section>;
};

Memberful’s hosted subscription page gives you a ready-made sales page for your plans. You can use it when you do not have your own website or cannot add a sales page to your existing site.

In this help article, we'll create and customize a subscription page, add plans and other signup options, and manage its display settings.

<Card title="Caffeinated Insights" icon="coffee" href="https://caffeinatedinsights.memberful.com/join">
  View example subscription page
</Card>

<Card title="The Echo Chamber" icon="music" href="https://theechochamber.memberful.com/join">
  View example subscription page
</Card>

<Card title="Olive & Thyme" icon="pizza" href="https://oliveandthyme.memberful.com/join">
  View example subscription page
</Card>

## Before you begin

Create at least one membership plan before setting up your subscription page. In the Memberful dashboard, go to **Revenue → All plans** and click **New plan**.

For full setup guidance, see [Create a plan](/docs/plans/individual-plans/create-a-plan).

<Frame>
  <img src="https://mintcdn.com/memberful/0sA94k065n1qKJXK/images/customize/subscribe-page/plan-create-new.png?fit=max&auto=format&n=0sA94k065n1qKJXK&q=85&s=e3db7bd5264885d42b3ceaac4d4d5fcd" alt="Create a new membership plan" width="1440" height="146" data-path="images/customize/subscribe-page/plan-create-new.png" />
</Frame>

You can also let visitors register without purchasing a paid subscription. Go to **Website → Free registration** and toggle on *Allow free registration*.

To learn more, see [Allow free registration](/docs/plans/individual-plans/free-registration/).

<Frame>
  <img src="https://mintcdn.com/memberful/0sA94k065n1qKJXK/images/customize/subscribe-page/free-registration-toggle.png?fit=max&auto=format&n=0sA94k065n1qKJXK&q=85&s=1d3fce5524fe735e8045e9b5ffb10737" alt="Enable free registration" width="1440" height="1312" data-path="images/customize/subscribe-page/free-registration-toggle.png" />
</Frame>

Your page background color, button color, and logo are inherited from your Memberful branding settings. To update them, see [Customize your branding](/docs/configuration/branding/branding/).

## Enable and edit your subscription page

<Steps>
  <Step title="Open the subscription page settings">
    Go to **Website**, hover over **Subscribe**, and click the **gear** icon.
  </Step>

  <Step title="Enable the page">
    Toggle on *Enable your subscribe page*, then click **Save**.

    <Frame>
      <img src="https://mintcdn.com/memberful/0sA94k065n1qKJXK/images/customize/subscribe-page/enable-subscribe-page.png?fit=max&auto=format&n=0sA94k065n1qKJXK&q=85&s=b51688ed4384a99b2352dbc4f8dd10ad" alt="Enable the hosted subscription page" width="1440" height="645" data-path="images/customize/subscribe-page/enable-subscribe-page.png" />
    </Frame>
  </Step>

  <Step title="Open the page editor">
    Go to **Website → Subscribe** and click **Edit page**.

    <Frame>
      <img src="https://mintcdn.com/memberful/0sA94k065n1qKJXK/images/customize/subscribe-page/edit-your-subscribe-page.png?fit=max&auto=format&n=0sA94k065n1qKJXK&q=85&s=6ce719961e82a344bbd85e3920deb9c0" alt="Open the subscription page editor" width="1440" height="379" data-path="images/customize/subscribe-page/edit-your-subscribe-page.png" />
    </Frame>
  </Step>

  <Step title="Add the page heading">
    Enter a title and optional description. Use the rich-text controls to add bold text, italics, strikethroughs, and links.

    <Frame>
      <img src="https://mintcdn.com/memberful/0sA94k065n1qKJXK/images/customize/subscribe-page/page-description.png?fit=max&auto=format&n=0sA94k065n1qKJXK&q=85&s=fb8cdde61e4daa8553fc6b859303ffe3" alt="Edit the subscription page title and description" width="1440" height="362" data-path="images/customize/subscribe-page/page-description.png" />
    </Frame>
  </Step>
</Steps>

## Add subscription page items

You can add membership plans, standalone downloads, and free registration as selectable items.

While you can add as many items as needed, we recommend showing no more than four so visitors can scan and compare their options more easily.

<Steps>
  <Step title="Add a new item">
    Click **New subscribe page item**.

    <Frame>
      <img src="https://mintcdn.com/memberful/0sA94k065n1qKJXK/images/customize/subscribe-page/add-button.png?fit=max&auto=format&n=0sA94k065n1qKJXK&q=85&s=8b261b751be83dd3fc54f15fb7c1537a" alt="Add a new subscription page item" width="1440" height="866" data-path="images/customize/subscribe-page/add-button.png" />
    </Frame>
  </Step>

  <Step title="Select the item">
    Select a plan, standalone download, or free registration option, then click **Add to page**.

    <Frame>
      <img src="https://mintcdn.com/memberful/0sA94k065n1qKJXK/images/customize/subscribe-page/add-modal.png?fit=max&auto=format&n=0sA94k065n1qKJXK&q=85&s=8f68c1c1c0cca2f59d92856e28e5e5bc" alt="Select an item to add to the subscription page" width="1440" height="679" data-path="images/customize/subscribe-page/add-modal.png" />
    </Frame>
  </Step>

  <Step title="Customize the item">
    Click the item’s display name, description, or button label to edit it.

    Use the description to explain the benefits members receive or help visitors compare your available options. You can add bold text, italics, strikethroughs, links, and bulleted or numbered lists.

    <Frame>
      <img src="https://mintcdn.com/memberful/0sA94k065n1qKJXK/images/customize/subscribe-page/edit-items.png?fit=max&auto=format&n=0sA94k065n1qKJXK&q=85&s=80698db1254a76c210b1b73ef25f4b34" alt="Customize a subscription page item" width="1440" height="518" data-path="images/customize/subscribe-page/edit-items.png" />
    </Frame>
  </Step>
</Steps>

## Show gift buttons

You can add a gift button below the subscribe button for each plan that supports gifts.

<Steps>
  <Step title="Open the subscription page settings">
    Go to **Website**, hover over **Subscribe**, and click the **gear** icon.
  </Step>

  <Step title="Enable gift buttons">
    Toggle on *Show gift buttons*, then click **Save**.

    <Frame>
      <img src="https://mintcdn.com/memberful/px6dECumB5S5LCtI/images/customize/subscribe-page/show-gift-buttons.png?fit=max&auto=format&n=px6dECumB5S5LCtI&q=85&s=5c2cde59a305d5a1b4cc39f16096af84" alt="Enable gift buttons on the subscription page" width="1440" height="896" data-path="images/customize/subscribe-page/show-gift-buttons.png" />
    </Frame>
  </Step>

  <Step title="Customize the button label">
    Go to **Website → Subscribe** and click **Edit page**. Click the gift button below an eligible plan, enter the button label you want to display, then save your changes.

    <Frame>
      <img src="https://mintcdn.com/memberful/px6dECumB5S5LCtI/images/customize/subscribe-page/edit-gift-button.png?fit=max&auto=format&n=px6dECumB5S5LCtI&q=85&s=89931ad6ef2a569f9cf96bbf2f1f2860" alt="Customize a gift button label" width="1440" height="655" data-path="images/customize/subscribe-page/edit-gift-button.png" />
    </Frame>
  </Step>
</Steps>

Only plans that support gifts display a gift button. Plans that are not eligible for gifting will continue to show only their purchase button.

## Reorder subscription page items

On a desktop device, hover over an item and drag the bar that appears above it.

<Frame>
  <img src="https://mintcdn.com/memberful/0sA94k065n1qKJXK/images/customize/subscribe-page/reorder-plans-desktop.gif?s=eda67606d1ad0242dd13f2bab428aa18" alt="Reorder subscription page items on desktop" width="989" height="439" data-path="images/customize/subscribe-page/reorder-plans-desktop.gif" />
</Frame>

On a mobile or touch-based device, use the up and down arrows to change an item’s position.

<Frame>
  <img src="https://mintcdn.com/memberful/DpWqQpvHY5Pwxj4F/images/customize/subscribe-page/reorder-plans-mobile.png?fit=max&auto=format&n=DpWqQpvHY5Pwxj4F&q=85&s=9a392de4b2089154378bc131971a3a32" alt="Reorder subscription page items on mobile" width="1440" height="823" data-path="images/customize/subscribe-page/reorder-plans-mobile.png" />
</Frame>

## Add supporting content

Below your subscription options, you can add content such as:

* frequently asked questions
* member testimonials
* contact information
* additional details about your membership

<Frame>
  <img src="https://mintcdn.com/memberful/0sA94k065n1qKJXK/images/customize/subscribe-page/additional-content.png?fit=max&auto=format&n=0sA94k065n1qKJXK&q=85&s=36b4fbed98e87244a9a2641e6202c34f" alt="Add supporting content below the subscription options" width="1440" height="551" data-path="images/customize/subscribe-page/additional-content.png" />
</Frame>

Every subscription page includes a link members can use to log in to their account.

Social media links configured for your member website also appear in the page footer. To learn more, see [Add social media links](/docs/website-builder/settings/member-website-settings/#add-social-media-links).

## Enable or disable your subscription page

Go to **Website**, hover over **Subscribe**, and click the **gear** icon. Toggle *Enable your subscribe page* on or off, then click **Save**.

When enabled, the page is available at:

```text theme={null}
https://ACCOUNT-URL.memberful.com/join
```

Replace `ACCOUNT-URL` with your Memberful account URL.

When disabled, visitors cannot access the page. You can use this setting to temporarily hide it while making changes.

<Frame>
  <img src="https://mintcdn.com/memberful/0sA94k065n1qKJXK/images/customize/subscribe-page/enable-subscribe-page.png?fit=max&auto=format&n=0sA94k065n1qKJXK&q=85&s=b51688ed4384a99b2352dbc4f8dd10ad" alt="Enable or disable the hosted subscription page" width="1440" height="645" data-path="images/customize/subscribe-page/enable-subscribe-page.png" />
</Frame>

Go to **Website → Subscribe** at any time to preview the page on different screen sizes.

<Frame>
  <img src="https://mintcdn.com/memberful/DpWqQpvHY5Pwxj4F/images/customize/subscribe-page/subscribe-page-across-devices.gif?s=0ea0c4a44f609b45bb02b10f509e666f" alt="Preview the subscription page across different devices" width="960" height="540" data-path="images/customize/subscribe-page/subscribe-page-across-devices.gif" />
</Frame>

## Set the subscription page as your welcome page

You can show the subscription page before visitors enter the rest of your member website.

Go to **Website**, hover over **Subscribe**, and click the **gear** icon. Toggle on *Make it your welcome page*, then click **Save**.

<Frame>
  <img src="https://mintcdn.com/memberful/VqNDYgPWF4JVK8nK/images/customize/subscribe-page/make-welcome-page.png?fit=max&auto=format&n=VqNDYgPWF4JVK8nK&q=85&s=771ad1ccffd5a86679adeb058660aec7" alt="Set the subscription page as the welcome page" width="1440" height="910" data-path="images/customize/subscribe-page/make-welcome-page.png" />
</Frame>

When this setting is enabled, the page includes a **Skip to preview** link that visitors can use to continue to your website.

<Frame>
  <img src="https://mintcdn.com/memberful/DpWqQpvHY5Pwxj4F/images/customize/subscribe-page/skip-to-preview.png?fit=max&auto=format&n=DpWqQpvHY5Pwxj4F&q=85&s=edca8d8bae59c01523b23c61e72f0ea8" alt="Skip the subscription page and preview the website" width="1440" height="799" data-path="images/customize/subscribe-page/skip-to-preview.png" />
</Frame>

Memberful remembers that a visitor skipped the page for 30 days. During that period, returning visitors are automatically sent to the rest of your website.

## Show or hide included podcasts

Your subscription page can display thumbnails for podcasts included with each plan. Memberful loads the thumbnails automatically from each podcast’s RSS feed.

<Frame>
  <img src="https://mintcdn.com/memberful/0sA94k065n1qKJXK/images/customize/subscribe-page/podcast-thumbnails.png?fit=max&auto=format&n=0sA94k065n1qKJXK&q=85&s=9f8aa8642c84b9b5c366d28910fd01d8" alt="Podcast thumbnails displayed on a subscription page" width="1440" height="956" data-path="images/customize/subscribe-page/podcast-thumbnails.png" />
</Frame>

Go to **Website**, hover over **Subscribe**, and click the **gear** icon. Toggle on *Show podcasts*, then click **Save**.

<Frame>
  <img src="https://mintcdn.com/memberful/DpWqQpvHY5Pwxj4F/images/customize/subscribe-page/show-podcasts.png?fit=max&auto=format&n=DpWqQpvHY5Pwxj4F&q=85&s=1b530dd5b3ec39acbf8689d6155da1a8" alt="Enable podcast thumbnails on the subscription page" width="1440" height="558" data-path="images/customize/subscribe-page/show-podcasts.png" />
</Frame>

<RelatedDocs
  link1={{
url: "/configuration/branding/branding/",
label: "Customize your branding",
}}
  link2={{
url: "/website-builder/pages/create-a-page/",
label: "Create a website page",
}}
  link3={{
url: "/newsletters/hosted-newsletter/create-a-post/",
label: "Create a members-only post",
}}
  link4={{
url: "/website-builder/settings/member-website-settings/",
label: "Edit your website settings",
}}
/>
