将尺码表添加到您的产品页面

如何在产品页面中显示尺码表？

选项 1：使用图像元素

如果您有预先设计的尺寸表图像，您可以轻松地将其添加到您的产品页面。

第三步： 在 GemPages 编辑器中打开您的产品页面并找到 图像元素.

第三步： 将元素从左侧边栏拖放到页面上的所需位置。

第三步： 在下面 来源 部分，将鼠标悬停在当前图像上并点击 上传图片.

第三步： 上传尺寸表图像后，您可以按照自己的方式修改其设置。

选项 2：使用自定义代码

第三步： 导航到你的 Shopify 管理员 > 产品中心. 选择您要添加尺码表的产品。

第三步： 在下面 描述 部分，使用创建尺寸表 表 函数。完成后，点击 已保存.

第三步： 在描述编辑器中，点击 显示 HTML 按钮。

复制您的尺码表的 HTML 代码。

第三步： 在 GemPages 编辑器中，将 自定义代码 element 从侧边栏中将其放置在您希望显示尺寸表的位置。

第三步： 在下面 自定义代码 部分，单击打开代码面板。

第三步： 将 HTML 代码粘贴到 HTML 标签 并击中 保存。

检查结果：

选项 3：使用第三方应用程序

如果想要更动态或可自定义的尺码表，第三方应用是不错的选择。许多应用与 GemPages 无缝集成，提供自动尺码建议和高级自定义等功能。

要了解这些选项，请访问 GemPages 帮助中心 – 尺码表集成 有关使用流行尺码表应用程序的逐步指南。

最佳实践：使用 GemPages 创建尺码表弹出窗口

您无需直接在产品页面上显示尺码表，而是可以通过在产品页面内显示尺码表来使其更加方便用户使用。 弹出窗口.

这样，您的页面就会保持干净，并且客户只有在需要时才能打开图表。

为什么推荐这个：

• 保持产品页面整洁、无干扰。
• 提供更好的客户体验：尺码表始终可访问，但不占用空间。
• 与图像和表格尺寸图表无缝协作。

使用弹出窗口显示尺码表是最灵活的方法，可确保客户无需离开产品页面即可轻松检查尺码。

请按照以下步骤在您的页面上创建尺寸表弹出窗口：

第三步： 进入 GemPages 编辑器后，您可以使用搜索栏找到弹出元素。然后，将元素拖放到设计区域。

第三步： 继续添加嵌套在弹出窗口中的图像元素。

第三步： 在图像的设置面板中，转到 来源 部分并将鼠标悬停在当前图像上。然后点击 上传图片 上传您的尺码表图片。

第三步： 单击弹出窗口外部，然后将按钮元素拖放到页面中所需的位置。

第三步： 根据需要配置按钮 个人设置 标签。

例如，您可以更改背景颜色、调整按钮大小或添加悬停效果。

然后，编辑按钮文本并配置文本样式。您可以尝试“查看您的尺码”或“尺码指南”来触发访客点击。

第三步： 向下滚动到 链接 部分并将其切换为“开启”。从那里，设置 点击后=打开弹出窗口，然后选择步骤1-3中创建的弹出窗口。

现在，只要访问者点击此按钮，就会出现弹出窗口。

保存并重新发布您的页面，您可以在实时商店中查看结果。

结果：