第 189 期 在 Shopify 店铺上添加改进版的分享到主流社交媒体功能

点击这里查看 带字幕 视频教程    本期 YouTube 链接(免登录观看 4K)

上期回顾

第 188 期 新接触 Shopify 如何创建店铺和提出优化需求


在这个问题被提出一年多之后( 后来忘记测试了,今年想起来之后又因为忙碌拖延了一段时间,今天又被问到,so, let's do it! )

本期内容分享一下改进版的 Shopify 分享到社交媒体的功能。

如何在Shopify主题上添加分享功能

改进前

Shopify 默认的主题 Dawn 以及 其他 11 款免费主题,默认的分享功能只能在点击 "Share" 之后展示出产品页链接,并不能直接跳转到社交媒体进行分享。

Shopify Dawn 默认的社媒分享功能

改进后

点击 "Share" 会分别展示分享到 Facebook, Twitter(X) 以及 Pinterest 的图标,点击即可前往相应的平台进行分享,并且会附带产品链接、产品图片和标题。

改进后的 Shopify 社媒分享功能
Social Sharing with product title and url

Shopify 增强版主题详情

第 142 期 适用于所有 Shopify 推出的主题 增强版本 添加四十几项功能
Shopify增强版主题,添加几十项功能,支持一键开启或关闭。适用于所有Shopify推出的 2.0 版九款主题,减少插件安装,降低每个月的插件订阅费。访问查看具体内容与视频演示

修改方法

  • 参考视频操作

可根据自己的需求手动修改显示的文字以及鼠标悬浮上去时显示的文字。

  1. title: 鼠标悬浮时显示的文字 (Share on Facebook, Tweet on Twitter, Pin on Pinterest)
  2. <span class="social-sharing__title">: 页面上直接显示的文字(Share, Tweet, Pin it)

代码复制

  • 类似于之前的 铁粉可见,代码将在发布视频时限时可见,SVIP 不受此限制

额外推荐

第 190 期 狂拽酷炫 Shopify 滚动文字公告跑马灯功能 支持多项自定义设置

以下内容只有授权的 SVIP 用户才能查看

目前已有 300 位 SVIP, 如果你还不是

可微信私聊: Shopify2006 或 扫码 ↓

Shopify2006_Wechat

别人能学会的, 你也能会

来自 Shopify 官方的介绍

内容标签:   #B站教程,   #主题优化,   #主题开发,   #产品详情页,   #店铺装修,   #店铺运营,   #提升转化,   #用户运营