建立高级Web表单

建立高级Web表单

高级Web表单简化将您网站的支持工单获取到您服务台系统的过程。在设置 Web 表单之前,请先完成以下检查表: 
  • 创建邮件模板, 以便在您的客户提交工单后给他们发送自动答复。
  • 如果希望将收到的工单分配给特定客服人员, 请创建分配规则。默认情况下, 除非在表单中另行指定, 否则收到的工单将保持未分配状态。
  • 进一步地配置Web表单以满足您的需求。
  • 定制要添加到Web表单内的字段。
  • 在发布到网站上之前,先测试Web表单的整个工作流。

注意:
  • 只有具有管理支持渠道 [Web表单]角色权限的用户才能够访问此功能。

3个步骤即可创建Web表单
  • 构建表单 - 拖放字段以构建表单并使用WYSIWYG(所见即所得)编辑器轻松格式化。
  • 指定表单详情 - 添加诸如表单名称、返回URL(访客提交表单后需要重定向至的地方)等详细信息。
  • 生成表单代码 - 使用生成的代码格式嵌入表单。

构建web表单时,以下元素可用于表单中:
选项
描述
添加字段
拖放表单中所需的字段。 默认情况下,在构建新表单时已添加了一些字段。
设置字段的字体和表单布局
使用WYSIWYG编辑器来更改表单内的字体样式和大小、背景颜色、字段对齐方式等。
附件
通过工单web表单来捕获文件,例如问题屏幕截图,税务付款通知单等。文件大小应在20MB以内。
标记字段为必填
通过将字段标记为必填,从填写Web表单的客户处收集重要信息,如姓名,邮箱地址,手机号码等。
标记字段为隐藏
在表单中添加隐藏字段及其值。 这些隐藏值与Web表单一起提交,但对填写表单的客户隐藏。
添加字段的帮助链接
您提供的字段可能需要数据以特定格式填写。 对于此类要求,您可以使用该选项添加提示,以帮助填写表单的访客。
更改按钮名称
文字-动作按钮的名称可以是‘保存’、‘提交’或者是其它的名称。您可以根据自己的需求轻松更改名称。
指定域名
域名是您计划托管Web表单的网页URL。指定URL有助于防止垃圾邮件,并且只允许将通过特定域提交的表单捕获为有效信息。
指定返回URL
这是在提交Web表单后访客需要重定向到的Web页面的URL。
嵌入表单的代码
将Web表单的代码嵌入到您的网页中。代码以HTML格式提供。

生成高级Web表单
您可以在设置页面中生成和嵌入高级Web表单。
生成高级web表单:
  1. 点击顶部栏内的设置图标 (  ) 。
  2. 设置落地  页,点击渠道下的Web表单。
  3. 反馈小部件 页面,点击左侧面板内的高级Web表单。
  4. 高级Web表单 页面,从下拉菜单内选择部门 (如果您有多个) 。
  5. 点击创建高级Web表单。 
    如果您已经创建了表单,请点击右上方区域的添加Web表单图标 (  )。

  6. 在Web表单构建器内,做如下操作:
  7. 构建表单
    1. 拖放您在Web表单内所需要的字段。
    2. 添加选项以附加文件。
    3. 标记字段为必填。
    4. 标记表单字段为隐藏。
    5. 提供字段提示或帮助链接。
    6. 设置字体和表单的布局。
    7. 更改按钮名称。
  8. 指定表单详情和其他选项
    1. 添加诸如表单名称、反馈URL、域名等表单详情。
    2. 设置工单所有者。
    3. 指定成功消息
  9. 复制web表单代码   
    1.  将代码嵌入到您的网站和其它第三方网站。                
    2. 代码是以HTML格式提供。
步骤 1: 构建表单
在WYSIWYG编辑器内拖放文件,里面提供了许多其它的选项来构建表单。

添加字段
在表单中拖放所需的字段,然后更改字体样式和大小,背景颜色,字段对齐等。
添加字段和设置字体与表单布局:
  1. 字段列表 标签下,点击字段并在表单构建器内拖放。
  2. 字体背景颜色、字段标签对其方式及表单宽度进行修改。
