> ## 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 subscribe page gives you a ready-made sales page for your plans. It's a good option when you don't have your own website or when you can't add a sales page to your existing site.

In this help article, we'll walk you through creating and customizing a subscription page, including setting up membership plans, applying your branding, and adding content like FAQs or testimonials.

<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>

## Create your plans

We need to have something to sell, so before we work on the subscription page, we'll create a membership plan.

To create your plan(s), log in to your Memberful dashboard, go to *Revenue → All plans,* and click [**New plan**](/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 plan" width="1440" height="146" data-path="images/customize/subscribe-page/plan-create-new.png" />
</Frame>

## Allow free registration (Optional)

Our free registration feature enables your members to sign up without any cost or obligation for a paid subscription.

To enable this feature, go to *Website → Free registration,* and toggle on **Allow free registration**. [Learn more about allowing free registration.](/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="Free registration toggle" width="1440" height="1312" data-path="images/customize/subscribe-page/free-registration-toggle.png" />
</Frame>

## Customize your branding

Your custom branding (including page background color, button color, and logo image) will be applied to your subscription page. Learn more about [customizing your branding](/configuration/branding/branding/).

## Add items and customize the page

Once you've created your plans, go to the **Website** tab, and hover over Subscribe to reveal and click the **gear** icon. Toggle on **Enable your subscribe page** in the modal, and 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 Subscribe Page" width="1440" height="645" data-path="images/customize/subscribe-page/enable-subscribe-page.png" />
</Frame>

To customize the content on the page, go to *Website → Subscribe*, and click **Edit page** in the top left-hand corner.

<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="Edit your subscribe page" width="1440" height="379" data-path="images/customize/subscribe-page/edit-your-subscribe-page.png" />
</Frame>

At the top of the page you can add a title and an optional description for the entire page. 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 page description" width="1440" height="362" data-path="images/customize/subscribe-page/page-description.png" />
</Frame>

Below that, you'll add selected plans, standalone downloads, or free registration to the page for members to select. While you can add as many as you like, we recommend a maximum of 4 items to make the page easier for visitors to scan and make a decision about their purchase.

To add an item, click the **New subscribe page item** button:

<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 plan button" width="1440" height="866" data-path="images/customize/subscribe-page/add-button.png" />
</Frame>

Then, select your plan, download, or free registration in the modal and 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="Add a plan modal" width="1440" height="679" data-path="images/customize/subscribe-page/add-modal.png" />
</Frame>

For each item you can customize the display name, the description, and the button label. Click to select each element, and make your changes. For the description, use the rich text controls to add bold text, italics, strike-throughs, links, and both bulleted and numbered lists.

The description is a great place to list the benefits your members will receive for signing up, or to compare each plan offering against the others to help your visitors make the best purchase.

<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="Edit the contents of items" width="1440" height="518" data-path="images/customize/subscribe-page/edit-items.png" />
</Frame>

To re-order the items on your page, hover over the item and then click and drag it by the bar that shows up above it.

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

If you're on a mobile touch-based device, click the up or down arrows to change the order of each item.

<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 plans on mobile" width="1440" height="823" data-path="images/customize/subscribe-page/reorder-plans-mobile.png" />
</Frame>

Below your items, you can add any additional content that you'd like. This is a great place to include a few FAQs about your membership, member testimonials, or contact information.

<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 additional content" width="1440" height="551" data-path="images/customize/subscribe-page/additional-content.png" />
</Frame>

Every subscription page includes a prominent link for members to log into their account at any time.

Any social media links you've configured for your website will also show up in the footer of your subscription page. [Learn more about configuring social media links.](/website-builder/settings/member-website-settings/#add-social-media-links)

## Enable or disable your subscription page

You can toggle your subscription page on or off by going to the **Website** tab, and hovering over Subscribe to reveal and click the **gear** icon. Toggle on or off **Enable your subscribe page** in the modal, and then click **Save.**

Toggling the switch on or off will determine whether this page can be accessed at the URL `ACCOUNT-URL.memberful.com/join`.

Toggling the switch off will mean that nobody can view your subscription page. This lets you make any changes you'd like before making it publicly available again.

<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 Subscribe Page" width="1440" height="645" data-path="images/customize/subscribe-page/enable-subscribe-page.png" />
</Frame>

When toggled on, you have your own custom subscription page. You can return to *Website → Subscribe* anytime to see what your subscription page looks like on different devices.

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

## Set as your welcome page

If you'd like to use your subscription page as the first page that new visitors see when they access your website, you can set it as your welcome page. To do this, go to the **Website** tab, and hover over Subscribe to reveal and click the **gear** icon. Toggle on **Make it your welcome page** in the modal, and 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="Make Welcome Page" width="1440" height="910" data-path="images/customize/subscribe-page/make-welcome-page.png" />
</Frame>

When you enable this, your subscription page will include a "Skip to preview" link at the bottom, which members can use to skip this page and go directly 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 to preview" width="1440" height="799" data-path="images/customize/subscribe-page/skip-to-preview.png" />
</Frame>

Memberful will remember this setting for 30 days. If the visitor returns to the site and they've previously skipped, they will be automatically redirected to the website.

## Show or hide podcasts on the Subscribe page

Your Subscribe page can display thumbnails of the podcasts that each plan includes. These thumbnails will be loaded automatically from your podcast 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 on subscription page" width="1440" height="956" data-path="images/customize/subscribe-page/podcast-thumbnails.png" />
</Frame>

To do this, go to the **Website** tab, and hover over *Subscribe* to reveal and click the **gear** icon. Toggle on **Show podcasts** in the modal, and 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="Show Podcasts" width="1440" height="558" data-path="images/customize/subscribe-page/show-podcasts.png" />
</Frame>

<RelatedDocs
  link1={{
url: "/website-builder/settings/member-website-settings/#add-social-media-links",
label: "Add social media links to the footer of your subscription page.",
}}
  link2={{
url: "/website-builder/pages/create-a-page/",
label: "Create a page on your hosted site.",
}}
  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 member website's settings.",
}}
/>
