跳转至主要内容
Shopify 主题优化

第 157 期 当 Shopify 客户切换其他网页时召回继续浏览降低弃购

通过 YouTube 观看本期 Shopify 教程

最近,某位热心粉丝建议,在视频演示时将鼠标放大,以便观众更容易看到鼠标位置。于是到后台加了个设置项,可以在录制教程时加大鼠标,录完恢复常规样式。

同时加了个提示,也就是这期分享的内容,在客户切换到浏览器中其他标签页时,吸引 Ta 回到网站,降低 Shopify 店铺弃购率。

使用方法:

  • 复制以下代码,添加到 theme.liquid 底部 /body 之前,保存即可
  • 提示文字:" Flash Sale, Hurry up! " 可自行替换为想要设置的内容
{% if request.design_mode == false %}
  <script>
	    document.addEventListener("DOMContentLoaded", () => {
            const isTabInView = () => !document.hidden;
            setInterval(() => {
                if(!isTabInView()) {
                    document.title = 'Flash Sale, Hurry up!';
                } else {
                    document.title = '{{ page_title }}';
                }
            }, 500);
        });
	</script>
{% endif %}

示意图:

Shopify代码修改示意

免费个人博客系列教程推荐

  • 本期视频中演示了我的博客程序后台,如果你对于创建一个属于你自己的博客感兴趣,可以观看这个免费系列教程。
💡
拥有跟我一样的博客网站,创作和记录属于你自己的内容

Shopify 一元开店

  • 快速创建新店或备用/测试店铺
  • 同时可用于免费试用插件 App,避免代码残留,影响主店铺网速
第 143 期 一元开店 低成本拥有你自己的 Shopify 店铺
打造属于自己的Shopify网店,无需任何编程技能。这个网址提供了一键式 Shopify 店铺搭建服务,只需低成本就可以立即拥有属于自己的专业电子商务平台。限时福利:既可用于创建新的店铺,也可以创建测试店铺(例如免费试用插件 APP 等),避免测试插件时代码残留在主题中,拖慢店铺网速。