店铺内推出了一些活动之后，为了渲染气氛，就可以在店铺首页上设置一个倒计时，为了更加方便的操作，需要用到一些代码，那么具体该怎么操作呢?带着这个疑问，跟随小白学电商小编一起去学习一下相关的操作流程吧!

在淘宝或者天猫页头店招上添加上倒计时代码，原理上是用店招图片来做背景，倒计时代码的固定在背景图片上，最后稍微修改下倒计时的 CSS 让其对齐就可以了。

在店家做活动的时候经常会用到倒计时代码。比如距离活动结束(开始)还有多长时间多长时间的。一般网页提供的都是JS代码，但是淘宝上面自定义模块不支持JS代码，会自动删掉。随意下面跟大家分享一下可以用的html倒计时代码。

在淘宝店招上添加倒计时代码的简单流程：

一、登陆淘宝中心，进入“首页-店铺装修”页面。

二、点击店铺招牌的“”编辑“按钮后，如下图中在招牌类型中选择”自定义招牌“。

织梦内容管理系统

第三步，选择红色框中的源码按钮，将复制的代码粘贴进去，再点击保存就OK了!

div class="skin-box-bd clear-fix">

div class="J_TWidget" data-widget-config="{'endTime': '2022-10-12 00:00:00','interval': 1000,'timeRunCls': '.ks-countdown-run','timeUnitCls':{'d': '.ks-d','h': '.ks-h','m': '.ks-m','s': '.ks-s'},'minDigit': 1,'timeEndCls': '.ks-countdown-end'}" data-widget-type="Countdown" style="color:#000;text-align:center;font-size:16px;">

div class="ks-countdown-run">

span class="ks-d">100 天 10 小时 10 span>分 10 秒

div class="ks-countdown-end" style="display:none;">

亲，活动开始啦!!

/div>

/div>

提醒大家，在复制粘贴的时候，要注意把上面的2022-10-12时间替换成你要到什么时候结束的时间就可以了!如果你想了解更多可以咨询小白学电商网，这里有最全面的资源。

推荐阅读：

ps怎么做淘宝主图水印?详解教程

淘宝店铺主图怎么做?淘宝主图设计技巧

如何做一个好的淘宝宝贝主图制作技巧?