知識庫

在HubSpot頁面或模板上使用自訂社交圖標

作者:HubSpot Support | Nov 21, 2022 11:55:47 AM

要在HubSpot頁面或範本上的「關注我」或「社交分享」模板中使用自訂社交圖示,請建立該模組的自訂版本,以新增您自己的社交圖示。

1.複製預設模組

  • 在左上角,使用搜尋列找到預設的「關注我」或「社交分享」模組。
  • 按一下模組的名稱。以在編輯器中開啟它。
  • 在模組編輯器的警報中,按一下複製模組。
  • 在「」對話方塊中,輸入複製模組的名稱,然後按一下複製。

2.更換圖示

  • 在模組檢查器中,找到「連結檔案」部分。 在其他檔案下,請留意每個網絡的社交圖示檔案名稱(例如facebook-color.png )。
  • 確保您的自訂社交圖示圖片為PNG格式,並且與模組中每個網路的現有社交圖示檔案具有相同的檔案名稱(例如facebook-color.png )。
  • 若要替換網絡的現有社交圖示,請按一下檔案右側的x符號。 然後,單擊其他文件旁邊的添加。

  • 在右側面板中,使用搜尋列在檔案管理器中找到自訂社交圖示,或按一下左下方的新增檔案,然後選擇上傳檔案,從裝置上傳自訂社交圖示。
  • 按一下檔案名稱,將圖示新增至模組。
  • 更換社交圖示檔案後,按一下模組編輯器右上角的「預覽」以開啟模組預覽。
  • 當你對模組的顯示方式感到滿意時,點擊模組編輯器右上角的「發佈變更」。 你現在可以將這個新的自訂模組新增至你的HubSpot內容。


3.將模板新增至模板

發佈模組後,您可以將其新增至拖放模板或已編碼模板。

拖放模板

若要將新的社交分享或關注我模組新增至拖放模板,請查看我們如何將模組新增至模板的指南。

已編碼的範本

若要將此新模組新增至編碼模板,請按照以下步驟操作:

  • 在設計管理系統中開啟該模組。
  • 在左上角,按一下[操作]下拉選單,然後選擇[複製片段]。

  • 瀏覽到要新增此模組的代碼模板。
  • 在編碼範本中,貼上您想要顯示模組的片段。
  • 按一下右上角的發佈。