將 HubSpot Embed 視窗新增至您的 Salesforce 頁面佈局

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 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 中擁有檢視特定聯絡人記錄的正確權限。