JS專區|網站右下角浮動式社群按鈕

除了本身網站提供的置頂社群列圖示之外,也可以透過自訂 JS 全站程式碼的方式,新增社群圖示在網站的右下方。


步驟一、自製或上網找希望放置的圖示,建議尺寸為 150px*150px


步驟二、將製作好的 icon 上傳到圖片庫 > 點擊「+」> 按右鍵複製圖示網址 


步驟三、準備好社群連結或相關 URL


步驟四、複製以下 JS 程式碼,並將藍色中文字改成步驟二、三的對應網址

jQuery(document).ready(function($) {

    if ($('#footer').length) {

        setTimeout(function() {

            $('#footer').append(`

            <div class="social-btn" style="position: fixed; bottom: 60px; right: 12px; z-index: 1000; width: 48px;">

                    <a href="社群連結" target="_blank">

                        <img alt="" onerror="imgError(this);" src="圖示網址" />

                    </a>

                </div>

            `);

        }, 1000);

    }

});


步驟五、「商店設計 > 自訂JS全站程式碼」貼上步驟四的代碼

*如設定上沒如期出現或有任何問題,請於管理後台右下角與我們聯繫



進一步閱讀「網站置頂社群列