Mockups

This chart outlines the fields used in each template.

The first step in creating a card is to decide which card template you want to use. Then, add content to the post fields and publish the post. Create an app page, drag and drop the related Blockli card into the page and save. In the block settings, select the correct style option for the block. So if you wanted to to use a Featured card and Style 1, then select style 1 adding the featured block to the app page.Check your app to see the magic.

You may need to tweak the block color settings to reproduce exactly the template as shown. The best way is to set a color attribute in all the color options in the block settings and see what changes from there you can adjust colors. There are color options for button CTA, main text, meta text etc.
Style 1

Fields:
  • Post Title: 5K Marathon
  • Sub text: Challenge
  • Meta Text 1: 7 Steps
  • Meta text 2: 53 Completions
  • Graphic 1: Image

Style 2

Fields
  • Post Title: Mental Clarity
  • Sub text: Achievement
  • Meta Text 1: 7 Steps
  • Meta text 2: 200+ Completions
  • Graphic 1: Image

Style 3 (Coming Soon)

Fields:
  • Post Title: Bronze membership
  • Sub text: Great for Beginners
  • Meta Text 1: Plus
  • Meta Text 2: Free
  • Graphic 1: Image

Style 4 (Coming Soon)

Fields:
  • Post Title: Bronze membership
  • Sub text: Great for Beginners
  • Meta Text 1: $2.50
  • Meta text 2: Plus
  • Description: Lorem Ipsum text
  • Background Image: Image

Style 5 (Coming Soon)

Fields:
  • Post Title: Pro membership
  • Sub text: Ideal for Beginners
  • Meta Text 1: $49.00/month
  • Meta text 2: Plus
  • background Image: Background

Style 6 (Coming Soon)

Fields:
  • Post Title: Pro membership
  • Sub text: Ideal for Beginners
  • Meta Text 1: $49.00/month
  • Meta text 2: Plus
  • background Image: Background

Style 1
Style 2
Style 3
Style 4
Style 5
Style 6
Style 7
Style 8
Style 1

Fields
  • Post Title: Scaling Your Youtube Channel
  • Subtext: Antoine Swaps
  • Meta text 1: 19:00
  • Graphic 1: Image

Style 2

Fields:
  • Post Title: Road to Mental Wellness
  • Subtext: Daily Nuggets
  • Meta text 1: 2:01 mins
  • Graphic 1: Image

Style 3

Fields:
  • Post Title: The Lean Product Playbook
  • Subtext: batistuta
  • Meta text 1: 19:00
  • Graphic 1: Image

Style 4

Fields:
  • Post Title: Forensic Medicine & Toxicology
  • Subtext: Lesson 4 of 5
  • Graphic 1: Image

Style 5

Fields:
  • Post Title: Building Self Confidence
  • Subtext: By Gerald Eugene
  • metatext: 19:00
  • Graphic 1: Image

Style 6

Fields:
  • Post Title: Computer Science
  • Subtext: 23/34 Lesson
  • Meta text 1: 4h 54m
  • Graphic 1: Image

Style 1

Fields
  • Post Title: Biotechnology
  • Subtext: 15/30 Lesson
  • Background Image: Image

Style 2

Fields:
  • Post Title: Essentials For Gaming
  • background Image: Image

Style 3

Fields:
  • Post Title: Essentials For Gaming
  • background Image: Image

Style 4

Fields:
  • Post Title: Essentials For Gaming
  • Subtext: League Season 16 - Playoffs
  • background Image: Image

Style 5

Fields:
  • Post Title: Essentials For Gaming
  • background Image: Image

Have questions about blockli?

Get Started with Blockli Dev

made in the USA for Buddyboss App