Skip to main content

Customizing Card Templates

Customizing Card Templates Why: Tailor how your content appears to your subscribers by customizing card templates. This helps create a visually app...

Written by Ken Truesdale

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 subscribers by customizing card templates. This helps create a visually appealing and cohesive experience that reflects your brand and engages your audience.

Navigate: App Station > Pages & Menu > Card Templates

Quick Start

  1. Go to the Card Templates section in App Station.

  2. Click Add New Template to create a new card layout.

  3. Select a Layout Variant (Vertical, Horizontal, Compact, Featured).

  4. Configure the Display Options to show or hide elements like images, titles, and tags.

  5. Save your changes.


Overview of Card Templates

Card templates control how content cards are displayed across various content types, including recipes, meal plans, resources, blog posts, and more. Each card layout is specific to one content type and can be customized to fit your needs.

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 (ideal for larger cards).

  • Compact: Minimal row layout (best for dense lists).

  • Featured: Large hero-style card for highlighting content.

Configuration Options

Each card layout can be customized with various display options. Here are the key settings you can adjust:

  • Show Image: Toggle to display the 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 also configure how time-related information is displayed:

  • Show Prep Time: Display the prep time.

  • Show Cook Time: Display the cooking time.

  • Show Additional Time: Display any additional passive time.

  • Show Active Time: Display the total active time.

  • Show Total Time: Display the total time including prep, cook, and additional times.

Card Style Presets

You can choose from several visual style presets for your cards:

  • Classic: Professional appearance with rounded corners.

  • Sharp: Bold, modern look.

  • Soft: Friendly and approachable style.

  • Elevated: Material design feel with shadows.

  • Flat: Minimalist design with no shadows.

  • Polaroid: Nostalgic photo-card aesthetic.

Detailed Configuration Steps

Creating a New Card Template

  1. Navigate to the Card Templates section in App Station.

  2. Click Add New Template.

  3. Choose a Layout Variant that suits your content type.

  4. Fill in the Template Name and adjust the Display Options as needed.

  5. Configure the Card Style to match your app's branding.

  6. Save your new template.

Editing an Existing Card Template

  1. Go to the Card Templates section.

  2. Select the card template you wish to edit.

  3. Adjust the layout variant, display options, and card style as needed.

  4. Save your changes.

Previewing Your Card Template

You can preview how your card will look with the configured settings. This allows you to see changes in real-time before saving.

  1. After configuring your card template, look for the Preview option.

  2. Click it to see how your card will appear to members.

Did this answer your question?