Platform 2 Guide — This article applies to the new platform. Looking for classic platform docs? Browse the Platform 1 collection.
Why: Create visually appealing and customized pages for your app effortlessly. The Page Builder allows you to arrange content blocks, making it easier to deliver engaging experiences to your members.
Navigate: App Station > Pages
Quick Start
Navigate to the Pages section in App Station.
Click Create New Page.
Choose to start with a Blank Page or App Template.
Use the Add Block button to select and add blocks to your page.
Arrange and configure each block as needed.
Overview of the Page Builder
The Page Builder is a powerful tool that allows you to create custom pages for your app using flexible content blocks. You can mix and match different blocks to design pages that suit your brand and engage your members.
Key Features
Custom Pages: Create unique pages tailored to your app's needs.
Flexible Content Blocks: Choose from various block types to display different content.
Drag-and-Drop Functionality: Easily rearrange blocks to achieve your desired layout.
Configurable Detail Pages: Customize how individual content items like recipes and meal plans are displayed.
Adding and Configuring Blocks
Adding Blocks
In the Page Builder, click the Add Block button.
A drawer will slide in from the left, displaying available block types.
Browse through the categories and select the block you want to add.
Click on the block to add it to your page.
Configuring Blocks
Once a block is added, you can configure its settings:
Click on the block to open its configuration panel.
Adjust the settings as needed, such as titles, images, and layout options.
Use the Save button to apply your changes.
Available Block Types
Here are some commonly used block types you can add to your pages:
WelcomeHero Block: Displays a personalized welcome message for logged-in members.
SearchBlock: Provides a search bar for content discovery.
ContentGrid Block: Displays a grid or list of content items like recipes or meal plans.
Media Block: Showcases images or videos.
Feed Block: Displays blog posts in a chronological feed format.
Arranging Blocks
You can easily rearrange blocks on your page:
Click and hold the drag handle (⋮⋮) on the left side of the block.
Drag the block to your desired position on the page.
Release the mouse button to drop the block in place.
The Page Builder automatically saves your changes, so you don’t need to worry about losing your layout.
Page Publishing
Once you are satisfied with your page:
Click the Publish button in the page detail view.
Your page will be visible to members based on the access levels you've set.
Previewing Your Page
Before publishing, you can preview how your page will look to different user types:
Click the Preview button in the page header.
Select different access levels to see how content appears to admins, guests, or specific member access levels.
