Platform 2 Guide — This article applies to the new platform. Looking for classic platform docs? Browse the Platform 1 collection.
Why: Tailor how your content items are displayed to enhance the user experience for your subscribers. Customizing detail page templates allows you to showcase your recipes, meal plans, and resources in a way that aligns with your brand and engages your audience.
Navigate: App Station > Pages & Menu > Detail Page Templates
Quick Start
Navigate to App Station.
Click on Pages & Menu.
Select Detail Page Templates.
Click Create Template to start a new layout.
Add and configure blocks to customize your content layout.
Overview of Detail Page Templates
Detail page templates allow you to create flexible layouts for displaying your content items, such as recipes, meal plans, and resources. Each template consists of reusable blocks that can be enabled, disabled, reordered, and configured to display specific information.
Key Features
Block-Based Composition: Build your layouts using configurable blocks.
Multi-Content Type Support: Works with various content types, including recipes and meal plans.
Customization: You can create and modify templates specific to your app, independent of default settings.
Visual Builder: Use a drag-and-drop interface to manage your content layout easily.
Creating a Detail Page Template
To create a new detail page template, follow these steps:
In the Detail Page Templates section, click Create Template.
Choose the content type (e.g., Recipe, Meal Plan).
Enter a name for your template.
Optionally, mark it as the default template for that content type.
Click Create to save your new template.
Adding Blocks to Your Template
Once your template is created, you can add blocks to it:
Open your newly created template in the builder.
Browse the available blocks in the block palette.
Click Add next to the blocks you want to include in your layout.
The blocks will appear in your template, and you can drag them to reorder as needed.
Configuring Blocks
Each block can be configured to display specific data points. Here’s how to configure a block:
Select a block in your template.
The configuration panel will appear on the right side.
Expand the Block Options section to see available settings.
Toggle options on or off as needed to customize what displays.
Changes are saved automatically, so you can see updates in real-time.
Available Block Types
Here are some common block types you can use in your detail page templates:
Recipe Header: Displays the recipe title, image, and metadata such as prep time and servings.
Recipe Ingredients: Lists ingredients with scaling options based on servings.
Recipe Steps: Shows step-by-step instructions for preparing the recipe.
Meal Plan Header: Displays the meal plan title and engagement features.
Resource Body: Shows rich text content and embedded media.
Each block comes with its own set of configuration options, allowing you to tailor the display to your needs.
Reordering and Managing Blocks
To reorder blocks within your template:
Click and hold the handle (⋮⋮ icon) next to the block you want to move.
Drag the block to your desired position and release it.
The new order will be saved automatically.
To enable or disable blocks:
Use the toggle switch next to the block name. Disabled blocks will not render on the page.
Deleting Content Layouts
If you need to delete a content layout:
Open the layout in the builder.
If it’s not a default layout, click the Delete Template button.
Confirm the deletion.
Note: You cannot delete default content layouts unless you first set another layout as the default.
Best Practices for Customization
Start Simple: Begin with essential blocks and add more as needed.
Test Your Layouts: Preview your templates with actual content to ensure they look good before publishing.
Mobile Optimization: Make sure your layouts are responsive and display well on mobile devices.