按钮元素

在本文中,您将了解Page按钮元素以及如何使用它。

关于按钮元素

按钮元素是任何页面的基本元素之一。无论您要在网页上实现什么目标,都可用其为给访客做一个操作/动作的提示。您可使用按钮元素将访问者重新定向到任何给定的URL,滚动到当前页面的任何部分,拨打电话,发送电子邮件,启动谷歌分析(Google Analytics)脸书像素或(Facebook pixel)活动,下载文件等等。

pagefly button element 1

按钮元素有4个按钮变体,每个变体具有不同的样式。我们将继续添加更多变体,以帮助您节省时间。

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

按钮元素配置

按钮带有大量的设置参数,您可调整这些参数来微调内容和外观以达到最佳转化率。

在布局中选中该元素,以查看其参数。

pagefly button element 2

“常规”和“样式”选项中的参数为此元素的特定参数。

常规选项参数
1. 内容
  • 按钮文本:要在按钮上显示的文本。按钮的宽度将根据此文本的长度自然扩展。
  • 显示图标:启用/禁用图标
  • 图标位置:当启用“显示图标”时,此参数才可用
2. 操作 您可以在此处阅读有关操作参数的更多信息
3. 追踪
  • 将Google Analytics(谷歌分析)事件添加到您的总帐户。 您可以在此处了解如何进行设置。
  • 客户点击元素时的Facebook Pixel(脸书像素)活动。 你可以在这里阅读更多。
4. 属性 你可以在这里阅读更多。
5. 能见度 你可以在这里阅读更多。
6. 动画效果 你可以在这里阅读更多。
样式选项参数
您可在“样式预设”中选择6种样式作为按钮样式。

除了以下参数,您还可以为其选择“按钮状态”,其中包含3个选项:“正常”,“悬停”,“选定”。

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

提示: 如果要将按钮链接到Shopify产品,该怎么办?

有时您希望该按钮充当“添加到购物车”或“立即购买”按钮。请使用PageFly的Shopify元素类别中的商品添加到购物车 按钮元素。

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