What Are Card Blocks?

What Are Card Blocks?

Overview

Cards are individual content blocks that appear on your app’s Home Screen. Each Card highlights a single piece of content and can include text, images, and links. Think of them as digital signposts that help guide your users to specific actions or information.

Cards are flexible and easy to manage — perfect for promotions, announcements, links, and general content you want to highlight.

Designing Cards: What You Can Customize

You have control over both the appearance and the behavior of each Card. 

🧱 Structure & Content

You can update the following elements: 

Field
What You Can Do
Title
Shows a text heading above the card. Optional. 
Card Title
Shows a text title on the card. Optional. Change the default title. 
Card Description
Shows a text description on the card. Optional. HTML works if desired. 
Description Max Lines
Limits how much description text shows (like 2 or 3 lines). Optional. 
Image
You can upload an image or search for an image. Optional. Alt Text required if an image is used. 
Image Size
Choose how your image appears:
  1. Full = Original size; minimal constraints
  2. Cover = Cropped to fit 16:9; recommended
  3. Contain = Fits inside 16:9 without being cropped; most restrictive
Pro Tip: Use Cover for most cards. 
Image Alignment
Choose where the image displays:
  1. Top = Above the text (or with no text)
  2. Bottom = Below the text
  3. Left or Right = Next to the text
Visibility
Available if you wish to schedule or limit the audience of this prebuilt block. Learn more about Visibility

👀 User Experience 

Block Title Only

Block Title + Image

Block Title + Card Title

Block Title + Card Description

Block Title + Image + Card Title + Card Description

Image (Full) - will not crop the image

Image (Cover) - will crop the image 16:9 (take 'middle' of image)

Image (Contain) - will contain the image inside 16:9 

Image + Card Title

Image + Card Description

Image (Bottom)

Image (Left)

Image (Right)

Card Title + Card Description

Card Description with HTML


💡Best Practices

  1. Use Cover Image Size for best visual results unless doing Image Only; then use full or cover based on desired look
  2. Limit description text to 2-3 lines for readability or use Max Description to truncate for you
  3. Make Card titles informative or clear (e.g., "Our Dinner Menu," "Course Conditions")
  4. Use high-quality images for a strong presentation (take advantage of the image picker)
  5. Group Cards into Lists if you need to organize multiple pieces of content under a Title. 
    • Related Articles

    • What Are Prebuilt Blocks, Items?

      Overview Look for blocks or items with a ⭐️ star icon — these are Prebuilt and ready to go. Just toggle them on and customize if you'd like! Ex. Home Screen Ex. Side Menu Ex. Footer Menu ?Understanding Prebuilt Prebuilt Card Blocks Prebuilt Card ...
    • What Are List Blocks?

      Overview Lists are containers that group multiple Cards together on your app’s Home Screen. They help organize related content and can be styled in different ways depending on the user experience you want to create. Think of a List as a section — ...
    • Understanding Card, List Visibility

      Overview With Visibility, you can control when content appears and who can see it. This allows you to personalize your Home Screen and Side Menu content for specific timeframes or user segments - keep your app relevant and dynamic. ?️ Start & End ...
    • How The Engage Wallet Integration Works

      Before You Begin Looking for Gallus Golf's native loyalty programs? Click here to view our How Loyalty Programs Work article. What's The Point? Many facilities are looking to provide their users with a simple and easy way to have a reloadable loyalty ...
    • Engage Wallet Setup Step 2: Card Account Setup

      Before You Begin Make sure you have a familiarity with the Gallus Wallet by reading our How The Engage Wallet Integration Works article. Looking for step 1? Please view our Engage Wallet Setup Step 1: Payment Configuration article. What's The Point? ...