注意:
  • 默认字段诸如邮箱以及主题将会自动添加到表单。您不能移除这些字段,因为它们是工单必填字段。
  • 要想拥有自定义字段,您首先需要在在工单模块内创建它们。

添加附件
通过工单web表单来捕获附件,例如问题屏幕截图、税务付款通知单、产品图片等。文件大小应在20MB以内。如果文件大小超出限制,则不会提交表单,并且不会在Zoho Desk中添加记录。 访客可以一次性附加多达5个文件。
添加选项以附加文件:
  1. 点击高级工具标签。
  2. 拖放附件字段。
    您可以使用字段设置 内的帮助链接选项来提供有关文件大小的提示。

从云端添加附件
填写表单的访客可以直接从云端附加文件,而非先将文件下载到他们的计算机然后再上传。

从云端添加文件:
  1. 将您的鼠标指针悬停在附件字段。
  2. 点击设置图标 (  )。
  3. 字段属性 弹窗内,勾选包括云端附件复选框。
  4. 点击完成。


插入验证码
添加验证码以防止未经授权的自动垃圾邮件程序填写Web表单。
插入验证码:
  1. 点击高级工具标签。
  2. 拖放验证码字段。

标记字段为必填
通过将字段标记为必填,从填写Web表单的访客处收集重要信息,如姓名,邮箱地址,手机号码等。
标记字段为必填:
  1. 将您的鼠标指针悬停在您想要标记其为必填的字段上。
  2. 点击设置图标 (  )。
  3. 字段属性 弹窗,勾选标记为必填字段复选框。
  4. 点击完成。

标记字段为隐藏
在表单中添加隐藏字段及其值。这些隐藏值连同 Web表单一起提交, 但对于填写该表单的访客来说, 它们是不可见的。例如, 如果您在各种网页中放了相同的表单, 则隐藏字段将帮助您标识创建工单的表单。
设置表单中字段为隐藏:
  1. 将您的鼠标指针悬停在您想要隐藏的字段上。
  2. 点击设置图标 )。
  3. 字段属性 弹窗,勾选设为隐藏字段复选框。
  4. 自定字段,然后点击完成。

提供帮助链接
您提供的字段可能要求以特定格式填充数据。例如, 日期格式可能需要以DD-MM-YYYY格式指定。对于这些要求, 您可以使用选项以添加提示,来帮助填充表单的访客。
提供字段提示或帮助链接:
  1. 将您的鼠标指针悬停在您想要提供提示或帮助链接的字段上。
  2. 点击设置图标 )。
  3. 字段属性 弹窗,勾选包含帮助链接复选框。
  4. 选择以下其中之一:
    • 链接和文本 - 指定链接的文本并提供链接URL。
    • 仅文本 - 指定帮助/提示的文本。例如,日期字段可以是 - MM-DD-YYYY
  5. 点击完成 


更改按钮名称
默认情况下,有2种文字-动作 (CTA) 按钮 - 提交重置。您可以按照需求对其重命名。
更改按钮名称:
  1. 将您的鼠标指针悬停在您想要重命名的操作按钮上。
  2. 点击设置图标 )。
  3. 按钮属性 弹窗内,修改按钮名称。
  4. 点击完成 

移除表单内字段
轻松地从 Web 表单中删除不需要的字段, 并在需要时添加它们。
移除表单内字段:
  1. 将您的鼠标指针悬停在您想要自表单内移除的字段上。
  2. 点击删除图标 (  )。

预览Web表单
在您的网站上发布之前, 请先查看一下 Web 表单。
预览表单:
  1. 在表单构建器内,点击预览链接。 
    可以查看表单的预览。

