跳至正文
  • 新手入门
  • 功能分类
    • 页面搭建
    • 智能营销
    • 数据洞察
  • 产研文档
    • 开发者指南
    • 账户与套餐
    • 产品使用条款
    • 产品更新
  • 灵蹊内容社区
  • 返回灵蹊
  • 新手入门
  • 功能分类
    • 页面搭建
    • 智能营销
    • 数据洞察
  • 产研文档
    • 开发者指南
    • 账户与套餐
    • 产品使用条款
    • 产品更新
  • 灵蹊内容社区
  • 返回灵蹊

新手入门

  • 灵蹊能帮你做什么
  • 上手清单
  • 指标说明
  • 数据安全与服务可靠性
  • 使用灵蹊涉及的技术对接工作

页面搭建

画布操作
  • 区块
  • 元素
  • 点击动作
  • 交互效果
  • 动效
  • 取色器
  • 画布快捷键
  • 模板保存
PSD导入
  • PSD导入
  • PSD预处理指南
  • HTML转PSD
营销组件
  • 弹窗
  • 表单
  • 客服组件
  • 悬浮菜单
  • 视频
  • 二维码
  • 多状态面板
  • 标签页(Tab)
  • 手风琴菜单(折叠菜单)
  • 自定义组件——代码组件
  • 自定义组件——通用元素
  • 页面与组件兼容性
页面设置
  • 页面信息
  • 页面字体
  • 自定义CSS
  • 自定义JS代码
  • 微信设置
页面发布与版本管理
  • 页面预览与发布
  • 使用一个URL展示移动与PC版
  • 页面历史版本
页面管理
  • 页面列表

智能营销

个性化定向创意
  • 构建受众分组
  • 了解定向创意
  • 设置定向创意
  • 展示优先级
A/B测试与多版本测试
  • 设置A/B测试
智能创意
  • 了解智能创意
  • 智能创意与A/B测试对比
  • 智能创意的设计策略
  • 设置智能创意
  • 智能创意启动后
智能触发器
  • 弹窗自动触发

数据洞察

  • 数据汇总
  • 表单线索报告
  • 页面分析报告
  • 热图报告
  • 个性化创意报告
  • 筛选器

开发者指南

域名解析配置
  • 通过服务端转发把页面发布在自有域名
页面组件对接
  • 表单线索Webhook接入文档
媒体转化回传
  • 百度转化回传
转化回传灵蹊
  • 转化上报灵蹊-JS布码
  • 转化上报灵蹊 – API回传
自定义代码开发
  • 自定义变量
  • 自定义组件开发
  • 非UTF-8字符集处理声明
微信集成
  • 对接自有微信后台
  • 微信原生支付
支付集成
  • 微信原生支付
  • 自建收银台页面

账户与套餐

  • 来源管理
  • 安全认证
  • 绑定自己的域名
  • 转化设置
我的应用
  • 灵蹊销售锦囊
  • 53客服授权
  • 易聊通回传
权限与共享
  • 空间与团队
  • 资源共享

产品使用条款

  • 页面发布规范
  • 首页
  • 帮助文档
  • 页面搭建
  • 营销组件
  • 自定义组件——通用元素

自定义组件——通用元素

通用元素类自定义组件的场景

如果你在页面上有反复使用的某些元素,也可以将它们保存为“通用元素”,相当于一种在画布上可视化制作出的自定义组件。
通用元素组件的场景非常适合:
1. 被反复引用的页面元素(例如导航、Footer)
2. 需要保持统一更新的页面元素(公司介绍、奖项荣誉)

当前已支持区块与弹窗保存为“自定义组件”,后续会逐渐更新支持表单、多状态面板等更多元素。

与元素模板的区别

自定义组件与模板的核心差别在于“修改场景”。
模板用于复用布局和素材,引用后,内容可以完全脱离模板灵活修改。
自定义组件则会同步全部内容,引用后,虽然内容仍可修改,但与母版组件仍存在绑定关系。当母版组件被更新时,会推送“有更新”通知到被引用的内容上,点击更新后,会被母版最新内容覆盖掉。

自定义组件的制作

将页面内容转换为自定义组件

区块组件的入口位于区块工具条的“更多”中,可以找到“保存为自定义组件”

弹窗组件的入口位于弹窗导航条的“更多”中,可以找到“保存为自定义组件”

保存后,选择左侧资源面板的“更多”,下拉至自定义组件区域即可看到。
与自定义组件中分为“仅本页使用”和“通用组件”不同的是,这些保存后均为“通用组件”。

通用组件的更新

选择组件卡片,点击【编辑】按钮,可以进入一个独立画布,用于可视化修改这个组件的内容。

需要务必注意的是这个画布不是自动更新的。(避免未完成的版本错误推送“有更新”通知给引用的内容)
完成后编辑,请务必点击【保存】按钮。

当母版组件被更新后,引用的组件附近会出现“有更新”通知,点击并确认后,即可同步至最新的版本了。

删除通用组件

如果你在组件库中删除一个通用组件,当前正在使用这个组件的页面上组件不会立即消失,而是将被转换为“本页面普通内容”避免影响页面正常展示。
如果也需要删除引用内容,请前往相关页面手动删除,预览正确后更新发布。

多状态面板 页面与组件兼容性

Powered by BetterDocs

发表评论 取消回复

要发表评论,您必须先登录。

Table of Contents
  • 通用元素类自定义组件的场景
  • 与元素模板的区别
  • 自定义组件的制作
    • 将页面内容转换为自定义组件
    • 通用组件的更新
    • 删除通用组件