Web 表单

Web 表单

通过捕获潜在客户的网站注册信息，直接生成联系人到 Bigin，而无需输入哪怕一行代码。

假设您有一个包含“订阅”表单的完整网站。一个潜在客户查看您的主页、您提供的产品、产品的规格并分析您的产品如何与众不同。在他们感兴趣时，他们会在订阅表单中输入他们的信息。现在，您将收到一封电子邮件，其中包含潜在客户提交的信息。然后，您必须将该信息手动输入您的 Bigin 帐户、分配用户、分配任务等。此过程非常耗时，并且有可能会漏掉潜在客户提交的信息。为了帮助您节省时间和提高效率，此过程应自动化。
这就是 Web 表单可以帮助您的地方，它可以即时捕获潜在客户提交的信息，并自动将他们作为联系人添加到您的 Bigin 帐户中。

设置 Web 表单

这涉及三个步骤
  • 构建表单 - 将所需的字段拖移到所见即所得编辑器中。
  • 指定表单详细信息 - 例如，表单名称、表单位置、登录页 URL、提交表单后分配所有者和自定义通知。
  • 为表单生成代码 - 将表单嵌入到您的网页和第三方网站，例如 Facebook、Wordpress、Google Sites 和 Joomla。
要生成 Web 表单，请执行以下操作：
  1. 转到 设置 > Web 表单。
  2. 点击 +创建 Web 表单。

  3. 在 Web 表单生成器中，执行以下操作：
构建表单：
  • 拖放您在 Web 表单中需要的字段。
  • 插入验证码。
  • 添加选项以上传文件。
  • 将字段标记为必填。
  • 将字段设为在表单中隐藏。
  • 为字段提供提示或帮助链接。
  • 设置字体和表单布局。
  • 更改按钮名称。
指定表单详情及其它选项
  • 添加表单详情，例如表单名称、登录页 URL、表单位置 URL。
  • 设置通知选项
复制 Web 表单代码和嵌入选项
  • 获取代码以嵌入到您的网站和其它第三方网站中。
    该代码有三种不同的格式 - HTML 源代码、嵌入代码和 iFrame 代码。

第 1 步：创建表单

将所需的字段拖放到所见即所得编辑器中，然后更改字体、字体大小、背景颜色、所需宽度。

若要添加字段并设置字体和表单布局
  1. 在字段页签下面，点击字段并拖放到表单生成器中。

  2. 更改字体、字体大小、背景颜色、字段标签对齐方式和表单宽度。

注意：
  • 默认情况下，姓氏、电子邮件和电话等必填字段已添加到表单中。
  • 不能从表单中删除姓氏字段，因为它们对于联系人模块中的记录是必需的。
  • 要使用自定义字段，您需要先在联系人模块中创建它们。另请参阅“自定义字段”。
  • 当您在 Web 表单中为联系人添加公司名称字段且提交了联系人详情时，Bigin 中会自动创建一个公司。如果 Bigin 帐户中已存在同名的公司，则提交表单详细信息后将不会创建公司。
  • 公司将被创建，即使一些必填字段详细信息未提供。稍后，当该公司被编辑时，您需要在保存记录前提供其他必填详细信息。

上传文件
允许用户上传文件（例如，屏幕截图、发货单申请等），并将作为记录的附件自动添加到 Bigin 帐户中。

要添加选项以上传文件，请执行以下操作：
  1. 点击工具页签。
  2. 拖放“文件上传”字段。
    请注意，访客不能上传大于 20 MB 的文件。您可以使用字段设置中的帮助链接选项来提供此提示。


插入验证码
防止机器人自动在您的 Web 表单中提交不需要的内容。这就像一个安全的网关，只有在成功完成这个测试后，才会考虑提交的记录。

要插入验证码
  1. 点击工具页签。
  2. 拖放验证码字段。

插入隐私政策
隐私政策说明网站所有者将如何照看和处理客户的隐私信息。将其添加到您的 Web 表单后，客户就可以合法地同意您公司的隐私政策或最终用户许可协议。将其添加到您的 Web 表单后，客户只有在阅读并启用复选框后才能提交信息。

要插入隐私政策，请执行以下操作：
  1. 点击工具页签。
  2. 拖放隐私政策字段。
  3. 在隐私政策弹出窗口中，添加相关消息并点击完成。
    您也可以为文本添加一个链接。例如，隐私政策页面的链接。

将字段标记为必填
名称、电子邮件、电话等特定字段很重要，在提交表单之前，潜在客户必须填写这些详细信息。将字段标记为必填之后，用户必须填写这些必需的详细信息之后才能提交表单。

要将字段标记为必填，请执行以下操作：
  1. 将鼠标指针悬停在想要标记为必填的字段上。
  2. 点击设置图标。
  3. 在字段属性弹出窗口中，选中标记为必填字段复选框。
  4. 点击完成。

将字段标记为隐藏
隐藏字段分开地为您提供提交 Web 表单的客户不可见的信息。假设在 Facebook、Twitter 和网站中托管相同的 Web 表单。隐藏字段会告诉您该表单是从哪里提交的。

