Go to Clubs & Subscriptions > Membership Widget.
The Membership Widget is where you control how your club pages look inside the Members One widget on your store. From this one page you can decide whether the club information section is shown, set how many product columns appear, add your own introductory content, and apply custom CSS to fine-tune the appearance. This lets you match the widget to your website's look and feel without touching your store's theme.
For an overview of what the platform does before you customise the widget, see Members One subscription club software.
The page is split into two tabs, Club Page Editor and Custom CSS. Each is covered in more detail in its own article, and this page brings the two together so you know where everything lives.
How the Widget Appears on Your Store
The Members One widget renders your subscription club pages directly on your store's website. When you connect your store and choose to create your club pages during setup, Members One generates the pages the widget needs, such as the club signup page and the club checkout page. Your members browse clubs, choose products, and set up a schedule inside these pages, all powered by the widget.
Where It Lives
- The settings on this page do not change what a club offers. They control the presentation of the club pages that the widget displays to your members on your store.
Club Page Editor
The Club Page Editor tab controls the visible parts of your club pages: the club info section, the product layout, and any custom content you would like to add above the widget.
Display Settings
- Display Club Info Section turns the club information section on your club pages on or off.
- Disable Snapping prevents the widget from snapping to predefined positions on the page, giving you more freedom over its placement.
Product Layout
- The Layouts option sets how many columns of products appear on your club pages. You can choose 2 Columns (Default) or 3 Columns.
Custom Content
- A rich text editor lets you add and format your own content for your club pages, including text, images, and links, to introduce your clubs and guide your members.
For full instructions on the Club Page Editor, including auto-loading the widget and designing your club page manually, see the Membership Page Editor article.
Custom CSS
The Custom CSS tab lets you apply your own CSS styles to personalise the appearance of the widget. Your styles override the default widget styles and are applied to the club pages displayed on your website.
Activate Custom CSS
- Use the toggle to enable or disable your custom styles. When disabled, only the default styles are applied.
Style Editor
- Write your CSS rules in the editor and save them. A tip within the tab suggests using your browser's developer tools to inspect elements and find the classes you want to target.
For a detailed walkthrough of writing and targeting styles, see the Custom CSS article.
Saving Your Changes
Note: Each tab saves independently. After making changes on the Club Page Editor or Custom CSS tab, select Submit on that tab to apply them. The Display Club Info Section, Disable Snapping, and Layouts settings save as soon as you change them, so you will see a confirmation without needing to press Submit.
If you need a hand setting up your club pages, please get in touch with our Members One support team.