Platform 2 Guide — This article applies to the new platform. Looking for classic platform docs? Browse the Platform 1 collection.
Why: Tailor the look and feel of your content detail pages to match your brand and enhance member engagement. Customizing templates allows you to highlight the most important information for your subscribers, making it easier for them to interact with your content.
Navigate: App Station > Page Builder > Detail Page Templates
Quick Start
Navigate to App Station > Page Builder > Detail Page Templates.
Click Create Template.
Select the content type (e.g., Recipe, Meal Plan).
Enter a name for your template and click Create.
Use the block palette to add and configure blocks as needed.
Overview of Detail Page Templates
Detail page templates allow you to customize how individual content items, such as recipes and meal plans, are displayed in your app. Each template consists of reusable blocks that can be enabled, disabled, reordered, and configured to show specific information.
Key Features
Block-Based Composition: Build your templates using various blocks that can be rearranged and customized.
Multi-Content Type Support: Create templates for different content types, including recipes, meal plans, and resources.
Visual Builder: Use a drag-and-drop interface to manage your content layout easily.
Configuration Flexibility: Each block can be tailored to display the information you want.
Creating a Detail Page Template
To create a new detail page template, follow these steps:
Navigate to Detail Page Templates: Go to App Station > Page Builder > Detail Page Templates.
Create a New Template: Click the Create Template button.
Select Content Type: Choose the type of content you want to create a template for (e.g., Recipe, Meal Plan).
Name Your Template: Enter a descriptive name for your template.
Set as Default (Optional): If you want this template to be the default for the selected content type, check the box to mark it as default.
Add Blocks: Use the block palette to add the desired blocks to your template. You can choose from various options like headers, ingredient lists, and step-by-step instructions.
Configuring Blocks
Once you have added blocks to your template, you can configure each block to control what information is displayed:
Select a Block: Click on a block in your template to open the configuration panel.
Toggle Options: Enable or disable specific options to customize what appears in that block. For example, you can choose to show or hide images, titles, and action buttons.
Save Changes: Changes are automatically saved, and you will see a "Saved" indicator when your adjustments are complete.
Reordering Blocks
To change the order of blocks in your template:
Drag and Drop: Click and hold the handle (⋮⋮ icon) next to a block, then drag it to your desired position.
Automatic Save: The new order will be saved automatically.
Enabling or Disabling Blocks
If you want to hide a block without deleting it:
Toggle the Block: Use the toggle switch next to the block name to enable or disable it.
Disabled Blocks: Blocks that are disabled will not render on the page.
Using PDF Templates
You can also link your detail page templates to specific PDF templates. When members export content to PDF, the linked template will be used if set; otherwise, the default PDF template for that content type will apply.
Best Practices for Customization
Start Simple: Begin with essential blocks and gradually add more as needed.
Test Your Layout: Preview your templates with real content to ensure everything displays correctly.
Mobile Optimization: Ensure your templates look good on mobile devices by testing them on various screen sizes.