要将字段标记为隐藏，请执行以下操作：
  1. 将鼠标指针悬停在想要在表单中隐藏的字段上。
  2. 点击设置图标。
  3. 在字段属性弹出窗口中，选择标记为隐藏字段复选框。
  4. 为字段指定默认值并点击完成。


提供提示或帮助链接
协助客户以指定格式输入所需的信息。提供提示或帮助链接，指导客户了解该字段代表什么以及应如何提交回答。

要对字段提供提示或帮助链接，请执行以下操作：
  1. 将鼠标指针移至想要提供提示或帮助链接的字段上。
  2. 点击设置图标。
  3. 在字段属性弹出窗口中，选中包括帮助链接复选框。
  4. 选择下列任一选项：
    • 链接和文字 - 指定链接的文字并提供链接 URL。
    • 仅文字 - 指定帮助/提示文字。例如，日期字段格式可为 - MM-DD-YYYY

  5. 点击完成。

更改按钮名称
默认情况下，有两个操作按钮：提交和重置。可以自定义这些按钮以满足您的需求。

要更改按钮名称
  1. 将鼠标指针移至想要在表单中重命名的按钮上。
  2. 点击设置图标。
  3. 在按钮属性弹出窗口中，修改字段名称。
    字段的名称仅在当前表单中更改。
  4. 选择所需的按钮颜色。
  5. 点击完成。

从表单中移除字段
如果您错误地添加了一个字段，或者想要删除 Web 表单中预先填入的字段，则可以删除该字段。
要从表单中移除字段
  1. 将鼠标指针移至想要从表单中移除的字段上。
  2. 点击删除图标。

注：
  • 您不能从 Web 表单中删除必填字段。

预览 Web 表单
在发布之前查看您的 Web 表单看起来是什么样子。

要预览表单
  1. 在表单构建器中，点击预览链接。
    系统会提供该表单的预览。

第 2 步：指定表单详情

  1. 输入表单名称（反馈、联系我们等）。
  2. 指定表单地址 URL。这应该是托管 Web 表单的网页。它应该以 http:// 或 https:// 开始。（示例：https://www.zylker.com/contact-us.html）、
    如果您不确定在哪里托管 Web 表单，请在此字段中输入 *。这将阻止垃圾邮件，并仅允许将通过特定域提交的表单捕获为有效信息。
  3. 指定登录页面 URL。提交表单的访客将被重定向到此处指定的 URL。它应该以 http:// 或 https:// 开始。
    返回 URL 的长度不得超过 255 个字符。（示例：https://www.zylker.com/thank-you.html）。
  4. 为通过 Web 表单提交的记录分配所有者。
    从下拉列表中选择。通过表单生成的所有记录将分配给所选用户。
  5. 根据情况从模块的现有标签列表添加相关标签。
    所选标签将添加到从 Web 表单采集的所有记录中。
  6. 开启启用双重选项按钮。
    请注意，仅当向 Web 表单中添加了主邮箱地址字段时，此选项才可用。提交具有双重选项的 Web 表单时，将会向访客发送确认邮件，以进行额外验证。
  7. 如果您想要提交记录以待审批，请选中请求审批复选框。
    请注意，角色中具有审批联系人权限的用户可审批记录。
  8. 点击保存。

注意：
  • 启用手动审批选项可帮助您手动验证所生成的记录，然后将它们添加至 Bigin 中的相应模块。如果未选中此选项，那么所有通过 Web 表单生成的记录将直接添加至相应的模块。
  • 如果“位置 URL”中的域名与 Web 表单所在的 URL 不匹配，将不会捕获信息。或者，您可以在“登录 URL”字段中输入 [*]，以从其它/多个域捕获信息。

第 3 步：使用 Web 表单嵌入代码

Web 表单的代码以 3 种格式提供：源代码、嵌入代码和 iFrame 代码。代码也可直接用于一些第三方站点 - WordPress、Facebook、Google Sites 和 Joomla。请注意，脚本和 iFrame 代码仅在付费版本中提供。

要在网页中嵌入 Web 表单，请执行以下操作：
  1. 根据需要从列表中选择源代码、嵌入或 iFrame 代码。
  2. 复制代码并将它粘贴在想要使用 Web 表单的网站中。
  3. 点击完成。

注
  1. 为了避免出现垃圾信息，生成的 Web 表单（HTML 文件）必须发布到动态 web 服务器（Apache、Microsoft、IIS 等）。
  2. 如果您从桌面提交表单值，Web 表单将不起作用。
  3. 当为 Web 表单生成 HTML 代码时，某些实体默认会隐藏。如果您删除那些隐藏实体，Web 表单将不起作用。下面的代码片段不应从 Web 表单代码中移除：
    <input type="hidden" name="xnQsjsdp" value="" /> <input type="hidden" name="xmIwtLD" value="" /> <input type="hidden" name="actionType" value="" />