跳转链接组件

一、功能介绍

【跳转链接】组件能够将不同的链接组织在同一个页面当中,方便用户手机端查看。这个组件就像微页面的"智能导航",可以实现点击跳转链接后即可打开账号下的其他二维码,例如网页、图片、音视频活码等。

1-link.jpg

跳转链接组件示例

二、效果展示

9-link.jpg

效果类型 操作逻辑 适用场景
按钮样式 用户点击按钮即可跳转链接 页面排版简约直观。适合在简洁排版中替代复杂导航的场景
列表样式 列表样式类似跳转链接列表目录,采用清晰的列表帮助用户快速定位目标内容。 适合条目分明,快速查找的场景。
卡片样式 将跳转链接以卡片的方式突出,强调重点便于用户选择性浏览。 合需要突出重点内容的场景。

三、使用教程

1. 添加跳转链接

在【样式库】工具栏中,点击【跳转链接】,选择想要的样式并进行添加。可按需选择【按钮样式】、【列表样式】和【卡片样式】。

2-link.jpg

  • 按钮样式
    用户点击按钮即可跳转链接,页面排版简约直观。适合在简洁排版中替代复杂导航的场景。

5-link.jpg

按钮样式组件

  • 列表样式
    列表样式类似跳转链接列表目录,采用清晰的列表帮助用户快速定位目标内容。适合条目分明,快速查找的场景。

6-link.jpg

列表样式组件

增加列表样式的行数
将鼠标移动到组件上方,可点【+】符号,按需增加跳转链接列表样式的行数;点击【↑】或【↓】可上下移动内容。

7-link.jpg

  • 卡片样式
    卡片样式将跳转链接以卡片的方式突出,强调重点便于用户选择性浏览。适合需要突出重点内容的场景。

8-link.jpg

卡片样式组件

2. 编辑跳转链接

1)左侧样式库添加【跳转链接】样式后,鼠标移至组件上方,点击样式下方的【添加链接】

3-link.jpg

2)可在账户中选择已保存的活码设置跳转链接,也可点击预览确认是否为想要添加的链接。

注: 每个组件只可添加一个活码链接,目前不支持外部链接。若想配置跳转外部链接,可先将链接生成网址活码,再进行链接添加。

4-link.jpg


四、常见问题

1. 跳转链接的作用是什么?
将多个不同功能的链接整合在一个入口,方便用户通过一次点击快速访问相关内容,提升操作效率和体验。
举例:用户需要做一个餐厅的线上推广页面,使用【跳转链接】组件后,用户可点击快速访问不同的内容:

  • 菜品展示:跳转到图片活码,查看高清菜单;
  • 活动详情:跳转网址活码,获取最新优惠信息;
  • 品牌视频:跳转视频活码,观看餐厅宣传片。

2. 如何跳转至外部链接?
目前没有设置直接跳转到外部链接的入口,可以将链接转换成网址活码,在【设置链接】时添加网址活码。

3. 跳转链接只能跳转另一个二维码吗?
是的,目前只支持直接跳转至内部二维码且只能跳转一个链接。

4. 假设添加的图片活码是微信二维码,如何设置跳转后直接添加微信?
跳转暂不支持直接添加微信好友。需手动长按二维码,识别图中二维码进行添加。

5. 图片可以设置跳转链接吗?
在样式库中点击插入【图文组件】,设置跳转链接。

注: 只有样式库中的图文组件可以设置跳转链接,我的素材中上传的图片不可设置。

6. 跳转链接中可以添加微信活码、电子画册和表单吗?
暂不支持添加微信活码、电子画册和表单。