Platform 2 Guide — This article applies to the new platform. Looking for classic platform docs? Browse the Platform 1 collection.
Why: Create stunning, customized pages for your app effortlessly. The Page Builder allows you to arrange content blocks, ensuring your members have a seamless experience navigating your app.
Navigate: App Station > Pages & Menu
Quick Start
Navigate to the Site Structure page in App Station.
Click Create New Page.
Choose to start with a Blank page or Duplicate existing page.
Use the Add Block button to select and add blocks to your page.
Configure each block's settings and click Save to publish.
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 various blocks to design your pages according to your brand and content strategy.
Key Features
Custom Pages: Create unique pages tailored to your app's needs.
Flexible Content Blocks: Choose from a variety of blocks to display different types of content.
Drag-and-Drop Functionality: Easily rearrange blocks on your page.
Configurable Detail Pages: Customize how recipes, meal plans, and other content 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, showing available block types.
Select a block type to add it to your page.
Available Block Types
WelcomeHero: Displays a personalized welcome message for members.
SearchBlock: Provides a search bar for content discovery.
ContentGrid: Displays content in a grid or list format, supporting various content types.
MediaBlock: Showcases images or videos.
MarketingBlocks: Used for promotional content and calls to action.
Configuring Blocks
Once a block is added, you can configure its settings:
Click on the block to open the configuration panel on the right.
Adjust settings such as layout, display options, and any specific content filters.
Save your changes to apply them.
Arranging Blocks
You can easily rearrange blocks on your page using drag-and-drop:
Click and hold the drag handle (⋮⋮) on the left side of the block.
Drag the block to your desired position.
Release to drop the block in place.
Tips for Arranging Blocks
Consider the flow of content for your members. Place important information at the top.
Use spacing and layout options to create a visually appealing design.
Preview your page frequently to see how changes affect the overall layout.
Page Publishing
After you’ve added and configured your blocks, you can publish your page:
Click the Publish button in the page detail view.
Your page will become visible to members based on your access level settings.
Previewing Your Page
Before publishing, you can preview how your page will look to different user types:
Click the Preview button.
Choose to view as an admin, guest, or specific access level.
Check that all content appears as expected.