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 engaging app experience for your subscribers by using the Page Builder to design custom pages that showcase your content effectively.
Navigate: App Station > Pages & Menu
Quick Start
Navigate to the Pages section in App Station.
Click Create New Page and choose a layout.
Use the Add Block button to select blocks for your page.
Configure each block's settings as needed.
Save and publish your page to make it live.
Understanding Pages and Blocks
The Page Builder allows you to create custom pages for your app using a flexible system of blocks. Each page is made up of various blocks, which are reusable components that can be configured to display different types of content.
How Pages Work
Pages serve as the foundation of your app's content. You can create multiple pages, each tailored to specific content types or themes. When creating a page, you can choose from various layouts and add blocks to build the desired structure.
Creating a Page
Go to the Pages section in App Station.
Click on Create New Page.
Choose to start with a blank page, use a template, or duplicate an existing page.
Enter a title and configure any necessary settings.
Click Create Page to start adding blocks.
Types of Blocks Available
The Page Builder offers a variety of blocks that you can use to enhance your pages:
Content Grid Block: Displays content in a grid or list format, allowing you to showcase recipes, meal plans, resources, and more.
Marketing Blocks: Create landing pages with blocks designed for conversion, such as hero sections, testimonials, and pricing tables.
Media Blocks: Display images and videos in galleries or swipers, providing a rich visual experience.
Custom HTML Blocks: Add any custom HTML or embed code for additional flexibility.
Content Grid Block
The Content Grid Block is a versatile component that allows you to display various content types in a structured format. You can configure it to show recipes, meal plans, resources, and more, with options for layout and filtering.
Configuration Options:
Choose the content type to display (e.g., Recipe, Meal Plan).
Set the layout to either grid or list.
Configure sorting and filtering options to tailor the displayed content.
Marketing Blocks
Marketing blocks are designed to help you create high-converting landing pages. You can use these blocks to highlight features, display testimonials, and present pricing options.
Key Marketing Blocks:
Hero Block: Captivates visitors with a strong headline and call-to-action.
Testimonial Block: Builds trust by showcasing customer feedback.
Pricing Block: Clearly presents your offers and encourages conversions.
Media Blocks
Media blocks allow you to showcase images and videos effectively. You can display a single media item or create a gallery for multiple items.
Features:
Supports full-bleed layouts for immersive experiences.
Lightbox functionality for images, allowing users to view them in detail.
Inline video playback for a seamless viewing experience.
How Content Grid Blocks Work
Content Grid Blocks pull in and display content based on your configuration. You can specify which content types to show, how to sort them, and any filtering options.
Adding a Content Grid Block:
Click Add Block and select Content Grid.
Configure the content type, layout, and any filters or sorting options.
Save your changes to see the content displayed on your page.
Card Templates
Card templates control the appearance of content cards within the Content Grid Block. You can customize how each card looks, including the layout, size, and which data points are displayed.
Customizing Card Templates:
Choose a card template that suits your content type.
Configure options such as image display, title visibility, and additional metadata.
Preview the changes to ensure they align with your vision.
Detail Page Templates
Detail Page Templates define how individual content items are displayed. Each content type can have its own layout, allowing for tailored presentations of recipes, meal plans, and more.
Configuring Detail Page Templates:
Navigate to the Detail Templates section in App Station.
Select the content type you want to customize.
Add and configure blocks to define how the details will be presented.
Marketing Blocks for Landing Pages
Marketing blocks are essential for creating effective landing pages. They help you highlight key features, present testimonials, and provide clear calls to action.
Creating a Marketing Page:
Start by creating a new page and selecting the Marketing page type.
Add relevant marketing blocks in a logical order (e.g., Hero, Features, Testimonials).
Configure each block to align with your marketing goals.
Conclusion
With the Page Builder, you have the power to design a unique and engaging app experience for your subscribers. By understanding how pages, blocks, and templates work together, you can create a visually appealing and functional app that meets the needs of your audience.