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

# Create a page

> Create a public page on your Memberful member website to share information, offer free samples of members-only content, host videos, or invite new members.

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

<Columns cols={3}>
  <Card title="Welcome page" href="https://caffeinatedinsights.memberful.com/pages/welcome">
    View welcome page
  </Card>

  <Card title="Home page" href="https://theechochamber.memberful.com/">
    View home page
  </Card>

  <Card title="Team page" href="https://oliveandthyme.memberful.com/pages/team">
    View team page
  </Card>
</Columns>

Pages on your Memberful member website let you share information, host videos, and invite new members. You can build them from a set of blocks and choose who can view each block.

In this help article, we'll show you how to create and customize pages on your member website so you can shape the experience for visitors and members.

## Enable or disable the member website

Memberful includes a member website feature, which is optional. This easy-to-use website saves you from having to set up and operate a custom website on your own server, so you can get up and running within minutes.

Memberful's member website is enabled by default, but you can disable it by going to the **Website** tab, clicking the **gear** icon, and selecting **Hidden**.

<Frame>
  <img src="https://mintcdn.com/memberful/zYLh3TXlaBz-i7pK/images/hosted-member-website/create-a-page/hide-member-website.png?fit=max&auto=format&n=zYLh3TXlaBz-i7pK&q=85&s=4b38209de0ea8fc8b417815101e87d7c" alt="Hide member website" width="1440" height="1155" data-path="images/hosted-member-website/create-a-page/hide-member-website.png" />
</Frame>

To enable the website again, go to the **Website** tab, click the **gear** icon, and select either **Public** or **Members-only**.

<Frame>
  <img src="https://mintcdn.com/memberful/zYLh3TXlaBz-i7pK/images/hosted-member-website/create-a-page/enable-member-website.png?fit=max&auto=format&n=zYLh3TXlaBz-i7pK&q=85&s=d40f249589f85e91dba025c82ec64ab3" alt="Enable member website" width="1440" height="1071" data-path="images/hosted-member-website/create-a-page/enable-member-website.png" />
</Frame>

## Create a new page

To create a new page, go to the **Website** tab, click the **plus** icon next to *Pages,* and click **Page**.

<Frame>
  <img src="https://mintcdn.com/memberful/Moz9yAaspGA5hBwB/images/hosted-member-website/create-a-page/create-a-new-page.png?fit=max&auto=format&n=Moz9yAaspGA5hBwB&q=85&s=d8099371cba152fdf7b7cc66c108f0fc" alt="Create a new page" width="1440" height="395" data-path="images/hosted-member-website/create-a-page/create-a-new-page.png" />
</Frame>

Enter a navigation label and page URL, then click **Create.**

<Frame>
  <img src="https://mintcdn.com/memberful/zYLh3TXlaBz-i7pK/images/hosted-member-website/create-a-page/enter-page-label-and-url.png?fit=max&auto=format&n=zYLh3TXlaBz-i7pK&q=85&s=efeb3683633884cc6c96d48b43b92da6" alt="Enter page label and URL" width="1440" height="846" data-path="images/hosted-member-website/create-a-page/enter-page-label-and-url.png" />
</Frame>

An empty content block will be included by default. Click **Start typing...** to customize the content of your page.

<Frame>
  <img src="https://mintcdn.com/memberful/zYLh3TXlaBz-i7pK/images/hosted-member-website/create-a-page/start-typing.png?fit=max&auto=format&n=zYLh3TXlaBz-i7pK&q=85&s=aa50ebaa9c3539fca1ccefd41d7a9653" alt="Start typing" width="1440" height="575" data-path="images/hosted-member-website/create-a-page/start-typing.png" />
</Frame>

## Add content to the page

Click the **plus** icon in the top right corner to add a new block to the page.

<Frame>
  <img src="https://mintcdn.com/memberful/Moz9yAaspGA5hBwB/images/hosted-member-website/create-a-page/add-block-button.png?fit=max&auto=format&n=Moz9yAaspGA5hBwB&q=85&s=49f8fe8287c4748055d4d42d27ff416a" alt="Add block button" width="1440" height="415" data-path="images/hosted-member-website/create-a-page/add-block-button.png" />
</Frame>

You can also hover your cursor over an existing block and click the **plus** icon at the bottom of it to add a new block below it.

