按钮元素

在本文中,您将了解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元素类别中的商品添加到购物车 按钮元素。

Navigate this category

PreviousPrevious article

Next articlePrevious

Could not find the answer to your question?

No worries, contact Our LiveChat Support 24/7

Contact PageFly LiveChat
PageFly Languagues

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

I got it!