步骤 2: 指定表单详情
  1. 输入表单名称 (例如: 反馈、联系我们等)。
  2. 指定返回URL. 提交表单的访客将会重定向到这里指定的URL。它应该以" http://  https:// "开头。
    返回URL的长度不应该超过255个字符。 (例如:https://www.zylker.com/thank-you.html )
  3. 指定域名。此应该是托管Web表单的域URL。它应该以" http://  https:// "开头。(例如: https://www.zylker.com/ ) 
    如果您计划在多个网站内托管Web表单或者不确定将Web表单托管到哪里,则请在此字段输入 *。
    这样可以防止垃圾邮件, 只允许通过特定域所提交的表单作为有效信息来捕获。
  4. 对于通过Web表单所提交的工单,分配所有权。默认情况下,创建表单的用户也将会成为工单的所有者,除非从下拉列表内选择。
  5. 指定有效提交表单后所显示的成功消息。您可以对此字段留空以将您的访客重定向至返回URL,而无消息。
  6. 点击保存


步骤 3: 使用Web表单源代码进行嵌入
Web表单的代码是HTML源代码格式。
  1. 复制代码并将其粘贴到您想要放置Web表单的网站。
  2. 点击完成。

注意:
  • 为了避免垃圾邮件, 生成的Web表单 (HTML文件) 必须发布在激活的web服务器 (Apache、Microsoft、IIS 等) 中。
  • 如果从桌面提交表单值,Web表单将无法正常工作。
  • 当为Web表单生成HTML代码时, 默认情况下会隐藏某些条目。如果删除这些隐藏的条目, Web表单将无法正常工作。以下是不应从Web表单代码中删除的代码段
<input type="hidden" name="xnQsjsdp" value="" /> <input type="hidden" name="xmIwtLD" value="" /> <input type="hidden" name="actionType" value="" /

    • Related Articles

    • 建立反馈小部件

      一个便携式版本的高级 Web表单, 反馈小部件可以添加到您的网站。可以自定义这些小部件的字段值、语言、外观和位置。 反馈小部件的益处 不像高级Web表单,反馈小部件允许您的客户: 填写预置字段以提交支持请求 使用帮助中心和社区中的建议文章和讨论查找相应问题的答案 通过在线聊天与您的客服人员互动 截取屏幕并上传它们以向其支持请求添加更多上下文信息 一旦您创建小部件,您可以将其作为Web嵌入添加到您的网站,在弹出消息内加载或在iframe内显示。 3个步骤即创建反馈小部件 定制表单 - ...
    • 创建帮助中心的站点地图

      网站地图(或站点地图)是一个网站的页面列表,可供像Googlebot这样的爬虫程序访问。他们允许搜索引擎找到您所有的网页,否则他们可能会错过索引。关于站点地图的更详细的描述,请阅读Wikipedia上的这篇文章。通过为帮助中心创建站点地图,您可以使搜索引擎了解知识库内容的组织情况,并正确索引文章。尽管站点地图有两种风格:HTML和XML,但我们将在Zoho Desk中处理XML格式。 要点: 创建一个站点地图是可选的,因为搜索引擎一直会索引您所有的帮助中心文章。 创建站点地图 ...
    • 使用HTML和CSS进行高级帮助中心定制

      您可以使用基础的颜色主题来定制帮助中心的外观。然而,由于不允许您按照自己的喜好重新构建页眉和页脚,它是有限制的。可以使用HTML和CSS(层叠样式表)来进行高级定制。精通网络Zoho Desk管理员可以直接使用帮助中心的HTML,根据您的需求定制网站的CSS。您的帮助中心甚至可以看起来像您公司网站的一个扩展。 ...
    • 帮助台品牌重构

      有一些特定于机构的详细信息可帮助将一个机构与其他机构区分开来。Zoho Desk 建议具有管理员权限的用户对其帮助台进行品牌重构,以便使其客服和最终用户共享这些公共功能。品牌重构不仅涉及自定义门户名称,还涉及上传公司徽标、网站图标和链接回 URL 之类的活动。让我们详细了解其中每个活动。  注意: 本文档中的品牌重构说明仅适用于客服界面和默认的帮助中心。 个性化Logo 通过将 Zoho Desk  ...
    • Zoho Desk的即时消息渠道集成企业微信

      本文档介绍了如何将您的企业微信账号与 Zoho IM(即时消息) 进行连接,以便您的技术支持团队能够直接在 Desk IM 界面中管理来自企业微信的客户对话。 您将学习如何在企业微信中将 Zoho IM 作为第三方应用进行授权,创建或关联客户服务账号(CSA),以及在 Zoho Desk 中配置企业微信这个工单渠道。 按照这些步骤操作,您的客服人员将能够流畅地处理企业微信聊天,同时兼顾其它支持渠道,从而确保为客户提供统一且高效的客服体验。 前提条件 在开始之前,请确保您已准备好以下内容: ...