Skip to main content

创建自定义按钮和链接

学习目标

完成本单元后,您将能够:

  • 创建自定义按钮和链接。
  • 将按钮和链接添加到页面布局。
  • 解释自定义按钮和自定义链接之间的区别。
备注

备注

用中文(简体)学习?在中文(简体)Trailhead Playground 中开始挑战,用括号中提供的译文完成挑战。仅复制并粘贴英文值,因为挑战验证基于英文数据。如果在中文(简体)组织中没有成功通过挑战,我们建议您 (1) 将区域设置切换为美国,(2) 按此处说明将语言切换为英文,(3) 再次单击“检查挑战”按钮。

查看 Trailhead 本地化语言徽章详细了解如何利用 Trailhead 译文。

备注

辅助功能

本单元需要对屏幕阅读器使用者的额外指示。要访问本单元的详细屏幕阅读器版本,请点击以下链接:

打开 Trailhead 屏幕阅读器指示

每个组织都有自己独特的业务需求。如果用户需要经常访问组织内部或外部的其他页面,您可以直接将自定义按钮和链接添加到对象和记录详细信息页面。

自定义按钮和链接有助于 Salesforce 数据与外部 URL、应用程序、公司内联网或其他后端办公系统的集成。

用户获得所有必要信息后,使用 Salesforce 会更加高效。

自定义链接可以链接至外部 URL(如 www.google.com)、Visualforce 页面或公司内联网。自定义按钮可以将用户连接至外部应用程序(如 Web 页面),并启动自定义链接。

您可以选择显示窗口属性,决定如何向用户显示链接或按钮目标。自定义链接可以将 Salesforce 字段作为令牌包含在 URL 中。例如,您可以将一个客户名称包含在 URL 中来搜索 Yahoo:https://search.yahoo.com/bin/search?p={!Account_Name}

备注

如果需要按钮或链接启动自定义页面或其他代码,可以考虑使用 Visualforce 页面。如果您不知道如何使用 Visualforce 页面,不必担心。虽然此处不讨论这些页面,但您将会在其他模块中学习这些页面。

在 Lightning Experience 中,自定义按钮和链接在页面布局中使用,并显示在 Lightning 页面的不同区域。

您可以创建三种主要类型的自定义按钮和链接。

  • 列表按钮—显示在对象记录页面的相关列表中。
  • 详细信息页面链接—显示在对象记录页面的记录详细信息的“链接”部分。
  • 详细信息页面按钮—显示在记录页面突出显示面板的操作菜单中。

下面将对这三种类型进行说明。

创建自定义列表按钮

您已经了解了按钮和链接的功能,下面我们来介绍如何创建按钮。对于每一种按钮,您都需要定义用户单击按钮时要执行的操作。首先是自定义列表按钮。

自定义列表按钮是可以添加到相关列表中的按钮。为某个对象创建列表按钮时,如果相关列表显示在另一个对象中,就可以将此按钮添加到此对象的相关列表中。由于 Energy Audit 是通过查找关系字段与客户相关联的,因此 Energy Audits(能源审计)的相关列表会自动显示在客户记录中。

例如,您之前已在本模块中输入 GenePoint 5-year review(GenePoint 5 年审查)的审计信息。查看 GenePoint 客户记录时,单击“相关”选项卡,滚动到记录页面底部,您将看到一个显示审计结果的 Energy Audits(能源审计)相关列表。

Maria 希望在 Energy Audits (能源审计)相关列表中添加一个自定义按钮,以便用户可以直接找到 Ursa Major Solar 能源审计指南 PDF 文件。她已经上传了 PDF 文件,但仍需要此文件的 URL,以便将自定义按钮指向此文件。下面我们来看一下这是如何操作的。

  1. 从“应用程序启动器”中,找到并选择“销售”应用程序。
  2. 单击 Files(文件)选项卡。

现在,Maria 可以看到她上传的指南 PDF 文件。

文件列表视图

  1. 上传您自己的文件,以便您可以按照剩下的这些步骤进行操作。
  2. 单击刚刚所上传文件的 操作下拉列表,然后选择共享
  3. 单击“谁可以访问”旁边的符号,展开此部分。
  4. 在“创建公用链接”部分,将密码按钮切换为 Off(关闭)
  5. 单击 Create Link(创建链接),然后单击 Create(创建)
    这将产生一个文件的公共 URL,您可以与其他用户分享,或者像本例一样,将文件作为 URL 添加到自定义按钮或链接中。本例中 Maria 的 URL 是 https://ursamajorsolar.salesforce.com/sfc/p/R00000008nD1/a/R000000007LK/8Z8auAJBSeSCzqQ8Kv9ofolIWi_jP13oR3LUUYuXc3A
  6. 单击复制链接,然后单击完成
  7. 从“设置”中,单击对象管理器,然后单击 Energy Audit(能源审计)
  8. 单击按钮、链接和操作,然后单击新建按钮或链接
  9. 将此按钮命名为 Audit Guidelines(审计指南)。
  10. 选择列表按钮
  11. 将文件 URL 粘贴到大文本框中。
    因为文件是您组织的本地文件,请使用 URL 的域部分之后的所有内容来创建自定义链接。本例中 Maria 的链接指向 /sfc/p/R00000008nD1/a/R000000007LK/8Z8auAJBSeSCzqQ8Kv9ofolIWi_jP13oR3LUUYuXc3A。 

列表按钮属性