<Frame>
  <img src="https://mintcdn.com/memberful/Moz9yAaspGA5hBwB/images/hosted-member-website/create-a-page/add-block-below-button.png?fit=max&auto=format&n=Moz9yAaspGA5hBwB&q=85&s=8118e4f0a0a9e8ab0edbf175e1928e17" alt="Add block below button" width="1440" height="186" data-path="images/hosted-member-website/create-a-page/add-block-below-button.png" />
</Frame>

Pick the type of block you'd like to add. There are several types of blocks you can add to your page: Banner, Button, Columns, Content, Divider, Image, Title, Video, Podcast banner, or Podcast episodes.

<Frame>
  <img src="https://mintcdn.com/memberful/zYLh3TXlaBz-i7pK/images/hosted-member-website/create-a-page/pick-block-type.png?fit=max&auto=format&n=zYLh3TXlaBz-i7pK&q=85&s=b4ae97f99d69642e0d2f7d22a110d5f3" alt="Pick block type" width="1440" height="1072" data-path="images/hosted-member-website/create-a-page/pick-block-type.png" />
</Frame>

To rearrange the order of your content blocks, click the block you want to move to select it, then click the **up** or **down** icons that appear in the top right corner of the block.

<Frame>
  <img src="https://mintcdn.com/memberful/zYLh3TXlaBz-i7pK/images/hosted-member-website/create-a-page/rearrange-blocks.gif?s=cf1464e00ff83400ff26346bf0a6910f" alt="Rearrange content blocks" width="816" height="534" data-path="images/hosted-member-website/create-a-page/rearrange-blocks.gif" />
</Frame>

To delete a content block, hover your cursor over the block you want to delete, then click the **trash can** button that appears in the top right corner of the block.

<Frame>
  <img src="https://mintcdn.com/memberful/zYLh3TXlaBz-i7pK/images/hosted-member-website/create-a-page/remove-block.png?fit=max&auto=format&n=zYLh3TXlaBz-i7pK&q=85&s=7d30a4eb47cb2bd93c50abd07a39f480" alt="Remove block" width="1440" height="417" data-path="images/hosted-member-website/create-a-page/remove-block.png" />
</Frame>

## Customize blocks

#### Banner block settings

Banner blocks may include a background image, a subheading, and a button, although only the title is required.

Banner blocks can have a background color or a background image. If you decide to add a background image, we recommend an image that is at least 1920px wide to ensure the best display quality.

You can optionally add a subtitle and a button to the banner. If you enable the banner's button, you'll be able to choose the button's color, shape (rounded or square), and the link or destination that visitors will be taken to when they click it, whether that's your [subscribe page](/website-builder/pages/subscribe-page/) or a custom URL.

<Frame>
  <img src="https://mintcdn.com/memberful/Moz9yAaspGA5hBwB/images/hosted-member-website/create-a-page/custom-banner-button-url.png?fit=max&auto=format&n=Moz9yAaspGA5hBwB&q=85&s=8c3ae82c103c7bcd0294c6c485df8850" alt="Custom banner button URL" width="1440" height="1421" data-path="images/hosted-member-website/create-a-page/custom-banner-button-url.png" />
</Frame>

Click any of the labels in the preview area to edit them.

<Frame>
  <img src="https://mintcdn.com/memberful/Moz9yAaspGA5hBwB/images/hosted-member-website/create-a-page/edit-banner-labels.png?fit=max&auto=format&n=Moz9yAaspGA5hBwB&q=85&s=c6dd2fa55fbf48eb05d42ebb34b1fdbc" alt="Edit banner labels" width="1440" height="658" data-path="images/hosted-member-website/create-a-page/edit-banner-labels.png" />
</Frame>

#### Button block settings

Button blocks are simple buttons that can be linked to a URL.

You can choose a background color for your button block, as well as whether to align the button to the left or center.

You'll be able to choose the button's color, shape (rounded or square), and the link or destination that visitors will be taken to when they click it, whether that's your [subscribe page](/website-builder/pages/subscribe-page/) or a custom URL.

<Frame>
  <img src="https://mintcdn.com/memberful/Moz9yAaspGA5hBwB/images/hosted-member-website/create-a-page/button-block-settings.png?fit=max&auto=format&n=Moz9yAaspGA5hBwB&q=85&s=01d1178aca2399bef38bc64c0ea2a51b" alt="Button block settings" width="1440" height="1271" data-path="images/hosted-member-website/create-a-page/button-block-settings.png" />
