小程序在文章中的展示形式有几种？
答案是3种，文字、图片和小程序卡片。
在无缝长图文中最常用的是图片和小程序卡片两种。因为图片的设计灵活度高，而小程序卡片的样式是固定的，所以图片形式的使用频率又高于小程序卡片。
但是因为微信的限制，小程序卡片也有一个很大的优势，那就是点击可以直接跳转，而小程序图片点击后会出现一个提醒弹窗，再次点击弹窗上的「允许」才会跳转。
小程序图片，来看一下：
组件：小程序-图片(无角标)
编号：10015（组件）
多出的这一步弹窗确认提示，可能就会导致一部分用户不再进入小程序，从而降低打开率。
那想要小程序图片的展示形式，又不想要确认弹窗，可以吗？
可以做到！
方法其实很简单，在小程序图片上面覆盖一层遮罩图片就OK了。
组件：小程序-原生卡片(调整宽度,添加背景图)
编号：10748（组件）
组件：遮罩
编号：10829（组件）
配合「多列布局」组合，还可以在一张图片的左右两侧设置无弹窗提醒的小程序图片：
组合：二列布局
编号：10144（组合）
组件：小程序-原生卡片(调整宽度,添加背景图)
编号：10748（组件）
组件：遮罩
编号：10829（组件）
以ARMANI的效果为例，一起看下如何实现吧。
详细教程：
工具：iPaiban Pro 黑科技编辑器
组件：小程序-原生卡片(调整宽度,添加背景图)
编号：10748（组件）
组件：遮罩
编号：10829（组件）
第1步：选择组件
登录 iPaiban Pro 编辑器后，点击编辑器左侧「组件」按钮，在「小程序」分类中找到「小程序-原生卡片(调整宽度,添加背景图)」组件，或者直接搜索组件编号10748，点击选择。
第2步：上传图片并配置
①点击右侧「换图」按钮上传背景图。此处上传的背景图为准备好的小程序图片。
小程序卡片的上边缘会与背景图的上边缘齐平。卡片显示高度与背景图高度有关，当背景图小于卡片高度时，卡片显示高度等于背景图高度，不会完整显示；当背景图大于卡片高度时，卡片显示高度为完整的卡片高度。
所以卡片背景图的高度尽量不要太小。
②获取输入小程序卡片源代码。
小程序卡片源代码需要 iPaiban Pro 小助手在公众号后台来获取，小助手安装和使用教程见：《iPaiban Pro小助手安装和使用教程》
安装完毕后，在公众号后台新建文章，接着点击「小程序」按钮，搜索小程序账号插入小程序卡片。
接着调出小助手插件，点击「小程序卡片」就能看到卡片的源代码啦。
最后，复制代码粘贴到编辑器的输入框中。
③卡片宽度一般保持默认即可。
第3步：覆盖遮罩图片
在左侧组件中搜索找到「遮罩」组件（编号：10829），点击选择。
接着点击右侧「换图」按钮再次上传刚才的小程序图片。此时这张图片会自动覆盖在刚才的小程序卡片组件上方。
第4步：导入公众号后台
小程序类组件无法在编辑器预览体验完整效果，以上设置完毕后，接着点击「同步至微信后台」就可以了。
使用同步功能无需频繁在编辑器和微信后台切换，同步成功后可以立即扫描二维码查看。
