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

請注意：HubSpot 在 Salesforce 中的傳統管理套件包含 HubSpot 的傳統 Visualforce 模組，該套件已被淘汰。如果您仍在使用傳統 Visualforce 模組，建議卸載 Salesforce 中的套件，改用HubSpot Embed。

HubSpot Embed 是 Salesforce 中的 iframe，可顯示 Salesforce 記錄的 HubSpot 互動和活動摘要。它存在於 Salesforce 的 Visualforce 框架中。

您可以將 HubSpot Embed 視窗新增至任何 Salesforce 聯絡人、線索、帳戶或機會記錄。

使用 HubSpot Embed，您可以

• 檢視對象記錄的時間軸以及 Salesforce 中任何相關的對象。
• 將物件加入工作流程，並檢視任何先前加入的工作流程。
• 檢視物件記錄的屬性和屬性歷史。
• 透過 Salesforce 在 HubSpot 中直接預約會議。
• 透過 Salesforce 將聯絡人加入序列。

開始之前

開始使用此功能之前，請注意下列事項：

• 必須安裝HubSpot-Salesforce 整合。
• 若要顯示 Salesforce 帳戶或機會記錄的資訊，該帳戶或機會必須同步至 HubSpot 公司或交易，且後者必須與同步的聯絡人相關聯。
• HubSpot Embed不支援行動應用程式和行動應用程式中的應用程式內瀏覽器。

開啟 HubSpot Embed

1. 在你的 HubSpot 帳戶中，點擊頂端導覽列中的settings「設定圖示」。在左側邊欄選單中，前往「整合功能」>「已連結的應用程式」。 開啟 HubSpot Embed。
2. 按一下Salesforce。
3. 按一下功能發現索引 標籤。
4. 按一下安裝 HubSpot Embed。

安裝 HubSpot Embed 後，登入 Salesforce 帳戶繼續設定。按照以下步驟進行相關的Salesforce介面：

• Salesforce Classic
• 閃電體驗

Salesforce Classic

1. 導覽到您的 Salesforce 帳戶。
2. 在右上方，按一下設定 （或[您的姓名] >設定）。
3. 若要新增 HubSpot Embed 視窗至您的 Salesforce 記錄頁面佈局，請在左側欄功能表的建立 區段中，導覽至自訂>領導人/聯絡 人/帳戶/機會>頁面佈局。

4. 您會看到頁面配置清單。按一下頁面配置名稱旁邊的編輯 。

請注意：如果您有多個頁面佈局，您必須將 HubSpot Embed 視窗添加到您要顯示視窗的每個頁面佈局。

5. 按一下工具列中的Section項目，然後將其拖放到頁面佈局上所需的位置。

6. 在對話方塊中，輸入Section Name(例如 HubSpot Information)。在Layout（版面）下，選擇1-Column。按一下確定。
7. 在工具列左側功能表中，選擇Visualforce 頁面。
8. 按一下工具列中的HubSpot_Embed_[物件類型]_V2 項目，並將其拖曳到頁面佈局上新建立的 Section。

9. 將滑鼠移至新的 HubSpot 嵌入視窗，然後按一下右上方的 扳手圖示 。
10. 在對話方塊中，將視窗高度變更為500，然後按一下確定。

11. 在工具列左上方，按一下「儲存」 以套用您的版面變更。
12. 導覽到 Salesforce 聯絡人、線索、帳戶或機會記錄，以檢視 HubSpot Embed 視窗。
13. 對於您要新增 HubSpot Embed 視窗的任何其他頁面佈局，重複這些步驟。

閃電體驗

1. 導覽到您的 Salesforce 帳戶。
2. 在右上方，按一下settings 齒輪圖示 ，然後選擇settings 設定。
3. 在左側功能表的Platform Tools (平台工具 ) 區段中，導覽至Objects and Fields (物件與欄位) >Object Manager (物件管理員)。

4. 在物件清單中，按一下Lead或Contact。
5. 在左側功能表中，導覽至頁面佈局。
6. 按一下頁面配置的名稱。

請注意：如果您有多個頁面佈局，則必須將 Visualforce 視窗新增至要顯示視窗的每個頁面佈局。

7. 按一下工具列中的Section項目，然後將其拖放到頁面配置上所需的位置。

8. 在對話方塊中，輸入Section Name(例如 HubSpot Information)。
9. 在Layout（版面）下，選擇1-Column。按一下確定。
10. 在工具列左側功能表中，選擇Visualforce 頁面。
11. 按一下工具列中的HubSpot_Embed_[物件類型]_V2 項目，然後將其拖曳到頁面佈局中新建立的 Section。

12. 在右上方，將滑鼠懸停在新建立的區段上，然後按一下 扳手圖示。
13. 在對話方塊中，將視窗高度變更為500，然後按一下確定。

14. 在工具列左上方，按一下儲存 以套用您的版面變更。
15. 導覽到 Salesforce 線索或聯絡人記錄，然後按一下詳細資料索引標籤以檢視 HubSpot Embed 視窗。
16. 對於您要新增 HubSpot Embed 視窗的任何其他頁面佈局，重複這些步驟。

將HubSpot Embed視窗添加到Lightning Page或Lightning App：

1. 導覽到您的Salesforce帳戶。
2. 在右上方，按一下settings 齒輪圖示 ，然後選擇settings Setup。
3. 在左側欄中，點擊Visualforce Pages。
4. 針對每個HubSpot_Embed_[object]_V2 頁面，按一下編輯。
5. 選取Available for Lighting Experience、Experience Builder 網站和行動應用程式核取方塊。
6. 對每個物件類型重複這些步驟。
7. 當添加到Lightning Record頁面時，添加一個標準的Visualforce元件到頁面，然後選擇適當的HubSpot嵌入頁面。

解決 HubSpot Embed 錯誤

您可能會在 HubSpot Embed 視窗中看到以下錯誤：

此聯絡人沒有 HubSpot 資訊。無法找到此聯絡人。如果您認為這是錯誤，請聯絡您的 HubSpot 帳戶管理員。

要解決這個錯誤：

• 確保檢視的 Salesforce 記錄目前與正確的 HubSpot 聯絡人同步。
• 確保嘗試檢視 HubSpot Embed 視窗的使用者在 HubSpot 中擁有檢視特定聯絡人記錄的正確權限。