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

新手入门

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

页面搭建

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

智能营销

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

数据洞察

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

开发者指南

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

账户与套餐

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

产品使用条款

  • 页面发布规范
  • 首页
  • 帮助文档
  • 页面搭建
  • 营销组件
  • 自定义组件——代码组件

自定义组件——代码组件

代码类自定义组件的场景

如果你的页面需要和自己的业务流程深度结合,或者希望使用一些现在灵蹊还没有提供的组件,可以使用灵蹊的自定义组件功能。
只需委托研发团队进行一次性开发,未来你就可以随时复用、方便配置了。
例如,你可以开发自己的团购组件、支付流程等等。

自定义组件的开发

代码开发

自定义组件需要由研发团队先行完成代码开发。
详情请参考开发者文档:自定义组件开发

截图上传

开发完成后,画布上不会执行,你可以在预览时看到代码执行的效果。
推荐你对预览截图并上传,便于在画布上识别与布局。

上传截图
在画布上可以预览到截图占位效果,方便布局

组件代码修改

保存后,如果希望修改组件代码,需要选中组件并点击【...】。

自定义组件的使用

设置组件(非必须)

如果你希望在每次使用时能够配置组件,可以请研发在制作过程中将未来会修改的配置预留出来,在你使用时填空即可。

使用时,选中组件点击【设置】,就可以填写这些设置项了。

通用组件与当前页面组件

当前页面普通组件

当前页面代码用于专门服务于本页面的高级功能,例如针对当前页面定制的功能组件等。

默认添加后组件即为普通组件。注意:普通组件各自相互独立,在不同页面上编辑后不会相互通知更新。

如果会被多个页面反复使用,可以转换为通用组件


通用组件

通用组件的保存与使用

如果这是一个会被多页面反复使用的组件,推荐你将它转换为“通用组件”。

保存为通用组件后,它将被添加到自定义组件区域。以后直接点击就可以添加到画布中了。

通用组件的更新

由于代码为账户级,在页面中默认情况下是对代码的查看操作。

如果你需要修改,点击查看后可以在标题下方点击前往【修改账户代码设置】。

通用代码一经修改,保存后,修改信息会被通知到所有使用它的画布上。

注意,考虑到落地页代码的个性化程度与复杂性,灵蹊不会自动对线上页面生效新修改的通用代码,你在受影响的页面上会看到代码【有更新】的提示,点击后可以手动更新,预览确认后更新发布后,新的代码才会生效。
在你更新之前,点击“查看”所见的版本为当前正在使用中的版本。

(未来灵蹊会提供更高级的权限管理,适时再对代码增加可自动生效的配置选项。)

将通用组件转化为普通页面组件

如果你不希望随全局代码进行更新,可以点击【...】,选中【转换为仅本页面使用】,这样操作后当前生效中的代码将会与全局组件解绑,转换为本页面代码。

删除通用代码

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

视频 标签页(Tab)

Powered by BetterDocs

发表评论 取消回复

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

Table of Contents
  • 代码类自定义组件的场景
  • 自定义组件的开发
    • 代码开发
    • 截图上传
    • 组件代码修改
  • 自定义组件的使用
    • 设置组件(非必须)
  • 通用组件与当前页面组件
    • 当前页面普通组件
    • 通用组件
      • 通用组件的保存与使用
      • 通用组件的更新
      • 将通用组件转化为普通页面组件
      • 删除通用代码