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

建立按鈕召喚行動(CTA)

上次更新時間: 五月 22, 2023

可与下列任何一种订阅一起使用,除非有说明:

行銷 Hub Professional, Enterprise
CMS Hub Professional, Enterprise
舊版 Marketing Hub Basic

按鈕CTA ( Call-to-action )是您可以在HubSpot內容上使用的按鈕,以將潛在客戶帶到您的網站,然後他們可以在表單上轉換並新增到您的聯絡人資料庫。

按鈕CTA應具有視覺吸引力,面向行動,並且易於在網頁和電子郵件中找到。 建立BUTTON CTA後,您可以查看CTA的瀏覽次數和點擊次數。 進一步瞭解如何分析您的BUTTON CTA的表現。 

建立b utton CTA

建立b utton CTA,您可以設計自訂按鈕或使用影像作為CTA。 要開始建立b utton CTA ,請按照以下步驟操作:
  •  Marketing > Lead Capture > Button CTAs。
  • 按一下右上角的「建立CTA」。 

設計自訂按鈕 

您可以使用「CTA」編輯器中的設計選項,將「b utton CTA」設為自訂按鈕。 若要將CTA設為自訂按鈕,請按照以下步驟操作: 

  • 在右側面板中,選擇自訂按鈕。
  • 使用以下選項為您的b utton CTA設定風格:
    • 按鈕內容:輸入CTA按鈕上顯示的文字。 您也可以添加表情符號。你的聯絡人和訪客會看到他們使用的裝置( Mac、Windows、Chrome、Android等)的本地表情符號風格。
    • 按鈕風格:使用下拉菜單選擇CTA按鈕的風格。 如果你希望按鈕看起來像普通文字連結,請從下拉菜單中選擇連結(無風格)。
    • 按鈕色彩:按一下色彩選取器或在按鈕色彩欄位中輸入自訂色彩 十六進制值。
    • 進階選項:按一下 進階選項 以自訂CTA的像素填充CSS風格。 
  • 在右側面板底部,按一下下一步>。 




設計影像按鈕 

你可以上載圖片,用作BUTTON CTA的設計,而不是設計 訂按鈕。 若要將CTA設計為影像按鈕,請按照以下步驟操作: 

  • 在右側面板中,選擇影像按鈕。
  • 上傳你的圖片並設定你的BUTTON CTA 風格: 
    • 上傳:從裝置中選擇影像檔案。 
    • 瀏覽影像:從檔案管理器中選擇影像。 在「插入影像」面板中,選擇用作CTA按鈕的影像。 
    • 寬度:調整影像按鈕的寬度。 進一步了解上傳影像的視網優化。 
    • 高度:調整影像按鈕 的高度。
    • 替代文字: 為影像輸入替代文字。
  • 在右側面板底部,按一下下一步>。 



設定您的BUTTON CTA 選項 

在設計CTA後,設定你的b utton CTA選項,以確定CTA的名稱、CTA將重定向到哪裡,以及任何相關的廣告活動。 

若要設定您的BUTTON CTA 選項: 

  •  在「選項」頁面中,配置以下內容:
    • CTA內部名稱:輸入您b utton CTA的名 稱。 只有您HubSpot帳戶的用戶才能看到CTA內部名稱。 
    • 網址重定向類型:為您的b utton CTA選擇一 要重定向的選項 。
      • 外部網站網址:將您的b utton CTA 連結到HubSpot以外的外部頁面。 在「輸入網址」欄位中,輸入您要引導訪客前往的網站網址。
      • HubSpot頁面或網誌文章:將您的b utton CTA連結到您的一個HubSpot頁面或網誌文章。 按一下HubSpot頁面或網誌文章下拉選單,然後選擇一個頁面或文章。 B utton CTA 的連結將連結到頁面ID ,頁面網址的任何變更都會自動更新b utton CTA 的連結。 
      • 會議連結:將您的b utton CTA連結到HubSpot會議連結。 按一下[選擇會議連結]下拉式選單,然後選擇一個會議連結。 若要在新頁面中開啟此連結,請選擇在新視窗中開啟頁面核取方塊。 
      • 檔案連結:將b utton CTA連結到檔案管理器中的檔案。 按一下瀏覽檔案並選擇檔案,然後選擇在新視窗中開啟頁面核取方塊,如果你希望按一下b utton CTA的訪客在新瀏覽器視窗中查看影像。 
      • 電子郵件地址:建立mailto連結。
      • 電話號碼:建立連結以呼叫指定的電話號碼。
    • 廣告活動:如果您想將您的BUTTON CTA分析 與廣告活動相關聯,請按一下下拉式選單,然後選擇一個廣告活動。 
  • 按一下儲存。你的b utton CTA現在會顯示在窗格頂部。

請注意:

  • B utton CTA 工具不支持個人化令牌。 向b utton CTA新增個人化令牌會導致錯誤。 在網誌文章、網頁或市場推廣電子郵件中,你可以考慮使用個人化標牌與按鈕模組。 
  • 設定內容暫存頁面時, b utton CTA不會自動更新,並保持連結至原始頁面。 建議更新現有的b utton CTA 或為新頁建立新的b utton CTA。

 

 

完成建立您的BUTTON CTA

設定BUTTON CTA的設計和選項後,您可以執行以下操作: 
  • 若要編輯b utton CTA內部名稱,請按一下頂部的 編輯鉛筆圖示以編輯CTA內部名稱。
  • 若要完成建立BUTTON CTA 請按一下關閉。 
  • 若要建立智慧b utton CTA ,請按一下建立智慧版本。 
  • 若要測試A/B b utton CTA 請按一下建立多變量測試。 



其他BUTTON CTA操作

在BUTTON CTA控制面 板上,您可以分析高標準,以查看您的BUTTON CTA的表現,並對列出的任何CTA採取行動:

  • 若要預覽b utton CTA ,請將鼠標懸停在b utton CTA上,然後按一下 預覽 ,在預覽側邊欄窗格中顯示您的CTA。
  • 若要對您的b utton CTA採取行動,請 按一下行動下拉菜單,然後選擇以下其中一個:
    • 編輯:在b utton CTA 編輯器中更改您的b utton CTA。 
    • 建立多變量測試:建立第二版的b utton CTA ,與聯絡人和訪客一起執行A/B測試。 
    • 建立智能版本:建立智能b utton CTA ,根據特定的顯示規則顯示不同版本的b utton CTA。 
    • 檢視詳情:查看您實際CTA 的分析,例如瀏覽次數、點擊次數和提交次數。
    • 克隆:創建一個確切的b utton CTA 本。 
    • 嵌入代碼:透過複製和貼上嵌入代碼,將b utton CTA新增到外部頁面。
    • 刪除:永久刪除您的b utton CTA。

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