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 functional app that captivates your members by using the Page Builder to design custom pages tailored to your brand and content. This feature allows you to showcase your offerings effectively and engage your audience.
Navigate: App Station > Page Builder
Quick Start
Navigate to the Page Builder in your App Station.
Click Create New Page to start a new page.
Select the type of blocks you want to add (e.g., content grids, marketing blocks).
Configure each block's settings according to your needs.
Save and publish your page to make it live.
Understanding Pages and Blocks
The Page Builder allows you to create custom pages composed of various blocks. Each page can be tailored to fit your content strategy, making it easier to engage with your members.
How Pages Work
Pages are the main containers for your content. You can create multiple pages for different purposes, such as landing pages, blog posts, or detailed content views. Each page can consist of multiple blocks that you can configure and arrange to suit your design needs.
Creating a Page
Go to the Page Builder in your App Station.
Click on Create New Page.
Choose to start with a blank page or use a template.
Enter a title and slug for your page.
Add blocks to your page using the block selection drawer.
Configuring Blocks
Each block serves a specific purpose and can be customized to fit your content. You can add various types of blocks, such as:
Content Grids: Display collections of recipes, meal plans, or resources.
Marketing Blocks: Create engaging landing pages with features, testimonials, and calls to action.
Media Blocks: Showcase images and videos in a visually appealing way.
Types of Blocks Available
The Page Builder offers a variety of blocks that you can use to enhance your pages:
Content Grid Blocks
Content grid blocks allow you to display different types of content in a grid or list format. You can configure these blocks to show recipes, meal plans, resources, and more.
Configuration Options:
Content Type: Choose the type of content to display (e.g., RECIPE, MEAL_PLAN).
Layout: Select between grid or list layouts.
Card Template: Control the appearance of individual content cards.
Marketing Blocks
Marketing blocks are designed to help you create high-converting pages. They include:
Hero Blocks: Capture attention with a striking headline and call-to-action.
Pricing Tables: Showcase your offers and pricing plans.
Testimonials: Build trust with social proof from your members.
Media Blocks
Media blocks allow you to display images and videos effectively. You can configure these blocks to show single media items or a carousel of multiple items.
Full-Bleed Option: When positioned as the first block, media can extend to the edges of the screen for a more immersive experience.
Content Grid Blocks in Detail
How Content Grid Blocks Work
Content grid blocks pull in and display content based on the configuration you set. They can show various content types, and you can customize how many items are displayed and in what format.
Configuring Content Grid Blocks
Select the Content Grid block from the block selection drawer.
Choose the content type you want to display (e.g., RECIPE).
Set the layout to either grid or list.
Configure additional options like filtering by tags or categories.
Card Templates and Detail Page Templates
Card templates control how content cards look in grids and lists. You can customize the appearance of individual cards, including the layout, colors, and displayed information.
Detail page templates control how individual content items are displayed when members click through from a content grid. This ensures a consistent look and feel across your app.
Marketing Blocks for Engaging Pages
How Marketing Blocks Help Build Landing Pages
Marketing blocks are essential for creating landing pages that convert visitors into members. They are designed to highlight key information and drive action.
Hero Block: Use this at the top of your landing page to grab attention.
Pricing Block: Clearly display your offers and their benefits.
FAQ Block: Address common questions to reduce barriers to sign-up.
Configuring Marketing Blocks
Select the desired marketing block from the block selection drawer.
Enter the necessary information, such as headlines, descriptions, and links.
Customize the appearance to match your branding.
Conclusion
The Page Builder is a powerful tool that allows you to design your app in a way that resonates with your members. By understanding how pages, blocks, card templates, and detail page templates work together, you can create a seamless and engaging experience for your audience. Start building today and watch your community grow!