本文将向您展示如何使用 产品自定义字段元素 在 GemPages 中收集来自 Shopify 产品页面上的客户的额外信息。
什么是产品自定义字段元素?
此 产品自定义字段元素 是一款灵活的工具,可让您在客户购买产品时获取更多详细信息。您可以根据需要显示不同类型的字段,例如文本框、复选框、下拉菜单或单选按钮,以收集特定信息。
例如:
- 收集个性化笔记或雕刻文字。
- 向顾客询问送货说明。
- 提供定制选择(颜色、尺寸、包装)。
- 捕获 Shopify 默认产品选项未涵盖的信息。
通过产品自定义字段收集的所有数据将附加到订单中并显示在您的 Shopify 管理员 > 订单 订单确认后。

如何添加产品自定义字段
注意: 由于 产品自定义字段 是 产品模块,它必须始终放置在产品模块内才能正常工作。
按着这些次序:
第四步: 在里面 GemPages 仪表板,选择您要处理的页面并进入编辑器。
第四步: 如果你没有 产品模块,将其拖放到您的页面上。
第四步:将自定义字段元素拖放到产品模块内您喜欢的位置。

提示: 如果您需要收集多条信息,您可以在产品模块内添加多个产品自定义字段。
添加后,单击元素即可打开其 设定面板 在左侧边栏上。此面板包含两个选项卡: 个人设置 和 先进的:

配置设置选项卡
1。 类型
选择输入样式。您可以选择:
- 文本:单行输入简短的注释。
- 文字区:用于较长注释的多行框。
- 邮箱:格式化为电子邮件地址的输入字段。
- 复选框:允许客户选择多个选项。
- 单选按钮:顾客只能从一组中选择一个选项。
- 落下:用于单选选项的紧凑选择框。
- 老旧房屋:对客户来说是不可见的,但仍会随订单发送预定义的值。

七、产品来源
显示自定义字段所属的产品。要更改,请打开 产品选择器 在产品模块中。

3.期权管理
请选用 复选框、单选框和下拉菜单 类型。在这里,您可以:
- 添加或删除选项。
- 编辑选项标签。
- 重新排序选择以控制显示顺序。

4。 尺寸
(不适用于隐藏类型)
- 宽度: 默认情况下,字段会覆盖整个容器。您可以切换到 适合内容(自动) 如果喜欢。
- 起升高度: 默认为自动。如果您想要更高的输入字段,请进行调整。
- 图标和文字差距: 控制复选框或单选按钮布局中图标和文本之间的间距。

5。 背景
(不适用于隐藏类型)
为您的输入字段设置背景颜色或图案。

6。 形状
(不适用于隐藏类型)
这些设置控制输入字段的整体形状和样式:
- 边界: 调整边框粗细、样式(实线、虚线、点线)和颜色。
- 角: 设置边框半径。
- 阴影: 应用阴影来增加深度并使字段脱颖而出。

7.输入文本样式
请选用 文本、文本区域和电子邮件 类型。选项包括:
- 占位符: 输入前显示的默认文本。
- 字体: 从可用字体中选择或应用自定义字体。
- 尺寸、颜色和重量: 调整字体以提高可读性和品牌影响力。
- 行高和字母间距: 微调文本间距。
- 文本转换: 将文本转换为大写、小写或首字母大写。

对于复选框、单选按钮和下拉列表字段,此部分可自定义选项标签。
8.标签
(不适用于隐藏类型)
显示或隐藏字段标签。您可以自定义:
- 内容文本。
- 字体、大小、颜色、粗细。
- 间距和文本转换。

9.悬停效果
控制悬停时字段的外观:
- 背景颜色。
- 文字颜色。
- 边框样式。
- 角半径。
- 阴影。

10.焦点效果
当字段处于活动状态或被选中时自定义样式:
- 背景。
- 文字颜色。
- 边界。
- 角半径。
- 暗影。

11。 组态
- 字段名称:分配一个供后端参考的标识符。
- 其他要求:激活此开关可以防止用户绕过此信息。
- 仅数字:启用此选项可专门允许数字输入。
- 最小/最大字符:使用滑块根据需要调整允许的最小字符数和最大字符数。

12. 错误信息
输入无效输入或缺少必填字段的自定义错误消息。

13.对齐
将字段在容器内左对齐、居中对齐或右对齐。

配置高级选项卡
如需更多高级定制,请导航至 高级选项卡 并按照中的说明进行操作 本文.
谢谢您的意见