Platform 2 Guide — This article applies to the new platform. Looking for classic platform docs? Browse the Platform 1 collection.
Why: Tailor the appearance of your content cards to match your brand and enhance the user experience. Custom card templates help your subscribers quickly identify and engage with your content.
Navigate: App Station > Pages & Menu > Card Templates
Quick Start
Go to the Card Templates section in the App Station.
Click Create New Template.
Choose a layout variant (Vertical, Horizontal, Compact, or Featured).
Configure the display options for your card (e.g., show image, title, tags).
Save your new card template.
Overview of Card Templates
The Card Template system allows you to customize how content cards are displayed across various content types, including recipes, meal plans, resources, and blog posts. Each card layout is specific to a content type and can be tailored to fit your app's branding and user experience.
Layout Variants
You can choose from several layout variants for your card templates:
Vertical: Image on top, content below (default for grids).
Horizontal: Image on the left, content on the right (great for larger cards).
Compact: Minimal row layout, ideal for dense lists.
Featured: Hero-style large card for highlighting important content.
Configuration Options
Each card layout can be customized with various configuration options to control what information is displayed:
Show Image: Toggle to display cover media (image or video).
Show Title: Toggle to display the title of the content.
Show Summary: Toggle to display a brief summary of the content.
Show Tags: Toggle to display tags associated with the content.
Show Meta Chips: Toggle to display additional information like prep time or servings.
Time Display Options (For Recipes)
For recipe card layouts, you can also configure how time-related information is displayed:
Show Prep Time: Display the preparation time.
Show Cook Time: Display the cooking time.
Show Total Time: Display the total time required for the recipe.
Card Style Presets
You can choose from several visual style presets that control the appearance of your cards:
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 for a material design feel.
Flat: Minimalist style with no shadow.
Polaroid: Nostalgic photo-card aesthetic.
Detailed Customization Steps
Creating a New Card Template
Access the Card Templates Section: Navigate to the Card Templates page in the App Station.
Create a New Template: Click the Create New Template button.
Select a Layout Variant: Choose the layout variant that best suits your content type.
Configure Display Options:
Toggle the options for image, title, summary, tags, and meta chips based on what you want to show.
For recipes, decide on the time display options.
Choose a Card Style: Select a visual style preset to match your app’s branding.
Save Your Template: Once you are satisfied with the configuration, click Save.
Editing an Existing Card Template
Select a Template: In the Card Templates section, click on the template you wish to edit.
Modify Configuration Options: Adjust the display options and card style as needed.
Preview Changes: Use the live preview feature to see how the changes will look.
Save Changes: Click Save to apply your modifications.
Using Card Templates in Your App
Once you have created or edited a card template, it will automatically apply to the relevant content types in your app. This ensures a consistent look and feel across all your content cards.