跳到內容
請注意::這篇文章的翻譯只是為了方便而提供。譯文透過翻譯軟體自動建立,可能沒有經過校對。因此,這篇文章的英文版本應該是包含最新資訊的管理版本。你可以在這裡存取這些內容。

使用 Lovable 的 HubSpot 連接器來開發應用程式

上次更新時間: 2026年9月15日

可搭配下列任何訂閱使用,除非另有註明:

請注意:本文所載資訊屬機密性質,僅供參與Lovable 的 HubSpot 連接器私有測試版的使用者參閱。請勿公開分享本文所述的任何資訊。

使用 Lovable 的 HubSpot 連接器,可透過 HubSpot 資料建立自訂應用程式與使用者介面。經管理員設定存取權限後,使用者即可將 HubSpot 與 Lovable 連結、使用自然語言描述應用程式,並將該應用程式分享給其他使用者。

每位使用者對 HubSpot 資料的存取權限,取決於其現有的 HubSpot 使用者權限。當使用者建立或存取 Lovable 應用程式時,僅能存取其在 HubSpot 中具備存取權限的資料。管理員可控制誰能建立 Lovable 應用程式,以及誰能存取 Lovable 的 HubSpot 連接器。

開始之前

在使用者能利用 HubSpot 資料於 Lovable 中建立應用程式之前,請先確認以下事項:

  • 超級管理員:請在 HubSpot 中授予使用者「Lovable 的 HubSpot 連接器」權限,並核准哪些使用者可以安裝該連接器及在 Lovable 中建立的應用程式。
  • Lovable 管理員:在 Lovable 工作區中啟用 HubSpot 連接器。
  • 應用程式開發者:將其 HubSpot 帳戶與 Lovable 連結,建立應用程式,並與其他使用者分享。
  • 存取應用程式的使用者:可存取在 Lovable 上建置的應用程式,但不會親自建置應用程式。
  • HubSpot 資料的權限範圍僅限於個別使用者。建立或存取應用程式並不會賦予使用者超出其現有 HubSpot 權限範圍的 HubSpot 資料存取權。
  • 將 HubSpot 連接到 Lovable 時,建議您選取所有可用的選填權限。您選取的選填權限將決定透過此連接器所建立的應用程式所能獲得的 HubSpot 權限上限。若僅選取部分選填權限,可能會限制您在 Lovable 中所能建立的應用程式及其功能。

設定使用者存取權限(需由管理員執行)

請完成以下步驟,使用者才能開始使用 Lovable 的 HubSpot 連接器。

1. 授予使用者在 Lovable 中建立應用程式的權限

超級管理員必須先Lovable 的 HubSpot 連接器權限授予將要建立 Lovable 應用程式的使用者。

  1. 在你的 HubSpot 帳戶中,點擊頂端導覽列中的「設定圖示」
  2. 在左側邊欄選單中,導航至「使用者與團隊」。
  3. 在使用者列表中,點選某個使用者記錄,然後點選「存取權限」分頁。
  4. 在「權限」下方,點擊「編輯權限」
  5. 點擊展開「選擇權限」區段。
  6. 點擊「AI 功能」。
  7. 將「Lovable 的 HubSpot 連接器」開關切換開啟狀態。
  8. 在右上角,點擊「儲存」。

授予權限後,請核准可安裝此連接器的使用者。

2. 核准使用者安裝 Lovable 的 HubSpot

連接器

必須由超級管理員核准使用者的存取權限,才能安裝 Lovable 的 HubSpot 連接器。

  1. 在你的 HubSpot 帳戶中,點擊頂端導覽列中的「設定圖示」
  2. 在左側邊欄選單中,導航至「整合」>「已連線的應用程式」。
  3. 點擊「已核准的應用程式」分頁。
  4. 點擊「核准應用程式」。
  1. 搜尋並選取Lovable 的 HubSpot 連接器
  2. 在「管理存取權限」橫幅中,點擊「核准」。 
  1. 在對話方塊中,選擇可安裝此應用程式的使用者,並檢視該連接器可存取的權限、資料及 API。
  2. 點擊「批准應用程式」。

進一步了解如何為您的團隊核准應用程式存取權限

