Why: Create stunning, customized pages for your app without any coding. The Page Builder allows you to easily arrange and configure content blocks, enhancing your members' experience with personalized layouts.
Navigate: App Station > Page Builder
Quick Start
Navigate to the Page Builder in App Station.
Click Create New Page.
Drag and drop blocks from the left panel onto your canvas.
Configure each block's settings in the right sidebar.
Click Save to publish your changes.
Overview of the Page Builder
The Page Builder is a user-friendly tool that enables you to create custom pages for your app using a drag-and-drop interface. You can add various content blocks, arrange them as desired, and configure their settings to suit your needs.
Key Features
Unlimited Custom Pages: Create as many pages as you need for your app.
Flexible Content Blocks: Mix and match different types of blocks to create unique layouts.
Drag-and-Drop Functionality: Easily rearrange blocks on your page.
Configurable Detail Pages: Customize how individual content items like recipes and meal plans are displayed.
Adding and Configuring Blocks
Available Block Types
Here are some of the key block types you can use in the Page Builder:
WelcomeHero: Displays a personalized welcome message for logged-in members.
SearchBlock: Provides a search bar to help members find content quickly.
ContentGrid: Displays content in a grid or list format, supporting various content types like recipes and meal plans.
Custom HTML: Allows you to add any custom HTML content.
Adding Blocks
In the Page Builder, click the Add Block button.
A drawer will slide in from the left, displaying available blocks organized by category.
Click on the block you want to add, and it will appear on your canvas.
Screenshot needed: The Add Block button and block selection drawer
Configuring Blocks
After adding a block, you can configure its settings:
Click on the block on your canvas.
The configuration panel will appear on the right side.
Adjust settings such as layout options, content filters, and display styles as needed.
Changes are saved automatically.
Arranging Blocks
You can easily rearrange the order of 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 canvas.
Release the mouse button to drop the block in place.
Page SEO Settings
Each page you create can have its own SEO settings to improve visibility in search engines:
SEO Title: Override the default page title for search engines.
SEO Description: Provide a brief description of the page content.
SEO Keywords: Add relevant keywords for better search optimization.
To access these settings, click on the Settings tab while editing your page.
Previewing Your Page
Before publishing, you can preview how your page will look to different users:
Click the Preview button in the page header.
Choose to view the page as an admin, guest, or a member with a specific access level.
This allows you to see how content visibility changes based on access levels.
Related Features
Content Library: Manage all your recipes, meal plans, and resources.
Navigation Management: Create and organize navigation items for your app.
Analytics: Track how members interact with your content.
By utilizing the Page Builder, you can create engaging and personalized experiences for your members, enhancing their overall satisfaction with your app.