复制优惠券代码按钮

复制优惠券代码按钮是什么？

此 复制优惠券代码按钮 GemPages 允许您创建一个按钮，在您的商店页面上显示折扣代码。 

当用户点击此按钮时，优惠券代码将自动复制到剪贴板。这样就无需手动输入，让客户在结账时更快、更轻松地使用折扣代码。

如何将复制优惠券代码元素添加到您的页面？

按照以下步骤，使用 GemPages Editor v7 将“复制优惠券代码”元素拖放到您的页面中：

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

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

配置“设置”选项卡

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

布局

为您的按钮选择两个选项：带图标和不带图标（仅限文本）。

使用优惠券

在框中输入您的优惠券代码。

尺寸

• 宽度 以及 高度：定义按钮的尺寸以确保其显眼但不突兀。
• 填充：调整按钮内的内部间距，以便更好地对齐文本或图标。

背景

通过以下方式将纯色/渐变色或图像设置为背景：

• 输入颜色代码
• 从“最近的颜色“或”为您推荐“ 列表
• 从色样中选择
• 使用颜色选择器设置背景颜色。

形状

使用以下方法自定义形状：

• 边界： 选择边框样式（线条/虚线/点划线），并更改边框颜色和粗细以符合您的品牌设计
• 角： 调整角半径以获得更好的可见性。
• 阴影： 应用阴影效果来增加深度。

图标

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

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

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

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

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

注意：自定义上传仅支持SVG 文件。

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

文本

如果在按钮中包含文本，则可以设置其样式以适合您的品牌：

• 样式：从标题样式中选择突出的样式。
• 字体：选择与您的商店字体相匹配的字体系列。
• 尺寸：调整文本大小以提高可见度。
• 粗体/斜体/下划线：强调这些文本样式。
• 字体粗细：控制文字的粗细。
• 线高：微调多行文本的行距。
• 字母间距：调整各个字符之间的间距以提高可读性。
• 改造：将文本格式化为 大写, 小写 或 利用 每个字。

影响

自定义按钮的Hover状态和Clicked状态。

• 徘徊： 当用户将鼠标悬停在您的复制优惠券按钮上时，更改背景和文本颜色。

• 点击次数：

结果

保存并发布您的更新并在实时商店中检查结果。

使用复制优惠券代码按钮的最佳实践

为了最大限度地发挥效率 复制优惠券代码按钮 在 GemPages v7 中，为了实现最佳用户参与度，放置和设计它非常重要。 

以下是一些最佳做法，可确保它能帮助您实现更多转化：

在着陆页或产品页面上显示

具有 复制优惠券代码按钮 在登陆页面或产品页面上添加以下效果可以非常有效地提高转化率：

• 登陆页面： 访客来这里是为了了解促销活动。一键优惠券按钮可减少摩擦并鼓励购买。
• 产品页面： 将按钮放在价格或“添加到购物车”附近可以让购物者快速获得折扣，从而增加完成销售的可能性。

在电子邮件通讯弹出窗口中显示 

• 电子邮件通讯： 将按钮添加到电子邮件中，方便一键访问优惠券，无需手动输入代码，简化流程。
• 弹出窗口： 在顾客离开前或浏览后使用弹出窗口提供优惠券。快速复制功能鼓励他们留下来并购买。

常見問題解答

1.复制优惠券代码按钮如何提高转化率？

它允许顾客快速复制和应用代码，从而简化结账流程，提高转化率。

2. 它适用于所有 GemPages 计划吗？

是的，所有计划均提供此功能。

3. 我可以自定义按钮的设计吗？

是的，您可以在 GemPages 编辑器中轻松调整其样式、颜色和大小。

如需任何进一步的帮助，请随时通过实时聊天或 support@gempages.help 联系我们的 GemPages 支持团队。