Skip to main content

Designing Your App: The Complete Page Builder Guide

Designing Your App: The Complete Page Builder Guide Why: Create a stunning and personalized app experience for your subscribers by designing custom...

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 a stunning and personalized app experience for your subscribers by designing custom pages that showcase your content effectively. The Page Builder allows you to craft engaging layouts that highlight your recipes, meal plans, and resources, enhancing member engagement and satisfaction.

Navigate: App Station > Pages & Menu

Quick Start

  1. Navigate to App Station > Pages & Menu.

  2. Click Create New Page.

  3. Choose a Blank Page or Template to start.

  4. Add Blocks from the block selection drawer.

  5. Configure each block's settings and arrange them as desired.


Understanding the Page Builder

The Page Builder is a powerful tool that allows you to create custom pages for your app. At its core, pages are made up of blocks, which are configurable components that can be rearranged to suit your design needs. This flexibility enables you to create unique layouts that resonate with your audience.

How Pages Work

Each page in your app can be customized to display various types of content. You can create a page by adding blocks that serve different purposes, such as displaying recipes, meal plans, or marketing content.

To create a page:

  1. Go to the Pages & Menu section in the App Station.

  2. Click Create New Page and choose to start from scratch or use a template.

  3. Use the block selection drawer to add blocks to your page.

Types of Blocks Available

The Page Builder offers a variety of blocks to choose from, each designed for specific content types:

  • Content Grid Blocks: Display content in a grid or list format, allowing you to showcase recipes, meal plans, and resources.

  • Marketing Blocks: Create engaging landing pages with blocks like hero sections, testimonials, and pricing tables.

  • Media Blocks: Display images and videos in a visually appealing format, enhancing the user experience.

  • Search Blocks: Allow users to search for content across your app.

Content Grid Blocks

Content grid blocks are essential for displaying your content effectively. They can pull in and display various types of content, such as recipes and meal plans, in a visually appealing grid or list format.

  • Configuration Options: You can customize how many items to display, the layout style (grid or list), and the card template used for each item.

  • Dynamic Filtering: Content grid blocks can filter content based on categories or tags, making it easy for members to find what they’re looking for.

Card Templates

Card templates control the appearance of content cards within your grids. Each card can display essential information such as titles, images, and metadata (like cooking time or difficulty).

  • Customization: You can create different card templates for various content types, ensuring that each card displays the most relevant information in a visually appealing way.

Detail Page Templates

Detail page templates determine how individual content items are displayed. For example, a recipe detail page might show the recipe title, ingredients, cooking steps, and nutrition information.

  • Flexible Design: You can customize detail page templates to include or exclude specific blocks, allowing for a tailored experience for your members.

Marketing Blocks

Marketing blocks help you build landing pages that convert visitors into subscribers. These blocks include features like hero sections, pricing tables, and testimonials.

  • Conversion Focused: Each marketing block is designed to enhance user engagement and drive conversions through strategic placement and compelling content.

Building a Marketing Page

To create a marketing page:

  1. Start by adding a Hero Block at the top for your main message.

  2. Follow with Features blocks to highlight key benefits.

  3. Include Testimonials to build trust.

  4. Add a Pricing Block to showcase your offers.

  5. Finish with a Call to Action to encourage sign-ups.

Did this answer your question?