HomeDocs
Skip to main content

Dynamic card introduction

If you want to create dynamic cards to drive traffic to your own mini program, please contact the mini program team. Dynamic cards refer to cards that can display different materials based on users, user tags, and user search keywords.

Developers need to prepare:

1. One set of static materials, for card creation. Usage: display to users who have not matched the dynamic card material.
2. For cards in Full Search, please also provide card's keywords, and the card will be shown to the users when the user's input word is included in the card's keywords
3. N sets of Dynamic materials
4. For the dynamic materials of the card in the Full Search, please also provide the materials' keywords, and the dynamic material will be shown to the user, when the user's input word is included in the dynamic material's keywords and other matching conditions are satisfied at the same time.

Flowchart

Basic flowchart:

Flowchart

Card matching flowchart( only for cards in the full screen):

Flowchart

Card design effect example:

Zero ScreenFull Screen
XOS卡片模版HiOS卡片模版

The required materials and material sizes/formats corresponding to each template style:

  1. The 'logo' and 'title' are the icon and name of the MiniApp and do not support customization/update yet.
  2. The background image 'bgImageUrl' does not support customization/update yet.
    Card application template(The blue background indicates the content to be filled in)
Template nameApplicable sceneTemplate styleMaterial size & format
Big Picture-General CardZero screen小图-上图下文卡片1. logo:54*54px
2. title: 15 character limit, if exceeded, it will be presented as...
3. image:1020*495px, resolution 72dpi, within 100kb, JPG format
大图-多 button 卡片Zero screen大图-多button卡片Supports 2 buttons or 4 buttons:
1. logo:54*54px
2. title: 15 character limit, if exceeded, it will be presented as...
3. Background image (bg_image): 1020*315px/1020*495px, resolution 72dpi, within 100kb, JPG format
4. icon (4): 84*84px, resolution 72dpi, within 50kb, JPG format
5. text (4): 11 character limit, exceeding the limit is presented with...
6. btn_bg_image (4): 453*150px, resolution 72dpi, within 50kb, JPG format
Big Picture- Picture above Button belowZero screen大图-上图下button卡片1. logo:54*54px
2. title: 15 character limit, if exceeded, it will be presented as...
3. bg_image:1020*759px, resolution 72dpi, within 100kb, JPG format
4. image:936*463px, resolution 72dpi, within 100kb, JPG format
5. buttontext: 12 character limit, if exceeded, it will be presented as...; number of buttons can be configured: 1-2
Big Picture-Multi-graphic CardZero screen大图-多图卡片1. logo:54*54px
2. title: 15 character limit, if exceeded, it will be presented as...
3. bg_image:1020*747px, resolution 72dpi, within 100kb, JPG format
4. image*3: 288*327px, resolution 72dpi, within 100kb, JPG format
5. text *3: 26 character limit, exceeding the limit of...
6. buttontext: 15 character limit, if exceeded, it will be presented as...
Small Picture-General CardZero screen小图-通用卡片1. logo:54*54px
2. title: 12 character limit, if exceeded, it will be presented as...
3. image: 495*495px, resolution 72dpi, within 100kb, JPG format
Small Picture-Picture above Button below CardZero screen小图-上图下文卡片1. logo:54*54px
2. title: 12 character limit, if exceeded, it will be presented as...
3. bg_image:495*495px, resolution 72dpi, within 100kb, JPG format
4. image: 411*252px, resolution 72dpi, within 100kb, JPG format
5. buttontext: 8 character limit, if exceeded, it will be presented as...
Full Search-Picture horizontal CardFull Search全搜-图片横版卡片1. logo:54*54px
2. icon:198*198px, within 50kb, JPG\PNG format
3. text: 9 characters limit, display beyond...
Full Search-Picture vertical CardFull Search全搜-图片竖版卡片1. logo:54*54px
2. icon (3): 198*198px, within 50kb, JPG\PNG format
3. Text character limit: 22 characters are recommended, exceeding is allowed, but the visual effect will be weakened

ClickUrl rules:

ClickUrl rules

Dynamic materials input:

Notice:

  1. The validity period of a single dynamic material is: 30 days. After this time, the material is no longer effective and will no longer be shown to users. Please update the dynamic material in time to ensure the operating effect.
  2. When a single dynamic card has no dynamic material in effect, the MiniApp team will start the zombie card time counting. (A reminder email will be sent to the Contact Email Address of the MiniApp)
  3. Zombie card definition: A card with no effective dynamic materials for more than 15 days(continuously)
  4. MiniApp team will automatically offline zombie cards (A reminder email will be sent to the Contact Email Address of the MiniApp)

Dynamic materials input document

MiniApp material risk control rules:

Note that the materials must meet the MiniApp risk control rules. If content is found that violates the risk control rules, the card will be removed from the shelves. In the case of serious violations, the MiniApp will be removed from the shelves.

  1. The picture must be clear and easy to distinguish, and the main text content in the picture must be clearly visible. The picture must not have imbalanced proportions, incomplete text or interface display, etc. that affect the overall layout experience.

  2. Pictures and text must not involve illegal or prohibited business

  3. Prohibition of infringement by third parties:

    • Without authorization, you may not use trademarks, brand logos and other contents that have legitimate rights and interests of third parties, or similar content, information, and special logos. You may not infringe on others' legitimate intellectual property rights, or contain other content that infringes on others' legitimate rights and interests (including but not limited to Content not limited to portrait rights, reputation rights, privacy rights, name rights)
  4. It is prohibited to use inappropriate descriptions:

    • Do not contain vulgar buzzwords, swear words, slang, negative words and other related text content
    • Do not use excessive exaggeration, exaggeration, promises, etc. that may mislead users.
Privacy agreementDeveloper agreementcontact us: developer_service.mi@transsion.com © 2024 MiniApp. All Rights Reserved.