除了本身網站提供的置頂社群列圖示之外,也可以透過自訂 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全站程式碼」貼上步驟四的代碼
*如設定上沒如期出現或有任何問題,請於管理後台右下角與我們聯繫
進一步閱讀「網站置頂社群列」