建立按鈕召喚行動(CTA)

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

按鈕CTA應具有視覺吸引力，面向行動，並且易於在網頁和電子郵件中找到。 建立BUTTON CTA後，您可以查看CTA的瀏覽次數和點擊次數。 進一步瞭解如何分析您的BUTTON 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現在會顯示在窗格頂部。
  
  

完成建立您的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。