如何将Opportunity页自定义按钮(加载Visualforce页面)迁移至Lightning
Lightning环境复刻Visualforce页面自定义按钮的非开发方案
方案1:用快速操作(Quick Action)嵌入Visualforce页面
- 进入Setup,搜索「Quick Actions」,点击「New Action」
- 操作类型选择「Visualforce」,选中目标Visualforce页面,填写标签和名称后保存
- 进入Opportunity的页面布局编辑,将这个快速操作添加到「Salesforce Mobile and Lightning Experience Actions」区域
- 保存布局后,回到Opportunity页面,点击新增的按钮即可在弹窗中打开Visualforce页面
方案2:将Visualforce页面直接嵌入Opportunity Lightning页面
- 在Opportunity详情页右上角点击设置图标,选择「Edit Page」进入Lightning App Builder
- 从左侧组件列表拖拽「Visualforce」组件到页面合适位置(侧边栏/独立区域)
- 配置组件属性,选择目标Visualforce页面,设置显示高度等参数
- 保存并激活页面,打开Opportunity时就能直接看到加载好的Visualforce内容
方案3:创建自定义URL按钮替代原功能
- 进入Setup,搜索「Buttons, Links, and Actions」,点击「New Button or Link」
- 显示类型选「Detail Page Button」,行为根据需求选「在新窗口显示」或「在无侧边栏/页眉的现有窗口显示」
- 在URL字段输入:
/apex/你的Visualforce页面名称?id={!Opportunity.Id}({!Opportunity.Id}会自动带入当前机会ID) - 保存后将按钮添加到Opportunity页面布局,点击即可打开对应Visualforce页面
注意事项
- 确保Visualforce页面已添加
lightningStylesheets="true"属性,提升Lightning环境下的样式适配度 - 三个方案均已自动处理当前Opportunity ID的传递,无需额外配置
内容的提问来源于stack exchange,提问作者user7417
相关产品推荐
相关产品推荐

