有时，您可能希望在 Zoho CRM 应用程序中添加仅通过现成软件提供的功能。与这些外部服务集成的能力可帮助您扩展应用程序的功能。Zoho Developer 的小部件帮助您构建可嵌入 UI 组件并将它们与应用程序数据无缝集成。

小部件类型

目前，Zoho CRM 在其用户界面中支持 5 种类型的小部件：

电话小部件

• 此小部件用于在 Zoho CRM 应用程序中集成和嵌入任何呼叫中心或电话应用程序。
• 用户安装电话小部件后，他们可点击电话图标 [] 来进行通话。

 嵌入电话小部件

1. 登录 Zoho Developer 控制台，然后点击 Zoho CRM 的扩展。
2. 选择您要修改的扩展，然后点击编辑。
3. 创建连接应用。
4. 点击左窗格中的电话。 
5. 在电话页面中，提供以下详细信息：
   • 在呼叫中心名称字段中填写小部件的名称。
   • 在沙箱 URL 字段中填写资源路径。
     这是电话小部件的主视图页面的相对路径。
6. 点击保存。
   
   要了解如何使用电话小部件，请点击此处。

Web 页签

• 通过 Web 页签小部件，您可在 Zoho CRM 应用程序中嵌入来彼第三方应用程序的信息。Web 页签小部件不同于普通 Web 页签的地方在他们能够通过 Javascript SDK 提供的 API 获取数据。
• 如果您需要创建的模块带有无法使用预置模块或自定义模块添加的 UI 元素，或者您需要在模块中添加预置模块或自定义模块不支持的功能，那么您可以使用 Web 页签完成。
• Web 页签按任何预置模块或自定义模块的方式显示在您的应用程序中。

 创建 Web 页签

1. 登录 Zoho Developer 控制台，然后点击 Zoho CRM 的扩展。
2. 选择您要修改的扩展，然后点击编辑。
3. 创建连接应用。
4. 在左窗格中点击模块，然后选择 Web 页签页签。
5. 在 Web 页签列表页面中点击创建 Web 页签按钮。
6. 输入以下信息：
   • 在页签名称字段中输入小部件的名称。
   • 选择小部件作为类型。
   • 在沙箱 URL 字段中填写资源路径。
     这是 Web 页签小部件的主视图页面的相对路径。
7. 点击保存。
   
   要了解如何使用 Web 页签小部件，请点击此处。

相关列表

• 此小部件可帮助您在“视图”页面中显示来自其他模块或第三方服务的相关信息，并根据上下文表示为相关列表。
• 例如，可将 Google Drive 与您的应用程序集成，并将 CRM 应用程序中的文档上传至您的 Google Drive 帐户。可在记录中查看上传至您的 Google Drive 帐户的所有关联文档的相关列表。此相关列表将自动同步至您的 Google Drive 帐户。

 创建相关列表

1. 登录 Zoho Developer 控制台，然后点击 Zoho CRM 的扩展。
2. 选择您要修改的扩展，然后点击编辑。
3. 创建连接应用。
4. 点击左窗格中的组件。
5. 选择相关详细信息页签，然后点击添加小部件按钮。
6. 输入以下信息：
   • 在名称字段中输入相关列表的名称。
   • 选择要添加相关列表的模块的名称。
   • 在沙箱 URL 字段中填写资源路径。
     这是相关列表小部件的主视图页面的相对路径。
7. 点击保存。
   
   要了解如何使用相关列表小部件，请点击此处。

自定义按钮

• 按钮也可配置为小部件。这些小部件在模块的列表视图页面或记录详细信息页面中用于在点击相应按钮时执行特定操作。
• 例如，如果要向联系人发送短信，那么可嵌入发送短信按钮以与任何消息传递服务集成。此按钮可放置在视图、列表视图页面中或“联系人”的列表视图 - 对应每个记录的按钮中。

 创建自定义按钮

1. 登录 Zoho Developer 控制台，然后点击 Zoho CRM 的扩展。
2. 选择您要修改的扩展，然后点击编辑。
3. 创建连接应用。
4. 点击左窗格中的组件。
5. 在组件页面中，选择链接和按钮页签。
6. 点击创建新按钮按钮。
7. 输入以下信息：
   • 选择要显示该按钮的模块的名称。
   • 按钮的名称。
   • 点击添加描述链接并指定自定义按钮的功能。
   • 选择要放置自定义按钮的位置。
   • 选择调用小部件作为自定义按钮要执行的操作。
   • 在沙箱 URL 字段中填写资源路径。
     这是点击自定义按钮小部件时将显示的主视图页面的相对路径。
8. 点击保存。
   
   要了解如何使用自定义按钮小部件，请点击此处。

设置小部件

• 安装扩展时，您需要设置该扩展正常工作时所需的配置。设置小部件帮助您创建用于建立这类配置的界面。
• 这些配置可以是一次性设置的一些全局参数，这些参数用于向外部系统验证扩展的身份。它们也可以是在您的应用程序与第三方产品之间关联数据时所需的一些数据配置。
• “设置小部件”帮助您维护对扩展的设置数据的集中控制和访问。
• 例如，考虑以下示例：您想要在 CRM 模块中使用来自外部源的数据创建记录。在执行此操作时，您可能需要设置来自第三方产品的数据映射至 CRM 字段的方式。
• 使用 InsideView 扩展组件创建新线索、帐户或联系人时，可确定应对 Zoho CRM 中的哪些字段填充来自 InsideView 的哪些值。以下屏幕快照显示 InsideView 扩展中使用的设置小部件。

  

• 在使用设置小部件的扩展中，设置选项将显示在已安装扩展列表中。

  

 创建设置小部件

1. 登录 Zoho Developer 控制台，然后点击 Zoho CRM 的扩展。
2. 选择您要修改的扩展，然后点击编辑。
3. 创建连接应用。
4. 点击左窗格中的设置小部件。
5. 在设置小部件页面中，提供以下详细信息：
   • 在小部件名称字段中输入小部件的名称。
   • 在沙箱 URL 字段中填写资源路径。
     这是设置小部件的主视图页面的相对路径。
6. 点击保存。