</Frame>

#### Columns block settings

Columns blocks allow you to show two columns of content side by side, whether it's two text columns, an image and text, or a title text.

You can choose a background color for your columns block, as well as its layout. You can choose between two columns of text, an image and text, or a title and text.

<Callout icon="info" color="#22E273">
  When using two text columns, the Columns block doesn't create two separate text editors. Instead, it automatically styles your text into two columns once the content reaches a certain length.
</Callout>

<Frame>
  <img src="https://mintcdn.com/memberful/Moz9yAaspGA5hBwB/images/hosted-member-website/create-a-page/columns-block-settings-text-only.png?fit=max&auto=format&n=Moz9yAaspGA5hBwB&q=85&s=9b9cdf8900374738186ba271bba6fee3" alt="Columns block settings - Text only" width="1440" height="568" data-path="images/hosted-member-website/create-a-page/columns-block-settings-text-only.png" />
</Frame>

If you choose an image and text layout, you can upload an image, choose its tint, and set its opacity. You can also choose whether the image should be aligned to the left or right.

<Frame>
  <img src="https://mintcdn.com/memberful/Moz9yAaspGA5hBwB/images/hosted-member-website/create-a-page/columns-block-settings-image-and-text.png?fit=max&auto=format&n=Moz9yAaspGA5hBwB&q=85&s=47b3310f85abdb88c06eb733fefee084" alt="Columns block settings - Image and text" width="1440" height="830" data-path="images/hosted-member-website/create-a-page/columns-block-settings-image-and-text.png" />
</Frame>

If you choose a title and text layout, you can choose whether the text should be aligned to the left or right.

<Frame>
  <img src="https://mintcdn.com/memberful/Moz9yAaspGA5hBwB/images/hosted-member-website/create-a-page/columns-block-settings-title-and-text.png?fit=max&auto=format&n=Moz9yAaspGA5hBwB&q=85&s=8d3e6d3886fdf8d4fc5d78f197db0ab2" alt="Columns block settings - Title and text" width="1440" height="430" data-path="images/hosted-member-website/create-a-page/columns-block-settings-title-and-text.png" />
</Frame>

#### Content block settings

Content blocks are simple text blocks, although they can contain images and videos as well.

Use the icons at the bottom of the page to format your content and add elements like links and images.

<Frame>
  <img src="https://mintcdn.com/memberful/Moz9yAaspGA5hBwB/images/hosted-member-website/create-a-page/edit-content-block-text.png?fit=max&auto=format&n=Moz9yAaspGA5hBwB&q=85&s=44885e7af5149f5e9ad296097084745f" alt="Edit text block content" width="1440" height="591" data-path="images/hosted-member-website/create-a-page/edit-content-block-text.png" />
</Frame>

You can also drag and drop images from your computer into the content editor.

<Frame>
  <img src="https://mintcdn.com/memberful/Moz9yAaspGA5hBwB/images/hosted-member-website/create-a-page/drag-and-drop-images.png?fit=max&auto=format&n=Moz9yAaspGA5hBwB&q=85&s=78bfeca51920f21aac5fa39f4836f695" alt="Drag and drop images" width="1440" height="576" data-path="images/hosted-member-website/create-a-page/drag-and-drop-images.png" />
</Frame>

Images will be automatically resized to fit the width of the content area.

If you'd like an image to appear smaller than the full width of the content editor, use your favorite image-editing app or a free online tool like [this one](https://onlinetools.com/image/pad-image) to add some margins to the left and right of the image before uploading it.

