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 appears to your members by customizing card templates. This enhances the visual appeal and usability of your app, making it easier for subscribers to engage with your content.
Navigate: App Station > Page Builder > Card Templates
Quick Start
Go to the Page Builder section in your App Station.
Click on Card Templates.
Select an existing card template to edit or click Create New Template.
Configure the layout options and display settings as desired.
Save your changes to apply the new card template.
Understanding Card Templates
The Card Template system allows you to customize how content cards are displayed across various content types, including recipes, meal plans, resources, challenges, and blog posts. Each card layout is specific to a content type and can be tailored to fit your branding and user experience.
Card Layout Variants
You can choose from several layout variants for your cards:
Vertical: Image on top, content below (default for grids).
Horizontal: Image on the left, content on the right (ideal for larger cards).
Compact: Minimal row layout, perfect for dense lists.
Featured: Large hero-style card for highlighting important content.
Configuration Options
Each card layout can be customized with various display options. Here are some key settings you can adjust:
Show Image: Toggle to display cover media (image or video poster).
Show Title: Toggle to display the title of the content.
Show Summary: Toggle to show a brief summary of the content.
Show Tags: Toggle to display tags associated with the content.
Show Meta Chips: Toggle to show additional information like prep time or servings.
Time Display Options (for Recipes)
For recipe card layouts, you can configure how time values are displayed:
Show Prep Time: Display prep time.
Show Cook Time: Display cooking time.
Show Additional Time: Display any additional passive time.
Show Active Time: Display the total active time (prep + cook).
Show Total Time: Display the overall time including prep, cook, and additional times.
Tag Filtering
You can filter which tags are displayed on your cards based on their type. This allows you to show only relevant tags, such as dietary preferences or cuisine styles.
Tag Types to Show: Specify which tag types to include (e.g., Dietary, Cuisine).
Maximum Tags: Set a limit on the number of tags displayed. Additional tags will show as a "+N" badge.
Card Style Presets
Choose from several visual styles to give your cards a unique look:
Classic: Professional appearance with rounded corners.
Sharp: Bold, modern look with no border radius.
Soft: Friendly and approachable with larger rounded corners.
Elevated: Floating card style with a pronounced shadow.
Flat: Minimalist style with no depth.
Polaroid: Nostalgic photo-card aesthetic.
Live Preview
As you make changes to your card template, a live preview will show how the card will appear to your members. This helps you visualize the final look before saving your changes.