Why: Create a stunning, customized app experience for your subscribers by leveraging the Page Builder. With a flexible layout and various content blocks, you can design pages that engage and convert your audience.
Navigate: App Station > Page Builder
Quick Start
Navigate to App Station > Page Builder.
Click Create New Page.
Choose a layout and add blocks using the drag-and-drop interface.
Configure each block's settings (e.g., content type, layout).
Save and publish your page.
Understanding Pages and Blocks
The Page Builder allows you to create custom pages for your app using a combination of pages and blocks.
Pages are the main containers for your content. Each page can consist of multiple blocks arranged in a layout that suits your needs.
Blocks are reusable components that hold specific types of content, such as text, images, videos, or lists.
Creating a Page
To create a new page:
Go to the Page Builder section in App Station.
Click on Create New Page.
Choose whether to start with a blank page, use a template, or duplicate an existing page.
Enter a title and slug for your page.
Use the drag-and-drop interface to add blocks to your page.
Configuring Blocks
Each block can be configured to display content in various ways. For example, you can adjust settings such as:
Content type (e.g., recipes, meal plans, resources)
Layout (e.g., grid, list)
Visibility options (e.g., show/hide elements)
Types of Blocks Available
The Page Builder offers several types of blocks to enhance your app's design:
1. Content Grid Block
The Content Grid block is a versatile option for displaying various content types in grid or list layouts. You can use it to showcase recipes, meal plans, resources, and more.
What you can configure:
Which content type to display (e.g., recipes, meal plans, resources)
Grid or list layout
Whether members can search and filter within the block
Sorting options for the displayed content
2. Marketing Blocks
Marketing blocks are designed to create high-converting landing pages. They include:
Hero Block: A full-width section with a headline, subheadline, and call-to-action buttons.
Pricing Block: Displays subscription offers with pricing comparison.
Testimonial Block: Showcases customer testimonials to build trust.
3. Media Block
The Media Block displays images and videos associated with your content. It supports:
Full-bleed layouts for immersive experiences.
Lightbox viewing for images.
Fullscreen video playback.
How Content Grid Blocks Work
The Content Grid block pulls in and displays content based on your configuration. Here's how it works:
Choose a content type: Select what kind of content to show -- recipes, meal plans, resources, challenges, or blog posts.
Pick a layout: Arrange items in a grid (columns of cards) or a list (compact rows).
Enable search and filters: Let members search, sort, and filter the content to find what they need quickly.
Set a display limit: Control how many items appear at once, with automatic pagination for larger collections.
Card Templates and Detail Page Templates
Card Templates
Card templates control how individual content items are displayed within grids and lists. You can configure:
The layout of the card (e.g., vertical, horizontal).
Which metadata to display (e.g., ratings, cooking time).
Detail Page Templates
Detail page templates dictate how content items are displayed on their individual pages. You can customize:
The arrangement of blocks (e.g., ingredients, steps, nutrition).
Visibility settings for each block.
Marketing Blocks for Landing Pages
Marketing blocks help you create effective landing pages. Use them to:
Highlight key features of your service.
Showcase testimonials to build credibility.
Provide clear calls to action that drive conversions.
Building a Landing Page
To create a landing page using marketing blocks:
Start by adding a Hero Block at the top.
Follow with Features to highlight what you offer.
Include Testimonials to showcase customer satisfaction.
End with a Call-to-Action block to encourage sign-ups or purchases.
Related Features
Content Library: Manage all your recipes, meal plans, and resources.
Analytics: Track how your pages are performing with built-in analytics.
Push Notifications: Engage your members with timely updates.
By utilizing the Page Builder effectively, you can create a visually appealing and functional app that resonates with your audience and enhances their experience. Happy building!