在本文中,我们将逐步指导您 如何使用添加付款图标 宝石页,可以选择使用图像元素或图标元素。
为什么要在“添加到购物车”按钮下方显示付款图标?
添加 付款方式图标 就在 添加到购物车 按钮是一种简单而有效的方法,可以增强客户信心并推动更多转化。
这就是为什么它很重要:
- 建立信任:当顾客知道自己喜欢的付款方式被接受时,他们会感到更安全。
- 促进转化:顺畅、透明的结账流程可鼓励买家完成购买。
- 改善用户体验:将图标放置在“添加到购物车”按钮附近可确保客户一眼就能了解情况。
如何在添加到购物车按钮下添加付款图标?
按照以下简单步骤将付款图标添加到您的 GemPages 布局:
第 1 步:添加行元素
第三步: 拖放一个 行元素 位于 GemPages 页面上“添加到购物车”按钮的正下方。

在下面 布局 部分,选择 列数 根据您计划显示的付款图标数量在行中显示(例如,3 个图标占 3 列)。

第 2 步:选择如何添加付款图标
您有两种方式可以添加付款图标:
选项 1:使用图像元素
- 使用搜索栏找到图像元素。然后,拖放 图像元素 进入行的每一列。

- 在下面 来源 在“付款”部分,上传您首选的付款图标(例如 Visa、Mastercard、PayPal)。如果您已将图片上传到 Shopify,您可以点击 浏览图库 从库中选择。

- 使用自定义图像的外观和布局 个人设置 金益辉 先进的 标签。

有关图像设置的详细说明,请参阅 本文.
- 对所有其他图标重复此过程。为了节省时间和精力,您可以右键单击并选择 复制 > 复制样式 复制图像元素并替换每列的图像。

选项 2:使用图标元素
注意: GemPages 仅支持图标元素的 SVG 文件。
- 使用搜索栏找到图标元素。然后,拖放 图标元素 进入行的每一列。

- 从预装的图标中选择或上传您的付款图标 SVG格式.

- 调整图标的大小、对齐方式和样式以匹配您的设计。

有关图标设置的详细说明,请参阅 本文.
- 对该行的其余列重复该过程。
步骤 3:保存并发布
完成后 保存您的更新 金益辉 预览 在发布之前,请检查页面效果。如果您对结果满意,请点击 发布 将这些更改应用到您的实时页面。

谢谢您的意见