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

建立「行動號召」(CTA) (傳統)

上次更新時間: 2025年12月30日

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

傳統的行動呼籲 (CTA) 是您可以在 HubSpot 內容上使用的按鈕,可將潛在客戶帶到您的網站,然後讓他們在表單上進行轉換。建立 CTA 後,您可以檢視 CTA 的瀏覽次數和點擊次數。進一步了解如何分析您的 CTA(傳統)效能

若要建立更多 CTA 類型,例如按鈕、橫幅或彈出視窗,請瞭解如何使用新的 CTA 編輯器

請注意:

  • 建議將現有的傳統 CTA 遷移到新編輯器。進一步瞭解如何遷移 CTA(舊版)
  • 2025 年 3 月 17 日之後建立的帳戶無法使用 CTA(傳統)工具。

建立 CTA(傳統)

建立 CTA(傳統)時,您可以設計自訂按鈕或使用圖片作為 CTA。若要開始建立 CTA(傳統),請
  1. 在你的 HubSpot 帳戶中,瀏覽「行銷」>「行動呼籲」。
  2. 在左上方,按一下下拉式功能表 ,然後選擇CTA(傳統)
  3. 在右上方,按一下建立 CTA

設計自訂按鈕

您可以使用 CTA 編輯器中的設計選項,將 CTA(傳統)設定為自訂按鈕。若要將您的 CTA 設計成自訂按鈕,請

  1. 在右側面板中,選擇自訂按鈕
  2. 使用下列選項設定按鈕的樣式:
    • 按鈕內容:輸入 CTA 按鈕上顯示的文字。您也可以加入表情符號。您的連絡人和訪客將會看到他們所使用裝置 (Mac, Windows, Chrome, Android 等) 的原生表情符號樣式。
    • 按鈕樣式:使用下拉式功能表為您的 CTA 按鈕選擇樣式。如果您希望按鈕看起來像一般文字連結,請從下拉式功能表中選擇連結 (無樣式)
    • 按鈕顏色:按一下顏色選擇器,或在按鈕顏色欄位中輸入自訂顏色的十六進位值
    • 進階選項:按一下進階選項,以自訂CTA 的像素襯墊CSS 設定
  3. 在右側面板底部,按一下下一步 >。


    cta-legacy-custom-button

設計圖片按鈕

您也可以上傳圖片作為 CTA 的設計,以取代設計自訂按鈕。將 CTA 設計成圖片按鈕:

  1. 在右側面板中,選擇圖片按鈕
  2. 上傳您的圖片,並設定 CTA 的樣式:
    • 上傳:從裝置中選取圖片檔。
    • 瀏覽圖片: 從您的檔案管理員選取圖片。從插入圖片面板中,選取要用作 CTA 按鈕的圖片
    • 寬度:調整圖片按鈕的寬度。進一步瞭解上載圖片的視網膜最佳化
    • 高度:調整圖片按鈕的高度
    • Alt text:輸入圖片的 alt文字
  3. 在右側面板底部,按一下下一步 >。


    cta-legacy-image-button

設定您的 CTA(傳統)選項

設計好 CTA (傳統) 之後,設定 CTA 的選項,以決定 CTA 的名稱、CTA 重定向到哪裡,以及任何相關的活動。

若要設定 CTA 選項,請

  1. 選項頁面中,設定下列內容:
    • CTA 內部名稱:輸入 CTA 的名稱。只有您 HubSpot 帳戶中的使用者才能看到 CTA 內部名稱。
    • URL 重定向類型: 選擇您的 CTA 重定向至的選項
      • 外部網站 URL:將您的 CTA 連結至 HubSpot 以外的外部頁面。在輸入 URL欄位中,輸入您想要導向訪客的網站 URL
      • HubSpot 頁面或部落格文章:將您的 CTA 連結至您的 HubSpot 頁面或部落格文章。按一下HubSpot 頁面或部落格文章下拉式選單,然後選擇頁面文章按鈕CTA 的連結將與頁面 ID 綁定,頁面 URL 的任何變更都會自動更新按鈕CTA 的連結。
      • 會議連結: 將您的 CTA 連結至HubSpot 會議連結。按一下Choose a meeting link(選擇會議連結 )下拉選項,然後選擇一個會議連結。若要在新頁面中開啟此連結,請選取「在新視窗中開啟頁面」核取方塊。
      • 檔案連結: 將您的 CTA 連結至檔案管理員中的檔案。按一下「瀏覽檔案」 並選擇檔案,然後選擇「在新視窗中開啟頁面 」核取方塊,如果您希望按一下按鈕CTA 的訪客在新的瀏覽器視窗中檢視圖片。
      • 電子郵件地址:建立 mailto 連結。
      • 電話號碼:建立撥打指定電話號碼的連結。
    • 廣告系列: 如果您要將 CTA(傳統)分析與廣告系列相關聯,請按一下下拉式功能表 並選擇一個廣告系列。
  1. 按一下儲存。您的 CTA 現在會顯示在面板頂端。

請注意:

  • CTA (傳統) 工具不支援個人化標記。將個人化標記加入按鈕CTA會導致錯誤。在您的部落格文章、頁面或行銷電子郵件中,您可以考慮改用按鈕模組的個人化標記。
  • 使用內容暫存設定頁面時,CTA(傳統)將不會自動更新,並保持連結至原始頁面。建議為您的新頁面更新現有的 CTA 或建立新的按鈕CTA。

cta-legacy-options

完成建立您的 CTA (遺留)

設定 CTA 的設計和選項後,您可以執行下列動作:
  1. 若要編輯 CTA 內部名稱,請按一下上方edit 鉛筆圖示 ,以編輯 CTA 的內部名稱。
  2. 若要完成建立 CTA,請按一下關閉
  3. 若要建立智慧型按鈕CTA,請按一下建立智慧型版本
  4. 若要對按鈕CTA 進行 A/B 測試,請按一下建立多元測試

cta-legacy-finish

其他 CTA(傳統)動作

在 CTA(傳統)儀表板上,您可以分析高階指標,檢視 CTA 的表現,並對列出的任何 CTA 採取行動:

  1. 若要預覽您的 CTA,請將滑鼠懸停在 CTA 上,然後按一下預覽,即可在預覽側列窗格中顯示您的 CTA。
  2. 若要對您的 CTA 採取行動,請按一下「行動」下拉式功能表,並選擇下列其中一項:
    • 編輯:在 CTA(傳統)編輯器中變更您的 CTA。
    • 建立多元測試:建立您 CTA 的第二個版本,以對您的聯絡人和訪客執行 A/B 測試
    • 建立智慧型版本:建立智慧型按鈕CTA,依據特定顯示規則顯示不同版本的 CTA。
    • 檢視詳細資料:檢視 CTA 的分析資料,例如檢視次數、點擊次數和提交次數。
    • 複製:建立您 CTA 的完整複本。
    • 嵌入程式碼:複製並貼上嵌入程式碼,將您的 CTA 新增至外部網頁。
    • 指定使用者和團隊:限制特定使用者或團隊存取您的 CTA(傳統)。進一步了解如何限制 HubSpot 資產的存取權限
    • 刪除:永久刪除您的 CTA。

cta-legacy-actions
這篇文章有幫助嗎?
此表單僅供記載意見回饋。了解如何取得 HubSpot 的協助