MemberPress and Full Site Editing

WordPress 5.8 introduced the first support for full site editing, a collection of WordPress features that focus on styling blocks and using blocks for all parts of a website, not only the content area. This tutorial is not an in-depth tutorial about full-site editing but an introduction to how to use full-site editing to build a membership page. If you want to learn more about full-site editing, you can check this document: https://developer.wordpress.org/block-editor/getting-started/full-site-editing/.

To use full site editing, you need to install a theme that supports it. To find themes in WordPress repositories that support this feature, navigate to Appearance > Themes, click Add New button at the top, Feature Filter tab, and check the Full Site Editing option. Then, click Apply Filters button, and you will see all themes that provide full site editing.

For the sake of this tutorial, I’ll use the default Twenty Twenty-Two theme to create a custom template for my membership pages.

To start creating a membership page in full site editing, you need to follow the steps below:

1. Create a new page in Pages section.

Hit Add New Page button and add the page title. Then, in the content, add the Registration block, and in MemberPress Signup Form, select the membership registration form you would like to display on that page.

2. Create a custom template for your memberships.

Stay on the same edit page and click the New link in the Template section in the sidebar. Then, add the template title in the popup window and hit Create button.

You will be redirected to the Full Site editing window, where you can edit your template.

3. Create new membership header

This step is optional. I’d like to create a custom header and use it only in all memberships, but you can do whatever you want. For example, you can add a custom footer, a template without any header and footer, or add some content that will appear in all memberships.

In this case, I’ll remove the page title and site headline and then add one of the header styles provided by the Twenty Twenty-Two theme.

Now, when I visit my membership page, I can see a custom header.

4. Create pages for other memberships and select a new template for them.

The last step is to create a page for each membership, as I did in step 1, but this time you also need to select your new template in the Template section.

That’s it. You can play with all templates provided by your theme and create custom templates for your memberships and Account page.