折叠元素

您可通过本文了解“折叠”元素及其使用方法。

关于折叠元素

折叠元素用于在页面上创建可折叠的内容,使页面更简洁并提升用户体验从而提高转化率。 您可以将“折叠”元素用作“标签”,“滑页”元素的内容,或显示商店的常见问题。

要使用“折叠”元素,请选择左侧边栏上的名为“添加元素”的图标>“容器”>选择“折叠”元素,然后将该元素拖放到页面编辑器中。

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

pagefly accordion 1

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

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

折叠元素配置

折叠元素有大量参数,可让您通过设置这些参数微调内容外观以实现最佳转化率。

选择布局中的元素以查看其参数。

pagefly accordion 2

通过本文,我们将显示“折叠”元素的“常规”和“样式”选项的参数。

常规选项参数

1. 内容
  • 折叠项目:在此处添加/删除/复制折叠元素。您还可以通过拖动折叠元素名称左侧的3个点图标来重新排列这些折叠元素的顺序。
  • 折叠标识:您可以根据自己的喜好选择3种样式的图标。
  • 标识位置:在左侧或右侧之间选择。
  • 允许打开多个项目:允许您的访问者一次打开多个标签。
  • 默认开启项目:默认的折叠元素项目,无需单击即可打开。
2. 操作您可以在此处阅读有关操作参数的更多信息
3. 属性 你可以在这里阅读更多。
4. 能见度 你可以在这里阅读更多。
5. 动画效果 你可以在这里阅读更多。

样式选项参数

您可以选择以下样式:
  • 折叠元素标题
  • 折叠元素内容

对于“折叠元素标题样式”,除了以下参数之外,您还可选择“标题状态”,其中包含3个选项:“正常”,“悬停”,“选定”。

1. 整体您可以在此处了解所有这些参数。
2. 边距您可以在此处了解所有这些参数。
3. 排版印刷您可以在此处了解所有这些参数。
4. 背景您可以在此处了解所有这些参数。
5. 边框您可以在此处了解所有这些参数。
6. 显示您可以在此处了解所有这些参数。
7. 自定义CSS您可以在此处了解所有这些参数。

内含元素设置

折叠元素是一组多个内容。 您通过将“折叠内容”中的其他元素作为普通模块拖进行编辑。

pagefly accordion 3

由此,您可以在折叠内容中拖放任何其他元素。

Navigate this category

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!