联系表单元素

关于联系表 

A 联系表格 这是一种基于网络的表单，店主可借此收集客户信息。这些表单不仅方便客户查询，而且在营销中发挥着重要作用，可以吸引潜在客户并扩大客户群。

与版本 6 相比，版本 7 中的联系表单元素基本保持不变。本文将指导您完成设置过程并深入了解所包含的子元素。

将联系表单添加到您的页面

此 联系表格 是一个灵活的元素，可以按照以下步骤在任何页面上使用：

第四步: 访问 GemPages 仪表板 并选择一个页面进行编辑或创建一个新页面。

第四步：在左侧边栏中，找到 联系表格 元素并将其添加到页面上您喜欢的位置。

联系表单元素已配备所有必要组件，可用作客户信息收集表单。无需任何调整即可在您的实时页面上使用。 

但是，如果您希望增强表单的设计，GemPages 提供了几个可适应的子元素。

子元素Child elements

此 联系表格 带有各种子元素。这些子元素必须放置在 联系表格 才能正常运行。以下是 联系表格 子元素：

• 文本块： 使用此元素在表单中添加静态内容，如标签、说明或注释。
• 文本字段： 提供 供客户输入任何类型信息的空间。
• 电子邮件字段： 允许客户输入他们的电子邮件地址。
• 文字区： 功能与文本字段类似，但提供更广泛的输入区域。
• 提交按钮： 此按钮对于客户点击提交表单至关重要。

此 电子邮件栏位 和 提交按钮 是联系表单正常运行所必须包含的重要组件。 

如果您打算在产品模块中使用这些元素，建议使用 产品自定义字段 元件。

配置“设置”选项卡

留言

此消息部分用于输入用户成功提交表单时显示的消息，以及错误情况下显示的消息。此外，您还可以更改每条消息的颜色。 

默认情况下，消息将显示为：

• 成功: 感谢您联系我们。我们会尽快回复您。
• 错误： 无法发送电子邮件。请稍后重试。

尺寸

在此部分下，您可以根据需要调整联系表单的宽度和填充。

举个例子，我们将底部间距设置为100。

背景

将元素的背景颜色设置为渐变色或纯色。 

• 您可以从 最近的颜色 列表或“为您推荐”列表进行快速设置。 
• 除此以外， 输入颜色代码, 从颜色样本中选择 或 使用颜色选择器 从页面的任何部分选择一种颜色。
• 调整 颜色强度 通过在颜色代码旁边的框中输入数字来实现更好的可视化。

请注意，仅为文本块子元素设置背景颜色。

形状

要自定义元素的形状，请向下滚动到 形状 部分。从这里，您可以 添加边框, 调整角半径和 添加阴影效果 增强联系表单的视觉层次。

• 边界： 更改颜色和粗细，并选择边框的描边。

• 角： 调整元素边框的圆角半径。圆角半径越大，圆角看起来越圆润。

• 阴影： 通过应用外阴影来增加深度和强调效果。您可以选择不同的阴影类型，并调整颜色以匹配您的设计。

提交后的操作

操作：确定您是否希望在完成表单提交后引导用户到指定的目标页面或让他们停留在当前页面，包括：

• 停留在页面： 提交后无任何动作
• 打开页面： 提交成功后，用户将被重定向到另一个页面
• 滚动至： 滚动到页面上的目标部分
• 发电子邮件： 用户提交表单后将自动发送电子邮件
• 拨打电话： 用户点击后拨打电话 提交表单

举个例子如果您决定将客户引导至另一个页面，请选择 “打开页面” 从下拉列表。

然后，点击 页面/链接 打开页面面板，您可以在其中插入目标链接或从列表中的可用选项中进行选择。

配置高级选项卡

如需更多高级定制，请导航至 高级选项卡 并按照中的说明进行操作 本文.

访问您的表单提交

所有填写完毕的表单提交都将转发到您的电子邮件收件箱。根据您的电子邮件服务提供商，您可能还需要检查 破烂 or 垃圾 文件夹中存放所有放错位置的电子邮件。

要在 Shopify 中查找或修改目标电子邮件地址，请按照以下步骤操作：

• 导航到你的 Shopify 管理员 然后继续 设置>通知. 
• 如果您希望更新电子邮件地址，只需在指定的 “发件人电子邮件” 领域。
• 点击 “保存” 按钮确认更改。

打开/关闭 Google ReCAPTCHA

作为一项垃圾邮件防护技术，所有 Shopify 商店都默认启用 Google reCAPTCHA。这意味着客户每次想要提交表单时都必须完成 reCAPTCHA 测试。

如果您愿意，您可以关闭此安全策略，以便您的客户更快地填写表格。

前往 Shopify 管理员 > 在线商店 > 优先，取消选中 垃圾邮件防护 部分，然后点击“已保存“。