跳到内容

在内容中使用自定义社交图标

上次更新时间: 二月 12, 2025

除非另有说明,否则适用于以下任何订阅

所有产品和计划

要在 HubSpot 页面或模板的社交关注社交分享模块中使用自定义社交图标,请创建模块的自定义版本,添加自己的社交图标。

1.克隆默认模块

  • 在 HubSpot 帐户中,导航到内容 > 设计管理器
  • 在左侧栏中,点击社交关注 社交分享 模块。
  • 在模块编辑器的提示中,单击克隆模块
  • 在对话框中,输入克隆模块的名称,然后单击 "克隆"。

2.2. 替换图标

  • 在模块检查器中,找到 "链接文件 "部分。在 "其他文件"下,注意每个网络的社交图标文件名(如facebook-color.png)。
  • 确保自定义社交图标图像为PNG 格式,且文件名与模块中每个网络的现有社交图标文件名相同(如facebook-color.png)。
  • 要替换某个网络的现有社交图标,请单击文件右侧的x 符号 。然后点击其他文件旁边的添加

  • 在右侧面板中,使用搜索栏 在文件管理器中查找自定义社交图标,或单击左下角的添加 文件并选择上传文件,从设备上传自定义社交图标。
  • 单击文件名将图标添加到模块中。

  • 替换社交图标文件后,点击模块编辑器右上方的预览 打开模块预览。
  • 对模块外观满意后,单击模块编辑器右上方的 "发布更改"。现在你就可以将这个新的自定义模块添加到你的 HubSpot 内容中了。


3.将模块添加到模板中

模块发布后,您可以将其添加到拖放模板或编码模板中。

拖放模板

  • 在 HubSpot 帐户中,导航到内容 > 设计管理器
  • 在左侧栏中,单击模板名称
  • 在右栏中,单击+ 添加
  • 单击新模块,然后将其拖放到模板上的位置。
  • 在右上角,单击发布更改

编码模板

  • 在 HubSpot 帐户中,导航到内容 > 设计管理器
  • 在左侧栏中,单击新模块的名称
  • 在左上角单击 "操作"下拉菜单,然后选择 "复制片段"。

  • 在左栏中,单击编码模板的名称
  • 在编码模板中,将片段粘贴到希望模块出现的位置。
  • 在右上角,单击 "发布更改"
这篇文章有帮助吗?
此表单仅供记载反馈。了解如何获取 HubSpot 帮助