3. 啟用 Lovable 的 HubSpot 連接器的選配權限

超級管理員可控制Lovable 的 HubSpot 連接器中哪些選配權限可用,並為所有應用程式建置者設定權限上限。即使某項選配權限已啟用,應用程式建置者也僅在自身 HubSpot 權限允許的情況下,才具備存取權限。

  1. 在你的 HubSpot 帳戶中,點擊頂端導覽列中的「設定圖示」
  2. 在左側邊欄選單中,導航至「整合」>「已連線的應用程式」。
  3. 點擊「已核准的應用程式」分頁。
  4. 針對Lovable 的 HubSpot 連接器,請點擊右側的「管理存取權限」。
  5. 在右側面板中,點選「資料權限」分頁。
  6. 在「選用」區段中,開啟部分或所有選用權限
  7. 點擊「儲存變更」。

4. 在您的 Lovable 工作區中啟用 HubSpot

連接器 Lovable 管理員必須先在Lovable 中啟用 HubSpot 連接器,核准的使用者才能將 HubSpot 連接到 Lovable。

  1. 在 Lovable 中,於左側邊欄選單中,導航至「連接器」。
  2. 搜尋並選取HubSpot
  3. 在「功能」區段中,分別針對「聊天連接器」和「 應用程式使用者連接器」點選「啟用」

啟用連接器後,具備

所需

HubSpot

權限及

安裝

存取權限

的使用者即可將 HubSpot 連接到 Lovable。

為 Lovable 設定 HubSpot 連接器

超級管理員授予所需的 HubSpot 權限和連接器存取權限,且 Lovable 管理員已啟用連接器後,使用者即可將 HubSpot 連接到 Lovable 並開始建立應用程式。

  1. 前往https://lovable.dev/並登入您的 Lovable 帳戶。
  2. 在左側邊欄選單中,點擊「連接器」。
  3. 選擇「HubSpot」。
  4. 點擊「+ 新增連線」下拉式選單,並選擇「聊天連線器」。
  1. 點擊「連接」。
  1. 選擇已由超級管理員核准您可存取該連接器的HubSpot 帳戶
  2. 檢視此連接器可在您的 HubSpot 帳戶中存取的資料與工具。可選權限定義了您在 Lovable 中使用此連接器建置應用程式時可獲得的最高權限,但並非所有權限都會自動啟用。可選權限僅在您正在建置的應用程式明確需要時才會被使用。為避免日後需重新設定權限,建議您選取所有可用的可選權限。若僅選取部分可選權限,可能會限制您在 Lovable 中所能建置的應用程式及功能。 
  1. 請詳閱條款與隱私權政策。接著勾選核取方塊,以接受此整合服務的條款與條件。
  2. 點擊「連接應用程式」。

將 HubSpot 與 Lovable 連接後,您即可使用此連接器在 Lovable 中建立一個使用 HubSpot 資料的應用程式。

若在安裝過程中遇到「您沒有安裝 Lovable 的 HubSpot 連接器的權限」錯誤,請請教超級管理員,其在 HubSpot 中授予您「Lovable 的 HubSpot 連接器」權限

若遇到「您沒有安裝此應用程式的權限」的錯誤,請請超級管理員 核准您安裝此連接器的權限

安裝連接器後,請選擇 Lovable 請求工具呼叫批准的方式。您可以設定「所有工具呼叫均需批准」、「僅特定工具呼叫需批准」,或「始終允許工具呼叫」。「始終允許」選項可簡化聊天流程並協助您更快達成目標,但會讓 Lovable 無需進一步批准即可執行工具呼叫,導致您對連接器活動的可視性與控制力降低。

使用 Lovable 的 HubSpot 連接器

將 HubSpot 與 Lovable 連接後,請使用自然語言描述您希望 Lovable 建置的應用程式或使用者介面:

  1. 在 Lovable 中,輸入描述您要建置的應用程式或使用者介面的提示語,並在提示語中 @提及HubSpot。接著按下Enter 鍵
