限時特賣特效」

 製造緊迫感,提升轉換率

• 增加活動曝光度與點擊率

• 優化庫存流動,加快清庫存的效率




✎ 重點拆解:



一、「限時特賣特效」設定路徑與語法

二、「限時特賣效果」前台顯示效果





一、「限時特賣特效」設定路徑與語法


設定路徑:版面>自訂JS全站程式碼。

if( $('#countdown_dashboard').length ) {
    jQuery.getScript("https://cdn.qdm.cloud/assets/js/jquery.countdown.2.2.0.0.min.js") ;
   setTimeout(function(){
    $('#countdown_dashboard').countdown('2022-09-08', function(event) {
     if (event.elapsed) {
      $(this).html('');
     } else {
      $(this).html(event.strftime('<h1>結束囉!</h1><span>%D 天 %H:%M:%S</span>'));
     }
    });
   }, 2000);
  }



設定路徑:頁面 > 自訂頁面。

<div id="countdown_dashboard" class="countdown"></div>



注意 /

countdown_dashboard 建議自訂別的英文名,以免跟商品頁衝到。




上面語法中

「日期」為「 結束日期」。

「結束囉!」 這邊欄位的文字,可以自訂要顯示的文字。




、「限時特賣特效」前台顯示效果