图标元素 

什么是图标元素？

此 图标元素 GemPages 允许您向页面添加图标，增强视觉吸引力并有效传递关键信息。 

您可以使用此元素来改善用户体验，强调重要细节，并增强访问者的信任。

以下是图标元素的一些常见用例：

• 信任徽章和安全指标： “安全支付”、“快速发货”或“退款保证”等标志可以让客户放心并建立信任。
• 突出产品特点： 使用图标来吸引人们对产品优势的关注，例如“环保”、“手工制作”或“易于使用”。将这些图标与简短的描述配对，可使您的页面更具吸引力且视觉上更清晰。

如何向您的页面添加图标元素？

请按照以下步骤使用 GemPages Editor v7 向您的页面添加图标元素：

• 登录到您的 Shopify 管理员 > GemPages 构建器 应用> 前往.
• 点击需要添加图标元素的页面，进入编辑器。
• 从左侧边栏搜索此元素，然后将其拖放到页面上的所需位置

• 找到该元素以打开其设置进行进一步的自定义。

配置“设置”选项卡

在下面 个人设置 选项卡中，您可以根据需要配置图标的可见性：

图标

在下面 图标 部分，您可以选择在此元素中显示的图标。

• 选项 1：从 GemPages 系统库中选择

从下拉菜单中选择图标样式或在搜索框中输入图标名称以找到您喜欢的图标。

• 选项 2：上传您的自定义图标

请参阅 本文 有关自定义图标上传的更多详细信息。

然后，按照您的方式更改图标颜色，并调整图标的大小和填充以符合您的品牌设计。

背景

更改图标背景颜色 背景 部分。您可以使用多个选项来选择所需的颜色：

• 选择 最近的颜色 or 为您推荐.
• 单击颜色框打开颜色样本。
• 使用颜色选择器从页面上的任何其他元素中选择颜色。

链接

切换到此部分并选择 点击后 列表中的操作：

• 打开页面： 将客户引导至相关页面（例如产品详细信息、常见问题解答等）
• 滚动至： 滚动到页面中的某个部分
• 打开弹出窗口： 点击图标后将出现一个弹出窗口
• 发电子邮件： 一旦您的客户点击图标，就会发送一封电子邮件
• 拨打电话： 自动拨打特定电话号码

对齐

将图标与 左, 中心 或 右 以适合您的布局。

配置高级选项卡

如需更多高级自定义，请导航至“高级”选项卡并按照 本文.