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

新手入门

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

页面搭建

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

智能营销

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

数据洞察

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

开发者指南

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

账户与套餐

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

产品使用条款

  • 页面发布规范
  • 首页
  • 帮助文档
  • 页面搭建
  • 画布操作
  • 区块

区块

了解区块

区块是什么

区块可以简单理解为在灵蹊编辑器内的“一截画布”,也是页面上的一个业务模块单元,例如“产品优势”、“用户证言”、“常见问题”等。
区块可以帮你组织页面、保存模板并且动态化内容等等。善用区块可以极大提升灵蹊效率。  

为什么要使用区块

  1. 数据统计
    将具有相关性的内容放到一起,灵蹊可以为你统计用户在各个模块上的用户使用数据与转化贡献,从而更方便得到数据洞察
  2. 保存成模板
    区块可以保存成模板,你在左侧的资源面板中可以找到曾经保存过的区块,未来只需要点击上屏,就可以快速拼接页面内容了。
  3. 实现页面动态化
    对区块启用个性化创意,你可以对一个位置设置多版创意,例如多个版本的首屏Banner等等,(未来)还可以创建多个版本的页面,在不同版本中呈现不同的区块顺序。
  4. 实现吸顶、吸底工具条悬浮
    在区块上启用悬浮属性,可以实现吸顶、吸底工具条的设置
  5. 实现页面内导航
    通过对任意元素增加“点击动作”,可以选择导航至页面内的区块
  6. 便于整理页面
    如果你希望在页面中间增删内容或者优化某个模块的长度、调整模块位置等,使用区块可以极大优化这些调整的效率。

创建区块

新增区块

  1. 在区块工具条上或左侧资源面板的区块中点击“添加区块”,可以在当前选中的区块下方插入一个空白区块
  2. 你也可以点击资源面板中的模板,直接添加带有内容的区块

切分区块

为了可以更好的监控每一屏的转化效果,我们可以把每一屏做为一个区块进行监控,同时利用切分功能将整体页面内容进行区块的切分。


区块命名

为页面中每一个区块进行命名,为了在数据报告中查看此区块的效果。

在区块工具条上点击“设置”,打开后即可找到区块名称。
命名好的区块将显示在报告、导航设置等处。
注:修改区块名称不会影响数据统计,所以即使最初忘记命名在未来补充、或需要修改区块名称,都不会影响报告数据,请放心修改。

区块命名后将展示在报告中


区块模板

保存区块模板

在区块工具条上点击“…”,打开后即可找到保存为模板。保存后的模板可以在左侧资源面板中找到。

使用区块模板


区块背景

设置区块背景

在区块设置的【...】选项中,你可以找到区块的背景设置。

你可以将背景设置为纯色、渐变色或上传图片并调整其填充模式。

设置为背景后,图片将随着你的区块调节自动伸展。
对于PC端页面,还会横向填充页面。

将图片转换为区块背景

你也可以将画布上的图片一键转换成背景,选中图片,点击工具条上的【...】,即可找到【设置为区块背景】的选项。
这个操作对于经由PSD上传生成的页面格外好用。

为PC版设置背景(重要)

PC版的编辑器是基于一定宽度的(默认1200px空白或基于你上传的PSD稿展开)。
如果不设置背景,即使在编辑器中看上去完整,但如果使用较大浏览器设备查看,两侧可能会出现空白。
(因为如果不声明背景,计算机默认只能将其当做普通的图片,保持固定宽度展示。)

以基于1440设计的页面为例:

上传后,未设置背景的情况下,即使小于等于1440分辨率的设备查看页面是完整的,但大于1440的页面查看时,两侧会有留白。

(紫色部分)设置为背景后,背景则会自动向两侧填充

元素

Powered by BetterDocs

发表评论 取消回复

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

Table of Contents
  • 了解区块
    • 区块是什么
    • 为什么要使用区块
  • 创建区块
    • 新增区块
    • 切分区块
  • 区块命名
  • 区块模板
    • 保存区块模板
    • 使用区块模板
  • 区块背景
    • 设置区块背景
    • 将图片转换为区块背景
    • 为PC版设置背景(重要)