Skip to main content

Using the Page Builder

Using the Page Builder Why: Create visually appealing and customized pages for your app effortlessly. The Page Builder allows you to arrange conten...

Written by Ken Truesdale

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

  1. Navigate to the Pages section in App Station.

  2. Click Create New Page.

  3. Choose to start with a Blank Page or App Template.

  4. Use the Add Block button to select and add blocks to your page.

  5. 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

  1. In the Page Builder, click the Add Block button.

  2. A drawer will slide in from the left, displaying available block types.

  3. Browse through the categories and select the block you want to add.

  4. Click on the block to add it to your page.

Configuring Blocks

Once a block is added, you can configure its settings:

  1. Click on the block to open its configuration panel.

  2. Adjust the settings as needed, such as titles, images, and layout options.

  3. 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:

  1. Click and hold the drag handle (⋮⋮) on the left side of the block.

  2. Drag the block to your desired position on the page.

  3. 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:

  1. Click the Publish button in the page detail view.

  2. 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:

  1. Click the Preview button in the page header.

  2. Select different access levels to see how content appears to admins, guests, or specific member access levels.

Did this answer your question?