在产品页面上创建弹出窗口

为什么要在产品页面上添加弹出窗口？

产品页面上的弹出窗口是一种智能方式，可以在客户需要的地方提供额外的详细信息，而不会中断他们的购物流程。

• 提升购物体验：客户无需离开产品页面即可立即查看重要信息。
• 消除购买摩擦：只需单击一下即可显示尺码表、运输信息或退货政策等详细信息，减少犹豫。
• 提高转换率：更顺畅、更无缝的旅程让客户专注于完成购买。

弹出窗口最有效的时候是为购物者提供 在正确的时间提供正确的信息，如：

• 尺码表/合身指南：时尚零售商可以使用尺码指南弹出窗口，让顾客无需离开产品页面即可快速查看尺码。这可以减少因尺码问题导致的退货。
• 运输和退货政策：美容品牌通常会弹出一个包含运输和退货详细信息的窗口，让顾客在结账前清楚了解情况并增强信任。
• 产品材料或成分：奢侈手表品牌通过弹出窗口突出显示技术规格，帮助购物者探索详细信息，而无需浏览主产品页面。
• 限时优惠或促销：零售商经常在产品页面上直接推出促销弹出窗口（例如“买二送一”或“仅限今天免费送货”），以抓住紧迫感并推动更快的决策。

如何使用 GemPages 创建产品页面弹出窗口？

在 GemPages v7 中，使用可用的 弹出元素。 跟着这些步骤：

步骤 1：访问 GemPages 编辑器

• 登录您的 Shopify 管理员并导航至 GemPages Builder 应用程序 ，在 应用 部分。
• 在MyCAD中点击 软件更新 前往 > 产品中心 找到使用 GemPages 构建的所有产品页面。
• 点击目标产品页面进入编辑器。

第 2 步：添加元素并配置弹出窗口

• 找到编辑器后，在搜索栏中输入“popup”以找到 Popup 元素。

• 将元素拖放到您的页面。您将在左侧边栏中看到其设置面板。

• 根据您的喜好配置弹出窗口，例如：

1. 调整弹出窗口的大小 尺寸 部分。 您可以将其设置为全屏或调整为特定的宽度和高度。
2. 修改背景颜色或图片 背景 部分。 举个例子，您可以上传尺码表图像来创建合身指南弹出窗口。
3. 选择弹出窗口何时出现在 显示条件 部分。

有关配置 Popup 元素的完整说明，请参阅 本文.

步骤 3：保存并重新发布您的页面

• 在顶部栏的左角， 保存 您的更新和 预览 以确保弹出窗口正确显示。
• 点击 发布 按钮使弹出窗口生效。

结果：