主題樣版:素材功能介紹

已更新:3月25日


品牌在消費者心裡留下什麼樣的印象,很大一部分的因素取決於官方網頁的設計風格與瀏覽體驗,官網設計就是品牌的門面,能夠傳遞品牌對質感的要求。Showmore 不僅提供精美的主題模板,讓你一鍵完成品牌官網設置,也提供設計素材,讓您自行客製化官網,滿足消費者對品牌的想像。


本文大綱

一、版型編輯功能簡介

版型編輯提供「主題樣版」、「素材設定」、「頁尾設定」三個選項讓您打造專屬的官網印象。

主題樣版:提供您精選的素材組合,省去您選擇素材的煩惱。 素材設定:提供10種素材供編輯使用您可挑選喜愛的素材,自行搭配出最符合您風格的主題視覺。 頁尾設定:提供您三種精選套版,可於此處填入網站相關資訊,如關於我們、購物說明客服資訊等。


由「官網管理」→「總覽」,點擊進入到您欲編輯的官網中,並點擊右上方「版型編輯」,開始編輯您的官網,以下就「素材設定」介紹其詳細用法。







二、素材功能簡介


基本操作規則

新增素材:於右側頁面點擊欲新增的素材,新增素材會顯示於左側頁面,左側頁面預覽即為官網前台預覽圖。

編輯素材:點擊左側的素材版面,即可於頁面右下方編輯素材內容、圖案及連結。

移動素材:於左側頁面直接拖拉素材即可。

刪除素材:將游標移至左側頁面預覽中的素材上,素材右上方會出現叉叉符號,點擊即可消除。


個別素材功能教學

設計Tips:上傳的圖片中若有文字,「不宜」太小或太多,以確保買家使用手機瀏覽時也能清楚閱讀喔! 小提醒:編輯素材後若未點選儲存設定,變更的素材不會被留存。

(實際介面及操作請以系統最新版本為主。)


全版圖片

1. 新增標題 2. 點選方框以上傳圖片

  • 圖片限制:該欄位最多只可上傳1張圖片,若想要有輪播的功能,請選擇主頁橫幅。

  • 建議尺寸:最小寬度 1200px,高度不限。

  • 支援圖片格式:JPG/PNG/GIF

3. 設定圖片連結

  • 不跳轉:維持單圖形式

  • 連結商品:點擊圖片後連結至您設定的指定商品

  • 外部連結:點擊圖片後連結至您設定的外部網址

4. 點選「儲存設定」即完成更動。



主頁橫幅

1. 點選新增圖片

2. 點選方框以上傳圖片(標題、內容非必填)

  • 圖片限制:一次最多可於該處新增5張圖片

  • 建議尺寸:1920*680px (全版面,建議寬度不低於 1440px,寬高比例須一致)

  • 支援圖片格式:JPG/PNG/GIF

3. 設定圖片連結

  • 不跳轉:維持單圖形式

  • 連結商品:點擊圖片後連結至您設定的指定商品

  • 外部連結:點擊圖片後連結至您設定的外部網址

4. 若欲更動圖片位置,點選標題前方的點狀圖形即可拖拉更改。

5. 點選「儲存設定」即完成更動。




系列商品

1. 輸入商品標題。

2. 點選新增商品,出現查詢商品列表後,可選擇已建立之商品,或使用右上方的篩選功能挑選商品。(新增商品前須先至「商品設定」處新增商品)

3. 設定好商品後,點選「儲存設定」即完成更動。





圖文組合

圖文組合分為左右兩個版面,可於左右版面任意新增圖片、計時器或文字素材。

1. 分別設置左右兩欄的素材,可挑選圖片、計時器及文字(詳細操作步驟如下)。

2. 設置完成後點選「儲存設定」即完成更動。


圖片:

1. 點選方框以上傳圖片(標題、內容非必填)

  • 支援圖片格式:JPG/PNG/GIF

  • 圖片建議尺寸:400 x 400

2. 設定圖片連結

  • 不跳轉:維持單圖形式

  • 連結商品:點擊圖片後連結至您設定的指定商品

  • 外部連結:點擊圖片後連結至您設定的外部網址

3. 點選「儲存設定」即完成更動。


計時器:

1. 填寫活動標題(文字內容非必填)

2. 填寫活動結束時間

3. 設定計時器連結

  • 不跳轉:維持計時器形式

  • 連結商品:點擊計時器後連結至您設定的指定商品

  • 外部連結:點擊計時器後連結至您設定的外部網址

4. 選擇計時器樣式。預設有五種樣式可供選擇,您也可以自行設定文字、背景及倒數時間的顏色。

5. 點選「儲存設定」即完成更動。


文字: 1. 於「文字編輯」處輸入文字,

2. 選擇「背景顏色」或「背景圖片」

3. 點選「儲存設定」即完成更動。



全文字設定

1. 於「文字編輯」欄位輸入資訊

2. 可於「背景顏色」、「背景圖片」處上傳、或選擇您想要的背景。

3. 點選「儲存設定」即完成更動。


影片

1. 於「影片連結」欄位輸入影片網址。(此素材支援 YouTube / Facebook / Vimeo 影片)

2. 點選「儲存設定」即完成更動。



多欄橫幅

1. 點選新增圖片 (一次最多可於該處新增5張圖片)

2. 點選方框以上傳圖片(標題、內容非必填)

  • 圖片建議尺寸:總寬度1200px,寬度請依數量相除 (寬高比例須一致)

  • 支援圖片格式:JPG/PNG/GIF

3. 設定圖片連結

  • 不跳轉:維持單圖形式

  • 連結商品:點擊圖片後連結至您設定的指定商品

  • 外部連結:點擊圖片後連結至您設定的外部網址

4. 若欲更動圖片位置,點選標題前方的點狀圖形即可拖拉更改。

5. 點選「儲存設定」即完成更動。



跑馬燈

1. 設定「背景顏色」以及「文字顏色」

2. 設定圖片連結

  • 不跳轉:維持單圖形式

  • 連結商品:點擊圖片後連結至您設定的指定商品