酱茄小程序社区版(pro)短代码（A标签增强）使用教程

酱茄块支持打开网页（业务域名下的网页和公众号文章），跳转第三方小程序和打开小程序本身的内部页面。

1、添加短代码卡片流程

2、酱茄块格式如下：

[jq-widget cover="封面图" title="标题" desc="描述" button="按钮" link="链接地址" price="商品价格"][/jq-widget]

把【封面图\标题\描述\按钮\链接地址\商品价格】 按自己所需替换即可。

封面图是一个图片地址；标题\描述\按钮是文字信息；商品价格可忽略不写，不写把价格文字删除；下面逐一举例说明。

2.1.业务域名下的网页（需要在小程序后台配置业务域名）

例如：
[jq-widget cover="https://www.jiangqie.com/wp-content/uploads/2020/02/1.png" title="酱茄官网" desc="功能介绍/常见问题/安装文档" button="打开链接" link="https://www.jiangqie.com/doc" price=""][/jq-widget]

---

2.2.公众号文章（需要在小程序后台配置关联公众号）

例如：
[jq-widget cover="https://www.jiangqie.com/wp-content/uploads/2020/02/1.png" title="Hi，我回来了..." desc="其实我一直都在，从未离开！" button="打开文章" link="https://mp.weixin.qq.com/s/9c2yHqjibChWSRExO7JJYA" price=""][/jq-widget]

---

2.3.第三方小程序

例如：
[jq-widget cover="https://www.jiangqie.com/wp-content/uploads/2020/02/1.png" title="人人咖啡师" desc="打开人人咖啡师小程序首页" button="打开小程序" link="appid:wxb0b82c1a4e82a353" price=""][/jq-widget]

这里link的值是：appid:wxb0b82c1a4e82a353。即在要跳转的appid签名加上前缀：appid:

如果要打开第三方小程序内的其他页面呢？

[jq-widget cover="https://www.jiangqie.com/wp-content/uploads/2020/02/1.png" title="人人咖啡师" desc="打开人人咖啡师小程序首页" button="打开小程序" link="appid:wxb0b82c1a4e82a353;page:/pages/article/article?post_id=1154" price=""][/jq-widget]

这里link的值是：appid:wxb0b82c1a4e82a353;page:/pages/article/article?post_id=1154。即在后面追加上：;page:/pages/article/article?post_id=1154

/pages/article/article?post_id=1154 是指定的页面

这里的link规则可以总结为：appid:[第三方小程序appid的值];page:[指定的第三方小程序内的页面地址]

---

2.4.小程序本身的内部页面

例如，打开我的小站页面：
[jq-widget cover="https://www.jiangqie.com/wp-content/uploads/2020/02/1.png" title="我的小站" desc="我的小站一片荒芜" button="参观一下" link="/pages/mysite/mysite" price=""][/jq-widget]

例如，打开一个商品页面：
[jq-widget cover="https://pro.jiangqie.com/wp-content/uploads/2020/06/n-2.png" title="酱茄调价公告
" desc="优惠活动截止:2020年x月x日 24:00" button="立即购买" link="/pages/goods_view/goods_view?goods_id=3195" price="1299"][/jq-widget]

这里link就是页面的路径就可以，小程序页面路径可参考：https://www.jiangqie.com/pro/1232.html

---

3、A标签增强 链接

<a data-link="链接">描述</a>

<a data-link="appid:Appid;page:链接">跳转到其他小程序/页面</a>

ps：小程序页面路径可移步至：https://www.jiangqie.com/pro/1232.html

---

4、卡片和A标签增强样式如下：