创建一个固定的“添加到购物车”按钮，指向结账页面。

什么是“粘性添加到购物车按钮”元素？

当购物者滚动浏览您的产品页面时，一个固定的“添加到购物车”按钮始终可见，帮助他们添加商品或直接结账，而无需向上滚动页面。

GemPages 的这一元素可以改善用户体验并提高转化率，尤其是在移动设备上。

请参阅 本文 有关“粘性添加到购物车按钮”元素的更多信息。

如何创建一个固定的“加入购物车”按钮，并跳转到结账页面？

按照以下步骤，使用 GemPages v7 在您的产品页面上创建一个固定的“前往结账”按钮。

步骤 1：访问 GemPages 编辑器

• 在 Shopify 管理员处，转到 GemPages Builder 应用程序 在下面 应用 部分。
• 导航到 GemPages 仪表板 > 前往 > 产品页您可以在这里找到所有使用 GemPages 构建的产品页面。

• 点击目标产品页面以打开 GemPages 编辑器。

步骤 3：添加固定“添加到购物车”元素

• 在左侧边栏中，使用搜索栏查找 粘性添加到购物车元素.

• 将此元素拖放到设计区域。

• 根据个人喜好，删除所有不必要的子元素。

步骤 4：配置“添加到购物车”按钮，使其跳转到结账页面

• 向下滚动到 重定向到 部分并设置 点击后=前往结账.

• 您可以自定义按钮的可见性，以符合您的品牌形象和需求。

高转化率粘性按钮的最佳实践

为了让您的“添加到购物车”固定按钮更有效：

• 保持可见但不显眼确保按钮不会遮挡重要内容，尤其是在移动设备上。
• 使用清晰、以行动为导向的文本: 类似这样的短语 “立即购买”, “前往结账” 或 “安全结账” 比普通的“加入购物车”功能更好。
• 与您的品牌风格相匹配使用品牌颜色和字体，保持购物体验的一致性。
• 测试地点和规模尝试不同的按钮位置或大小，看看哪种方式能提高转化率。
• 确保移动响应能力粘性元素应平滑地适应各种屏幕尺寸。

了解更多： GemX用例系列：改变CTA颜色如何提升转化率.