If you'd like to make the image cover the full width of the page, or if you'd like to use a different background color around it, [add an image block](#image-block-settings) to unlock further customization.

To turn an image into a clickable link, click the image in the editor, then click the **link** icon that appears on it.

<Frame>
  <img src="https://mintcdn.com/memberful/zYLh3TXlaBz-i7pK/images/hosted-member-website/create-a-page/link-image.png?fit=max&auto=format&n=zYLh3TXlaBz-i7pK&q=85&s=c64b41bc9f89b8ccbef4336bbec10e31" alt="Link image" width="1440" height="1096" data-path="images/hosted-member-website/create-a-page/link-image.png" />
</Frame>

Memberful will automatically use the name of the image file as the caption. Click the caption to enter a custom one.

<Frame>
  <img src="https://mintcdn.com/memberful/Moz9yAaspGA5hBwB/images/hosted-member-website/create-a-page/edit-image-caption.png?fit=max&auto=format&n=Moz9yAaspGA5hBwB&q=85&s=c8d26ec4ea3937c00682f807a2bdf30a" alt="Edit image caption" width="1440" height="1026" data-path="images/hosted-member-website/create-a-page/edit-image-caption.png" />
</Frame>

To embed a video, paste the URL of a video from YouTube or Vimeo into the content editor, and it will be automatically embedded. Only YouTube and Vimeo videos are supported at this time.

While you're in the editor, we'll display a thumbnail of your video as a placeholder, but it will be replaced with the actual embedded video when you publish the page or preview it by exiting the editor.

<Frame>
  <img src="https://mintcdn.com/memberful/Moz9yAaspGA5hBwB/images/hosted-member-website/create-a-page/embed-videos.gif?s=b3850a7dde56840647fef6441db6b159" alt="Embed videos into pages" width="1388" height="863" data-path="images/hosted-member-website/create-a-page/embed-videos.gif" />
</Frame>

Videos will be automatically resized to fit the width of the content area. If you'd like to make the video cover the full width of the page, or if you'd like to use a different background color around it, [add a video block](#video-block-settings) to unlock further customization.

Additionally, you can configure who should be able to see this content, so you can display the content for members only. [Learn more about this setting](#select-who-can-see-a-content-block).

#### Divider block settings

Divider blocks are horizontal lines that can be used to separate content.

Divider blocks allow you to pick the style and color of the divider, as well as the background color of the block.

<Frame>
  <img src="https://mintcdn.com/memberful/Moz9yAaspGA5hBwB/images/hosted-member-website/create-a-page/divider-block-settings.png?fit=max&auto=format&n=Moz9yAaspGA5hBwB&q=85&s=94509eb771a7d1aa083851ea7e4d9f1c" alt="Divider block settings" width="1440" height="578" data-path="images/hosted-member-website/create-a-page/divider-block-settings.png" />
</Frame>

#### Image block settings

Image blocks allow you to display an image in its own block, as opposed to within a content block. This allows you to give it more room and put a different background color behind it, or to expand it to cover the whole width of the page.

Click the image placeholder or drag and drop a JPEG or PNG file into it to upload your image.

<Frame>
  <img src="https://mintcdn.com/memberful/zYLh3TXlaBz-i7pK/images/hosted-member-website/create-a-page/upload-image-to-image-block.png?fit=max&auto=format&n=zYLh3TXlaBz-i7pK&q=85&s=14bd5f847cfadf7361b665a756d1c911" alt="Upload image to image block" width="1440" height="535" data-path="images/hosted-member-website/create-a-page/upload-image-to-image-block.png" />
</Frame>

Memberful will automatically use the name of the image file as the caption. Click the caption to enter a custom one.

<Frame>
  <img src="https://mintcdn.com/memberful/Moz9yAaspGA5hBwB/images/hosted-member-website/create-a-page/edit-image-caption.png?fit=max&auto=format&n=Moz9yAaspGA5hBwB&q=85&s=c8d26ec4ea3937c00682f807a2bdf30a" alt="Edit image caption" width="1440" height="1026" data-path="images/hosted-member-website/create-a-page/edit-image-caption.png" />
</Frame>

You can choose whether the image should be displayed at full width or within the confines of the main container (aligned with text content).

<Frame>
  <img src="https://mintcdn.com/memberful/zYLh3TXlaBz-i7pK/images/hosted-member-website/create-a-page/image-block-width-example.png?fit=max&auto=format&n=zYLh3TXlaBz-i7pK&q=85&s=6e5de8ae4ece231914414ac89b7d6a0e" alt="Image block width example" width="1440" height="827" data-path="images/hosted-member-website/create-a-page/image-block-width-example.png" />
</Frame>

You can also choose whether the image should be clickable and where it should link to, as well as the tint color and opacity of the image.

You can also choose a background color for the block (only visible if the video isn't full width).

<Frame>
  <img src="https://mintcdn.com/memberful/zYLh3TXlaBz-i7pK/images/hosted-member-website/create-a-page/image-block-settings.png?fit=max&auto=format&n=zYLh3TXlaBz-i7pK&q=85&s=9a02c615167fe69589526f859c18467b" alt="Image block settings" width="1440" height="876" data-path="images/hosted-member-website/create-a-page/image-block-settings.png" />
</Frame>

#### Title block settings

Title blocks allow you to add a headline to your page.

You can choose a background color for the block.

<Frame>
  <img src="https://mintcdn.com/memberful/zYLh3TXlaBz-i7pK/images/hosted-member-website/create-a-page/title-block-settings.png?fit=max&auto=format&n=zYLh3TXlaBz-i7pK&q=85&s=a7a342bcb8d3f103c8b2d4b7406de375" alt="Title block settings" width="1440" height="348" data-path="images/hosted-member-website/create-a-page/title-block-settings.png" />
</Frame>

#### Video block settings

Video blocks allow you to upload hosted videos or embed video URLs to display a video in its own block, as opposed to within a content block. This allows you to give it more room and put a different background color behind it, or to expand it to cover the whole width of the page.

<Frame>
  <img src="https://mintcdn.com/memberful/Moz9yAaspGA5hBwB/images/hosted-member-website/create-a-page/add-video-block-url.png?fit=max&auto=format&n=Moz9yAaspGA5hBwB&q=85&s=2f0573ed9114e8e7060ccce202c63e3e" alt="Add video block URL" width="1440" height="576" data-path="images/hosted-member-website/create-a-page/add-video-block-url.png" />
</Frame>

You can choose whether the video should be displayed at full width or within the confines of the main container (aligned with text content).

You can also choose a background color for the block (only visible if the video isn't full width).

<Frame>
  <img src="https://mintcdn.com/memberful/zYLh3TXlaBz-i7pK/images/hosted-member-website/create-a-page/video-block-settings.png?fit=max&auto=format&n=zYLh3TXlaBz-i7pK&q=85&s=950cc0f16a6e937e66bbb75c8db9ca00" alt="Video block settings" width="1440" height="1158" data-path="images/hosted-member-website/create-a-page/video-block-settings.png" />
</Frame>

#### Podcast banner block settings

Podcast banner blocks allow you to showcase a members-only podcast on your page.

Members will see the podcast's title, cover art, description, and a button with a call to action.

<Frame>
  <img src="https://mintcdn.com/memberful/zYLh3TXlaBz-i7pK/images/hosted-member-website/create-a-page/podcast-banner-block.png?fit=max&auto=format&n=zYLh3TXlaBz-i7pK&q=85&s=2db4baab16fabbc508e237ab265cd8f6" alt="Podcast banner block" width="1440" height="723" data-path="images/hosted-member-website/create-a-page/podcast-banner-block.png" />
</Frame>

Once you select a podcast, the title and cover art are loaded from the RSS feed and cannot be edited. The description is also fetched from the RSS feed but it can be edited.

You'll be able to choose the button's label, color and shape (rounded or square), in addition to the link or destination that visitors will be taken to when they click it, whether that's your [subscribe page](/website-builder/pages/subscribe-page/) or a custom URL. You can also choose a background color for the block.

<Frame>
  <img src="https://mintcdn.com/memberful/zYLh3TXlaBz-i7pK/images/hosted-member-website/create-a-page/podcast-banner-block-settings.png?fit=max&auto=format&n=zYLh3TXlaBz-i7pK&q=85&s=a00b4666f1e453d62e199b739e3869c2" alt="Podcast banner block settings" width="1440" height="957" data-path="images/hosted-member-website/create-a-page/podcast-banner-block-settings.png" />
</Frame>

#### Podcast episodes block settings

The podcast episodes block allows you to display a list of podcast episodes on your page.

<Frame>
  <img src="https://mintcdn.com/memberful/zYLh3TXlaBz-i7pK/images/hosted-member-website/create-a-page/podcast-episode-block.png?fit=max&auto=format&n=zYLh3TXlaBz-i7pK&q=85&s=b65de3390ab017e599ac2320bef1e0f1" alt="Podcast episodes block" width="1440" height="920" data-path="images/hosted-member-website/create-a-page/podcast-episode-block.png" />
</Frame>

Once you select a podcast, Memberful will display a list of episodes, each with its own cover art if it exists, or the podcast's cover art if it doesn't. The episode's title, description, and duration (if available) will also be displayed. The "view all" link takes the member to an archive page that lists the podcast's episodes.

Episodes are also posts, and if the post is assigned to a category, we'll display a link to the category as well.

The only setting for this block is the selection of which podcast to display.

## Upload videos to a page

You can upload video files via video blocks or drag and drop video files into your page for *paid members*. When creating your video files we recommend following our [video processing guidelines](/website-builder/video-content/video-processing) to ensure ideal streaming.

To upload your video, go to your page, [add content to your page](/website-builder/pages/create-a-page/#add-content-to-the-page) and click the **Video** block icon:

<Frame>
  <img src="https://mintcdn.com/memberful/Moz9yAaspGA5hBwB/images/hosted-member-website/add-video-content/add-content-video-block.png?fit=max&auto=format&n=Moz9yAaspGA5hBwB&q=85&s=bb0e71ef19ca43cdb5c108448c174630" alt="Video block icon" width="1440" height="630" data-path="images/hosted-member-website/add-video-content/add-content-video-block.png" />
</Frame>

**Drag and drop** your video or click **Browse your files** to select the video file to upload:

<Frame>
  <img src="https://mintcdn.com/memberful/Moz9yAaspGA5hBwB/images/hosted-member-website/add-video-content/video-drag-and-drop.png?fit=max&auto=format&n=Moz9yAaspGA5hBwB&q=85&s=9a2650150c7662d9a17337ec6f73885e" alt="Video drag and drop" width="1440" height="576" data-path="images/hosted-member-website/add-video-content/video-drag-and-drop.png" />
</Frame>

A progress bar keeps you informed as your video uploads and processes. If a post is saved while the video is still processing, the video will only be visible on the website after the processing is complete.

[Learn more](/website-builder/video-content/video-processing#review-available-processing-messages) about the video upload messages available.

<Frame>
  <img src="https://mintcdn.com/memberful/Moz9yAaspGA5hBwB/images/hosted-member-website/add-video-content/video-progress-bar.png?fit=max&auto=format&n=Moz9yAaspGA5hBwB&q=85&s=f28188cd8fe52c6e3a945fbe9f4e9139" alt="Video progress bar" width="1440" height="346" data-path="images/hosted-member-website/add-video-content/video-progress-bar.png" />
</Frame>

<Callout icon="info" color="#22E273">
  Memberful Video gives you plenty of room to share your content: Up to 30 minutes per video on pages using website blocks. You also have an upload limit of 20 hours in any given month.
</Callout>

If you'd like to offer videos to *free* or *inactive members*, you can paste a YouTube or Vimeo video URL into the content editor of a video block.

[Learn more](/website-builder/video-content/restrict-access-to-video-content/#choose-a-video-hosting-platform) about using Vimeo or YouTube.

<Frame>
  <img src="https://mintcdn.com/memberful/23gq4PX78U5wQ4xs/images/hosted-member-website/create-a-page/add-video-block-url-youtube-vimeo.png?fit=max&auto=format&n=23gq4PX78U5wQ4xs&q=85&s=7cbeb86da989e62bbc425214703ce343" alt="Embed Youtube or Vimeo link into posts" width="1440" height="576" data-path="images/hosted-member-website/create-a-page/add-video-block-url-youtube-vimeo.png" />
</Frame>

If you run into errors, [learn more](/website-builder/video-content/video-processing#troubleshooting-video-files) about troubleshooting videos.

## Select who can see a content block

You can choose who can see individual content blocks on your page.

To do so, click the **gear** icon in the top-right corner of the content block you want to configure. Then, select the appropriate option under *Who can read this content?*

<Frame>
  <img src="https://mintcdn.com/memberful/Moz9yAaspGA5hBwB/images/hosted-member-website/create-a-page/block-audience.png?fit=max&auto=format&n=Moz9yAaspGA5hBwB&q=85&s=57a116d5dc5e0de2489fddef72a0cee7" alt="Block audience" width="1440" height="332" data-path="images/hosted-member-website/create-a-page/block-audience.png" />
</Frame>

A content block on your page can be made available to everyone (including non-members), active members on *all* plans, or only to active members on *select* plans. However, a page with uploaded video can only be made available to paid members on *all* plans or *select* plans.

When you choose to target only members on select plans, you can choose which plans should be included.

<Frame>
  <img src="https://mintcdn.com/memberful/Moz9yAaspGA5hBwB/images/hosted-member-website/create-a-page/block-audience-select-plans.png?fit=max&auto=format&n=Moz9yAaspGA5hBwB&q=85&s=654193a646c9c1f2bbf4642f77c8c9b2" alt="Block audience — select plans" width="1440" height="860" data-path="images/hosted-member-website/create-a-page/block-audience-select-plans.png" />
</Frame>

If your content block is set to be visible only to active members, you can choose whether to show a paywall or hide the content.

<Frame>
  <img src="https://mintcdn.com/memberful/zYLh3TXlaBz-i7pK/images/hosted-member-website/create-a-page/show-paywall-button.png?fit=max&auto=format&n=zYLh3TXlaBz-i7pK&q=85&s=12e9d005292bb054b49ddb5208f5eea4" alt="Show paywall button" width="1440" height="211" data-path="images/hosted-member-website/create-a-page/show-paywall-button.png" />
</Frame>

Here's what a paywall looks like:

<Frame>
  <img src="https://mintcdn.com/memberful/zYLh3TXlaBz-i7pK/images/hosted-member-website/create-a-page/paywall-example.png?fit=max&auto=format&n=zYLh3TXlaBz-i7pK&q=85&s=0bf3a64d99cdc0ef28219c725c0740bb" alt="Paywall example" width="1440" height="1013" data-path="images/hosted-member-website/create-a-page/paywall-example.png" />
</Frame>

If you choose to show a paywall, you can choose whether to show a short excerpt of the content block, before fading out into a paywall.

<Frame>
  <img src="https://mintcdn.com/memberful/zYLh3TXlaBz-i7pK/images/hosted-member-website/create-a-page/show-excerpt-button.png?fit=max&auto=format&n=zYLh3TXlaBz-i7pK&q=85&s=4124675e2515ae21a963bbd0d05427fb" alt="Show excerpt button" width="1440" height="236" data-path="images/hosted-member-website/create-a-page/show-excerpt-button.png" />
</Frame>

Here's what a paywall with an excerpt looks like:

<Frame>
  <img src="https://mintcdn.com/memberful/zYLh3TXlaBz-i7pK/images/hosted-member-website/create-a-page/excerpt-example.png?fit=max&auto=format&n=zYLh3TXlaBz-i7pK&q=85&s=8c977ae32c89710d2b029efce886b1da" alt="Excerpt example" width="1440" height="1209" data-path="images/hosted-member-website/create-a-page/excerpt-example.png" />
</Frame>

## Select who can see this page in the navigation

In addition to choosing who can view the content blocks on your page, you can choose who can see links to your page in their navigation: everyone (including non-members), or members only (free and paid).

To choose who can see your page in their navigation, click the **gear** icon in the top-right corner of the page editor or hover your cursor over the page in the list of pages and click the **gear** icon. Then, select the appropriate option under *Who can see this page?*

<Frame>
  <img src="https://mintcdn.com/memberful/zYLh3TXlaBz-i7pK/images/hosted-member-website/create-a-page/page-navigation-audience-targeting.png?fit=max&auto=format&n=zYLh3TXlaBz-i7pK&q=85&s=ecf025c2e75fbdcead5a8e23a9e0cd3c" alt="Page navigation audience target" width="1440" height="441" data-path="images/hosted-member-website/create-a-page/page-navigation-audience-targeting.png" />
</Frame>

## Preview the page

Memberful shows a live preview of what the page will look like to your members. To see a more accurate preview of your page, exit the editor. The non-editable preview shows embedded videos and other elements that might not be accurately depicted while editing.

Keep in mind that the preview doesn't work exactly like your live member website, as the navigation elements won't be clickable, and the paywall inviting non-members to subscribe won't be displayed.

## Pick a navigation label

To choose a navigation label for your page, click the **gear** icon in the top-right corner of the page editor or hover your cursor over the page in the list of pages and click the **gear** icon. Then, enter the desired label under *Navigation label*.

<Frame>
  <img src="https://mintcdn.com/memberful/zYLh3TXlaBz-i7pK/images/hosted-member-website/create-a-page/navigation-label.png?fit=max&auto=format&n=zYLh3TXlaBz-i7pK&q=85&s=379076ef04c953bba0d3da8110373b6c" alt="Navigation label" width="1440" height="515" data-path="images/hosted-member-website/create-a-page/navigation-label.png" />
</Frame>

If you later make this page your homepage, the navigation label will also be used in the member account area menu.

<Frame>
  <img src="https://mintcdn.com/memberful/zYLh3TXlaBz-i7pK/images/hosted-member-website/create-a-page/navigation-label-in-member-account-area.png?fit=max&auto=format&n=zYLh3TXlaBz-i7pK&q=85&s=8f91d1576f0b2c82630caaca6a529ec2" alt="Navigation label in member account area" width="1440" height="703" data-path="images/hosted-member-website/create-a-page/navigation-label-in-member-account-area.png" />
</Frame>

## Edit the page URL

Memberful will automatically generate a URL for your page based on the navigation label. You can specify a custom URL instead.

To do so, click the **gear** icon in the top-right corner of the page editor or hover your cursor over the page in the list of pages and click the **gear** icon. Then, enter the desired URL under *Page URL*.

<Frame>
  <img src="https://mintcdn.com/memberful/Moz9yAaspGA5hBwB/images/hosted-member-website/create-a-page/edit-page-url.png?fit=max&auto=format&n=Moz9yAaspGA5hBwB&q=85&s=c57d52b8c260a105bca4f1378db6e3b8" alt="Edit page URL" width="1440" height="515" data-path="images/hosted-member-website/create-a-page/edit-page-url.png" />
</Frame>

Keep in mind that this only determines what comes after your Memberful website's domain name and the /page/ subdirectory. For example, if your Memberful website is `https://hipbean.memberful.com`, and you enter `coffee-beans` as the page URL, the full URL for the page will be `https://hipbean.memberful.com/pages/coffee-beans`.

## Publish the page

While you're working on your page, you can save the current draft by clicking the **Save draft** button in the top-left corner of the page editor.

<Frame>
  <img src="https://mintcdn.com/memberful/zYLh3TXlaBz-i7pK/images/hosted-member-website/create-a-page/save-draft-button.png?fit=max&auto=format&n=zYLh3TXlaBz-i7pK&q=85&s=5a0a1f20e2ae1b8f008fcba051876c24" alt="Save draft" width="1440" height="420" data-path="images/hosted-member-website/create-a-page/save-draft-button.png" />
</Frame>

When you're ready to publish your page, click the **Publish** button in the top-left corner of the page editor.

<Frame>
  <img src="https://mintcdn.com/memberful/zYLh3TXlaBz-i7pK/images/hosted-member-website/create-a-page/publish-page-button.png?fit=max&auto=format&n=zYLh3TXlaBz-i7pK&q=85&s=e1fd1cc6e214fdf4b2f88cbef68f0328" alt="Publish page" width="1440" height="400" data-path="images/hosted-member-website/create-a-page/publish-page-button.png" />
</Frame>

Alternatively, you can publish it via the page's settings. Click the **gear** icon in the top-right corner of the page editor or hover your cursor over the page in the list of pages and click the **gear** icon. Then, enable **Publish this page**. If you later want to unpublish the page, you can disable this option.

<Frame>
  <img src="https://mintcdn.com/memberful/zYLh3TXlaBz-i7pK/images/hosted-member-website/create-a-page/publish-page-via-page-settings.png?fit=max&auto=format&n=zYLh3TXlaBz-i7pK&q=85&s=a3c51c4fe7b84fa015c76983af3428bb" alt="Publish page via page settings" width="1440" height="598" data-path="images/hosted-member-website/create-a-page/publish-page-via-page-settings.png" />
</Frame>

## View a published page

Once you've published a page and [enabled the member website](#enable-or-disable-the-member-website), you'll be able to view it on the live website by clicking the **arrow** icon in the top-right corner of the page editor.

<Frame>
  <img src="https://mintcdn.com/memberful/zYLh3TXlaBz-i7pK/images/hosted-member-website/create-a-page/view-page.png?fit=max&auto=format&n=zYLh3TXlaBz-i7pK&q=85&s=4b6918a765dd4ef93ecfba6a49ca4e29" alt="View page" width="1440" height="504" data-path="images/hosted-member-website/create-a-page/view-page.png" />
</Frame>

<RelatedDocs
  link1={{
url: "/website-builder/video-content/video-processing/",
label: "Best practices for processing videos.",
}}
  link2={{
url: "/website-builder/customization/customize-your-menu/",
label: "Edit your website's navigation.",
}}
  link3={{
url: "/website-builder/settings/member-website-settings/",
label: "Edit your member website's settings.",
}}
/>
