进度元素

通过本文您将了解进度元素以及如何使用它。

关于进度元素

您可用进度元素可以向页面添加更多数据或统计信息。 数字可以极大地帮助您提高转化率,因为实话实说,谁不喜欢令人信服的统计数据呢?

进度元素路径,请选择左侧边栏上的名为添加元素的图标> 高级选项>选择进度元素,然后将该元素拖放到页面编辑器中。

请注意,您可使用搜索功能来找到此元素,而不是在侧栏中找到它。

pagefly progress element

进度元素有多种变体,可满足大多数的需求。 我们将继续添加更多变体以帮助您节省时间。

您可将变体拖动到布局中,然后查看如何进行配置。

进度元素配置

进度元素有大量参数,可让您微调内容外观以实现最佳转化率。

在布局中选择进度框元素以查看其参数。

在本文中,我们将显示倒数计时器元素的“常规”和“样式”选项的参数。

常规选项参数
1. 进度选项 您可通过拖动项目名称左侧的3点划线图标来添加进度项目并重新排列这些项目的顺序。

您也可从进度框中复制或删除进度项目。

2. 操作 您可以在此处阅读有关操作参数的更多信息
4. 属性 你可以在这里阅读更多。
5. 能见度 你可以在这里阅读更多。
6. 动画效果 你可以在这里阅读更多。
样式选项参数
1. 整体您可以在此处了解所有这些参数。
2. 边距您可以在此处了解所有这些参数。
3. 排版印刷您可以在此处了解所有这些参数。
4. 背景您可以在此处了解所有这些参数。
5. 边框您可以在此处了解所有这些参数。
6. 显示您可以在此处了解所有这些参数。
7. 自定义CSS您可以在此处了解所有这些参数。

嵌套元素配置

请注意,进度元素是多张进度的组合, 要编辑每个进度条,请分别进度>转到“常规”选项。

“常规”选项中还有3个模块用于“进度”元素

设置
  • 进度类型:选择条形类型:条形圆形
  • 样式:选择文本样式:“内部文本”,“外部文本”或“文本优先
  • 百分比:设置进度百分比
  • 重量:调整条的厚度
标题设置
  • 文字:输入进度条的标题
  • 颜色:设置文字或栏标题的颜色
  • 字体大小:设置文本或栏标题的字体大小
  • 间距:设置文本4边的边框间距
颜色设置
  • 编号:为进度值的数量设置颜色
  • 活动:为活动进度区域设置颜色
  • 背景:为非活动进度区域或背景设置颜色
PreviousPrevious article

Next articlePrevious

Do you want to get more sales from the same amount of traffic?

PageFly can help you. We are the best page builder app to give you the freedom to customize your page, build trust and gain more sales.

Explore PageFly
PageFly Languagues

PageFly Help Center is now available in French, Portuguese and Chinese. Please check the flags on the page header.

I got it!
Learn the E-commerce Knowledge to Help You Grow Your Business. Explore Now