將 HubSpot Embed 視窗新增至您的 Salesforce 頁面佈局
上次更新時間: 四月 1, 2025
可搭配下列任何訂閱使用,除非另有註明:
|
|
|
|
|
HubSpot Embed 是 Salesforce 中的 iframe,可顯示 Salesforce 記錄的 HubSpot 互動和活動摘要。它存在於 Salesforce 的 Visualforce 框架中。
您可以將 HubSpot Embed 新增至任何 Salesforce 聯絡人、線索、帳戶或機會記錄。行動應用程式和行動應用程式中的應用程式瀏覽器不支援 HubSpot Embed 視訊。
使用 HubSpot Embed,您可以
- 檢視物件記錄的時間軸以及 Salesforce 中任何相關的物件。
- 在工作流程中註冊物件,並檢視任何先前的工作流程註冊。
- 檢視物件記錄的屬性和屬性歷史。
- 透過 Salesforce 在 HubSpot 中直接預約會議。
- 透過 Salesforce 將聯絡人加入序列。
請注意:Salesforce 中包含 HubSpot 傳統 Visualforce 模組的 HubSpot 傳統管理套件已被淘汰。如果您仍在使用傳統 Visualforce 模組,建議卸載 Salesforce 中的套件,改用HubSpot Embed。
在您開始之前
在您開始使用此功能之前,請務必事先完全瞭解應採取的步驟。
需求
- 必須安裝HubSpot-Salesforce 整合。
- 要安裝並確保自動更新 HubSpot Embed 視窗,Salesforce 使用者需要自訂應用程式設定檔權限。
- 要在 Salesforce 記錄上檢視 HubSpot Embed 視窗,Salesforce 使用者也必須是HubSpot使用者並登入後者系統。使用者需要 HubSpot 中的檢視記錄權限。
- 要在 Salesforce 帳戶或機會記錄上顯示資訊,該帳戶或機會必須與 HubSpot 公司或交易同步,且後者必須有相關的同步聯絡人。
開啟 HubSpot Embed
- 在你的 HubSpot 帳戶中,點擊頂端導覽列中的settings「設定圖示」。在左側邊欄選單中,前往「整合功能」>「已連結的應用程式」。
- 點擊Salesforce。
- 按一下功能發現索引 標籤。
- 按一下安裝 HubSpot Embed。
安裝 HubSpot Embed 後,登入 Salesforce 帳戶繼續設定。按照以下步驟進行相關的 Salesforce 介面:
Salesforce Classic
- 導覽到您的 Salesforce 帳戶。
- 在右上方,按一下設定 (或[您的姓名] >設定)。
- 要將 HubSpot Embed 視窗新增至您的 Salesforce 記錄頁面佈局,請在左側欄功能表的建立 區段中,導覽至自訂>領導人/聯絡 人/帳戶/機會>頁面佈局。
- 您會看到頁面配置清單。按一下頁面配置名稱旁邊的編輯 。
請注意:如果您有多個頁面佈局,您必須將 HubSpot Embed 視窗添加到您要顯示視窗的每個頁面佈局。
- 按一下工具列中的Section項目,然後將其拖放到頁面佈局上所需的位置。
- 在對話方塊中,輸入Section Name(例如 HubSpot Information)。在Layout(版面)下,選擇1-Column。按一下確定。
- 在工具列左側功能表中,選擇Visualforce 頁面。
- 按一下工具列中的HubSpot_Embed_[物件類型]_V2 項目,並將其拖曳到頁面佈局上新建立的 Section。

- 將滑鼠移至新的 HubSpot 嵌入視窗,然後按一下右上方的 扳手圖示 。
- 在對話方塊中,將視窗高度變更為500,然後按一下確定。
- 在工具列左上方,按一下「儲存」 以套用您的版面變更。
- 導覽到 Salesforce 聯絡人、線索、帳戶或機會記錄,以檢視 HubSpot Embed 視窗。
- 對於您要新增 HubSpot Embed 視窗的任何其他頁面佈局,重複這些步驟。
閃電體驗
- 導覽到您的 Salesforce 帳戶。
- 在右上方,按一下齒輪圖示 settings ,然後選擇settings Setup。
- 在左側功能表的Platform Tools (平台工具 ) 區段中,導覽至Objects and Fields (物件與欄位) >Object Manager (物件管理員)。
- 在物件清單中,按一下Lead或Contact。
- 在左側功能表中,導覽至頁面佈局。
- 按一下頁面配置的名稱。
請注意:如果您有多個頁面佈局,您必須將 Visualforce 視窗新增至您要顯示視窗的每個頁面佈局。
- 按一下工具列中的Section項目,然後將其拖放到頁面配置上所需的位置。
- 在對話方塊中,輸入Section Name(例如 HubSpot Information)。
- 在Layout(版面)下,選擇1-Column。按一下確定。
- 在工具列左側功能表中,選擇Visualforce 頁面。
- 按一下工具列中的HubSpot_Embed_[物件類型]_V2 項目,然後將其拖曳到頁面佈局中新建立的 Section。

- 在右上方,將滑鼠懸停在新建立的區段上,然後按一下 扳手圖示。
- 在對話方塊中,將視窗高度變更為500,然後按一下確定。
- 在工具列左上方,按一下儲存 以套用您的版面變更。
- 導覽到 Salesforce 線索或聯絡人記錄,然後按一下詳細資料索引標籤以檢視 HubSpot Embed 視窗。
- 對於您要新增 HubSpot Embed 視窗的任何其他頁面佈局,重複這些步驟。
將 HubSpot Embed 視窗新增至 Lightning 應用程式建立程式:
- 在您的 Salesforce 帳戶中,在左側欄搜索並點擊Visualforce 頁面。
- 針對每個HubSpot_Embed_[object]_V2 頁面,按一下編輯。
- 選取Available for Lighting Experience、Experience Builder 網站和行動應用程式核取方塊。
- 對每個物件類型重複這些步驟。
- 當添加到Lightning Record頁面時,添加一個標準的Visualforce元件到頁面,然後選擇適當的HubSpot嵌入頁面。
解決 HubSpot Embed 錯誤
您可能會在 HubSpot Embed 視窗中看到以下錯誤:
此聯絡人沒有 HubSpot 資訊。無法找到此聯絡人。如果您認為這是錯誤,請聯絡您的 HubSpot 帳戶管理員。
要解決這個錯誤:
- 確保檢視的 Salesforce 記錄目前與正確的 HubSpot 聯絡人同步。
- 確保嘗試檢視 HubSpot Embed 視窗的使用者在 HubSpot 中擁有檢視特定聯絡人記錄的正確權限。