請注意:
  • Lovable 中顯示的步驟與問題可能會因您正在建置的應用程式以及提示語中所包含的資訊而有所不同。以下步驟代表典型的應用程式建置流程。
  • 建議在提示中明確指出您要建立的是使用者層級應用程式,以確保具備使用者層級的授權存取權限。


  1. 發佈應用程式後,請選擇哪些使用者可以存取該應用程式:
    • 限於我的工作區內部:僅您 Lovable 工作區中已登入的使用者可存取已發佈的應用程式。
    • 對外部使用者公開:任何擁有應用程式網址的人士皆可存取已發佈的應用程式。
  1. 點擊「下一步」。一旦您發佈應用程式,所選的受眾範圍即會生效。
  1. 在「HubSpot 應用程式配置」區段中,請檢視該應用程式在 HubSpot所需的權限。然後點擊「允許」
  1. Lovable 將開始生成您的應用程式預覽。預覽通常需數分鐘才會顯示。
  2. 在應用程式預覽畫面中,請點擊「連接 HubSpot」。
  1. 在對話方塊中,選擇您的HubSpot 帳戶
  2. 檢視您透過 Lovable 建立的應用程式可存取的 HubSpot 資料。
  3. 勾選核取方塊,然後點擊「連接應用程式」。
  4. 您的 HubSpot 資料將會顯示在應用程式預覽中。


該應用程式僅會根據您的 HubSpot 使用者權限,顯示您有權存取的 HubSpot 資料。例如,若您僅能檢視自己負責的交易,則顯示 HubSpot 交易的 Lovable 應用程式也只會顯示您負責的交易

與其他使用者分享 Lovable 應用程式

在 Lovable 中建立應用程式後,請與您工作區中的其他使用者分享。

  1. 在右上角,點擊「發佈」。
  1. 選擇可瀏覽您應用程式的對象:整個工作區或特定使用者。
  1. 若要編輯應用程式的網域前綴,請點擊網域旁的鉛筆圖示。或點擊「+ 新增網域」以使用自訂網域。 
  1. 點擊「發佈」。
  2. 應用程式發佈後,請點擊「複製連結」以複製應用程式的網址,並與工作區中將使用該應用程式的同事分享。
當其他使用者開啟應用程式時,必須先連結其自身的 HubSpot 帳戶。他們對 HubSpot 資料的存取權限,將依據其 HubSpot 使用者權限而定。
  1. 開啟 Lovable 應用程式的網址
  2. 點擊「連線至 HubSpot」。
  3. 當系統提示要求批准時,請點擊「請求安裝」。系統將向 HubSpot 中的超級管理員發送一則請求。
  1. 待管理員批准請求後,請完成應用程式連線步驟。

重新混搭 Lovable 範本

以預建範本作為起點,然後根據團隊需求自訂重新混搭的專案。

在重新混搭範本之前,請先為 Lovable 設定 HubSpot 連接器,並為您的工作區啟用「應用程式使用者連接器」選項。

  1. 導航至以下其中一個 HubSpot 的預建 Lovable 範本:
    • Pipeline Pulse:顯示交易價值、跟進建議及成交機率,協助您識別並優先處理營收機會。
    • 活動指南:追蹤活動與電子郵件隨時間推移的表現,包括其對排定會議及已成交營收的影響。
    • Optimal Ops:顯示 HubSpot 服務單資料,包括未處理與已解決的服務單數量、解決時間、積壓天數,以及需要關注的問題。
  2. 請登入您的 Lovable 工作區。
  3. 範本載入後,請點擊右上角的「Remix」。
  4. 為專案輸入名稱。若您擁有多個工作區的存取權限,請選擇您要建立專案的工作區。接著,同意對該範本進行重新混搭。

  1. 請依照重新混搭專案中的指示操作:
    • 複製使用者驗證提示。
    • 將提示內容貼上至 Lovable 客服機器人的聊天視窗中。
    • 選擇啟用個別使用者 HubSpot 登入的選項。
  1. 點擊「連接 HubSpot」。
  2. 依照驗證提示將 HubSpot 連接起來,並將您的 HubSpot 資料載入至應用程式中。
  3. 根據需要自訂應用程式。 
這篇文章有幫助嗎?
此表單僅供記載意見回饋。了解如何取得 HubSpot 的協助