跳至正文
帮助
编辑器版块与区块

如何在店铺中添加社交媒体图标(Instagram、TikTok、Facebook、WhatsApp)?

添加社交媒体图标版块:链接 Facebook、Instagram、Threads、X、TikTok、Snapchat、YouTube、LinkedIn、Pinterest、Tumblr、WhatsApp 和 Telegram,选择图标或应用外观,内联或固定在屏幕边缘,以及形状、大小、颜色和悬停效果。

阅读时间 3 分钟

社交媒体图标版块显示指向您社交主页的链接。它可以放在页面中,也可以在顾客滚动时固定在屏幕一侧。

添加它

在建站工具中,打开版块标签,点击添加新版块,在营销分组中选择社交媒体图标。任何页面每页可以有一个。页脚有一个社交媒体图标区块,账户和图标设置相同,请参阅如何设置店铺页脚(关于我们、菜单、社交图标、支付图标、政策链接、版权)?。

社交账户

只填写您使用的平台。空的不会显示;如果一个账户都没有填写,整个版块都不会显示。

  • 对于 Facebook、Instagram、Threads、X、TikTok、Snapchat、YouTube、LinkedIn、Pinterest、Tumblr和Telegram,只输入用户名,不要输入完整链接。例如 mystore。Instagram、TikTok 和 X 等部分平台也接受 @mystore。
  • 如果是 LinkedIn 公司主页,请输入 company/ 再加上主页名称,例如 company/mystore。
  • 对于 WhatsApp,请按国际格式输入电话号码,只写数字,例如 212600000000。

在产品页和落地页上,WhatsApp 链接会打开一个带有预填消息的聊天,消息中会写明产品名称,让您知道顾客在咨询哪件产品。页脚区块也是如此。

布局

  • 模式:内联在页面中把图标显示为一行。固定把图标排成一列固定在屏幕一侧。
  • 位置(仅固定模式):左边缘或右边缘。
  • 移动端内联(仅固定模式):在小屏幕上,图标会回到页面中,以免遮挡您的内容。
  • 版块宽度和对齐(仅内联模式):页面宽度或全宽,以及图标靠左、居中或靠右。

外观

  • 外观:图标提供下面所有样式选项。应用把每个平台显示为带有自身品牌颜色的圆形按钮,就像应用图标。在应用外观下,形状、样式、色板、悬停效果和配色方案选项会被隐藏,因为它们不适用。
  • 图标大小:12 到 64 像素。
  • 形状:无(只有图标)、圆形、圆角或正方形。选择形状后,还可以设置样式(扁平填充,或轮廓)和形状大小。形状始终至少与图标一样大。
  • 色板:品牌(每个平台自己的颜色)、单色(配色方案的文本颜色)或自定义(配合自定义颜色)。
  • 悬停效果:无、品牌(变为品牌颜色)、缩放、提升或透明度。
  • 配色方案:版块背景和单色颜色。
  • 图标之间的间距、内边距以及自定义 CSS标签。

示例

  • 跟随顾客的图标:把模式设为固定,位置设为右,并开启移动端内联。在电脑上滚动时,图标会一直停留在屏幕一侧。
  • 彩色应用按钮:把外观设为应用。无论店铺颜色如何,每个平台都保持自己的品牌颜色。
  • 与店铺协调的低调图标:外观选图标,形状选无,色板选等宽(单色),悬停效果选品牌,这样只有在悬停时才显示品牌颜色。

小贴士

  • 链接打开了错误的页面:请确认您只输入了用户名。完整地址或多余字符都不被接受。
  • 固定图标在手机上遮住了某个按钮:开启移动端内联。

仍需帮助?

给我们留言,我们会回复你。

联系我们