您是不是在想:“哎呀!这个看起来像公式的东西是什么鬼?我该用它做什么呢?”这是 Salesforce 公式编辑器的一个版本,您可以用来定义按钮或链接的属性。例如,如果内容来源是一个 URL,就像本例中的一样,那么把按钮或链接的目标 URL 放在此部分。此外,还可以添加合并字段和运算符,通过包含 Salesforce 的数据来扩展按钮或链接的行为。关于合并字段和运算符的详细信息,请参见 Salesforce 帮助。

  1. 依次单击 Save(保存)OK(确定)
    Maria 添加此按钮之前,它将不会出现在 Energy Audits(能源审计)相关列表中。接下来,将进行这项操作。
  2. 单击对象管理器,然后单击客户
  3. 单击页面布局,然后单击 Account Layout(客户布局)
  4. 滚动到布局的最后,直至找到 Energy Audits(能源审计)相关列表。
  5. 单击扳手图标进行编辑。 

Energy Audits(能源审计)相关列表

  1. 单击加号图标,展开 Buttons(按钮)部分的标题。 

相关列表编辑

  1. 将 Audit Guidelines(审计指南)按钮添加到“选取的按钮”列表中,然后单击确定
  2. 单击保存
  3. 回到“销售”应用中,单击客户并选择 GenePoint 客户。
  4. 单击 Related(相关)选项卡,滚动到底部,您会看到 Energy Audits(能源审计)相关列表上新建的 Audit Guidelines(审计指南)按钮。 

包含新建按钮的 Energy Audits(能源审计)相关列表

我们的 Ursa Major Solar 管理员 Maria 想要添加一个自定义链接,让她的用户能够针对正在查看的客户进行快速 Google 搜索。

下面,我们开始操作!

  1. 从“设置”中,单击对象管理器,然后单击客户
  2. 单击按钮、链接和操作,然后单击新建按钮或链接
  3. 将链接命名为 Google This Account(Google 此客户)。
  4. 确保显示类型选择详细信息页面链接,下面两个字段保持不变。 

自定义详细信息页面链接属性

现在,添加此链接的 URL。

  1. 在公式编辑器中,输入 https://www.google.com/search?q={!Account.Name}
  2. 单击 Save(保存),然后单击 OK(确定)

您可以使用 Quick Save(快速保存)保存并继续编辑。如果您将内容来源设置为 URL,保存将验证您定义的 URL。使用自定义按钮和链接之前,必须将它们添加到对象的页面布局中。然后,就可以在记录详细信息页面上看到并使用按钮或链接。赶快试试吧。

  1. 单击 Page Layouts(页面布局),然后 Account Layout(客户布局)
  2. 从调色板的 Custom Links(自定义链接)类别中,将 Google This Account(Google 此客户)拖到布局的 Custom Links(自定义链接)部分。

将链接添加到布局中

  1. 将鼠标悬停在“自定义链接”部分,然后单击显示的扳手图标。
  2. 在“部分属性”窗口中,选择Detail Page(详细信息页面),然后单击 OK(确认)
  3. 保存页面布局。

我们来看一下结果。

  1. 从应用程序启动器中,找到并选择 Accounts(客户)
  2. 打开客户记录。
  3. 单击“详细信息”选项卡并向下滚动到底部,找到自定义链接。

详细信息中的自定义链接

创建自定义详细信息页面按钮

Maria 想要在客户页面添加一个自定义按钮,在 Google 地图上显示此客户的位置。

  1. 从“设置”中,单击对象管理器,然后单击客户
  2. 单击按钮、链接和操作,然后单击新建按钮或链接
  3. 将此按钮命名为 Map Location(地图位置)
  4. 选择详细信息页面按钮
  5. 将此 URL 粘贴到公式编辑器:http://maps.google.com/maps?q={!Account_BillingStreet}%20{!Account_BillingCity}%20{!Account_BillingState}%20{!Account_BillingPostalCode} 

自定义详细信息页面按钮属性

此 URL 使用合并字段 ({!Account_BillingStreet}),将单击此按钮后客户记录中的字段信息传递到 URL 中。

  1. 单击 Save(保存),然后单击 OK(确定)
    下面将此按钮添加到“客户”页面布局中。
  2. 单击页面布局,然后单击 Account Layout(客户布局)
  3. 从调色板的 Buttons(按钮)类别中,将 Map Location(地图位置)拖进页面布局的 Custom Buttons(自定义按钮)区域。

将按钮添加到页面布局

  1. 单击保存。好了!下面请开始测试!
  2. 从“应用程序启动器”中,找到并选择销售,然后单击客户选项卡。
  3. 打开客户记录。
    在突出显示面板中,您不仅可以看到对象紧凑型布局中的字段,还可以看到一个操作菜单。这个操作菜单是由标准按钮、自定义按钮和页面布局中的操作组成的。(您将在下一个单元中学习这些操作。)
  4. 展开操作菜单,并选择 Map Location(地图位置)
    浏览器打开新窗口或选项卡,Google 地图将显示此客户的位置。 

操作菜单和新按钮

您将自定义按钮添加到页面布局后,操作菜单中为何没有显示 Map Location(地图位置)?如果您覆盖了页面布局的“Salesforce 移动与 Lightning Experience 操作”部分中的默认设置,就会偶尔发生这种情况。要解决这个问题,通过将缺少的按钮从调色板的“移动和 Lightning 操作”类别拖到“Salesforce 移动和 Lightning Experience 操作”部分,从而将这些按钮作为操作添加到页面布局中。

备注

自定义详细信息页面按钮和链接功能相同。根据您希望它们出现在页面上的位置和方式决定选择哪种类型。

资源

在 Salesforce 帮助中分享 Trailhead 反馈

我们很想听听您使用 Trailhead 的经验——您现在可以随时从 Salesforce 帮助网站访问新的反馈表单。

了解更多 继续分享反馈