網店設計DIY無難度 善用工具打造專屬品牌網店

網店設計是開網店重要一環,透過設計網店,可以有效打造品牌形象。而一個美觀並且具特色的網上商店,不但能在消費者心中留下深刻印象,甚至能大大提升消費者的購買慾。想知如何做好網上商店設計?今次就教大家認識ebixPRO 強大的網店設計工具-「網店編輯器」,讓大家DIY 自行設計出別具風格的特色網上商店。

1. 甚麼是「網店編輯器」?

「網店編輯器」是ebixPRO 自家研發的網店設計工具,當完成ebixPRO免費的網店註冊後,在網店後台就可以開始使用「網店編輯器」進行各種網店設計。

2. 網店編輯器的功能

ebixPRO的「網店編輯器」不但有多款網店設計模版 (Template) 選擇,而且有別於其他網上電商平台,每個模版的所有部份都可以隨意組合、加減或刪除,讓你真正自由設計網店,建立出理想的網店模樣。

ebixPRO的「網店編輯器」有超過50款組件可任意添加和修改。

組件超過50項

在「網店編輯器」中,大家可以在預設的頁面及部份隨意進行改動,包括「首頁 (Front Page)」、「關於我們 (About Us)」、「頭部 (Header)」和「底部 (Footer)」等。不同的頁面會有不同的組件選擇,整個「網店編輯器」中,就有超過50款組件。以下為大家率先介紹其中3款。

1. 橫幅 (Banner)

橫幅是網店設計中最常用到的元素,在「網店編輯器」中你可以上載任何圖片、照片和影片並設定成橫幅。除了一般的靜態橫幅,也有其他不同橫幅類型,例如幻燈片橫幅 (Slide Banner) 可以上載多達15幅,適合有多種產品想展示的網店。另外彈出式橫幅 (Pop up Banner) 通常用作廣告,可以展示網店最新優惠或最新店鋪資訊。

2. 漂浮廣告

漂浮廣告是一直浮在頁面上的一個廣告位,可以是圖片,也可以是gif,而且可以加入超連結,在點撃後將觀眾帶到指定的頁面。漂浮廣告的優點是可以讓觀眾持續看見特定訊息,有效增加點撃。事實上,漂浮廣告在坊間電商平台中十分少見,一般需要額外付費要求平台提供,而在ebixPRO上,免費帳戶就已經可以在設計中增設。

3. 社交媒體連結

網店是打造品牌形象和提供購買渠道的地方,而社交媒體則可以讓觀眾持續關注品牌最新動態,因此社交媒體和網店應互相緊扣。ebixPRO 可以讓你輕鬆連結Facebook、Instagram、Youtube、Twitter 和Wechat,無需像坊間一些電商平台般加入程式碼,只要在社交媒體一欄貼上連結URL,就能在網店設計中設置連結按鈕,簡單方便。 

除了組件之外,「網店編輯器」還有其他比坊間電商平台優勝的特點。

多種商品排列模式

利用ebixPRO的「網店編輯器」,商品的排列方式都可以有不同選擇,例如將產品一個個由上而下呈現的列表式,將產品圖片盡量放大的全寬式,和最常見將產品幾個一行地展示的畫廊式等。而畫廊式又可以選擇每行的產品數量 (2個/ 3個/ 4個/ 6個一行) 。不同的排列模式可以塑造不同的視角觀感,迎合不同的設計需要。

畫廊式商品排列。

可轉換暗黑界面

近年暗黑模式大熱,不少網店和應用程式都紛紛推出暗黑界面,以黑和灰為主色調,令觀眾閱讀時眼睛更舒適。在ebixPRO 的「網店編輯器」中,假如你想將整個網店設計由白色主題轉換成深色主題,方法亦十分簡單,只需一個按鈕就可以快速兩邊切換。

暗黑介面

一個按鈕就可以切換光明模式和黑暗模式。

過千免費圖庫

開網店不少人都希望能在最短時間內完成網店設計,那麼與其花時間在網上四處尋找合適的圖片,不如在ebixPRO的「網店編輯器」的圖庫中揀選圖片吧!ebixPRO有別於其他坊間電商平台,「網店編輯器」同時設有龐大圖庫,裡面提供過千張免費圖片讓店家自由使用,店家更可透過「網店編輯器」在圖片上直接加入文字,快速完成橫幅和背景設計。

免費圖庫

輸入關鍵字就可搜尋免費圖片。

超過50種流行字體

對於著重美感的用家而言,網店字體的重要性並不比圖片低,不過一般的電商平台就只有幾款字型選擇,並不能完美配合網店設計。有見及此,ebixPRO 的「網店編輯器」提供超過50款流行字體。無論你想要傳統、典雅、高貴,抑或現代、簡潔、俐落的字體,ebixPRO都可以滿足你需要。

一般而言,會建議店家使用1至2種字體於網店上,以保持整體一致性及方便觀眾閱讀。而店家可以揀選不同的字體大小去營造視覺層次感,區分不同內容,引導觀眾眼球。

支援GIF及MP4格式

靜態圖片在現今網店的潮流中已經不足以脫穎而出,大家可以嘗試在網店設計中加入Gif 或 MP4格式的影片,大大增加網店的吸引度。ebixPRO的「網店編輯器」支援GIF及MP4格式,你可以在漂浮廣告中加入Gif,令廣告更搶眼,亦可以在頁面內加入短片,例如產品宣傳影片,令內容更豐富有趣。

具備HTML Editor

如果圖片或影片都未能滿足你的話,不用擔心,ebixPRO的「網店編輯器」還設有HTML Editor,可以讓你或專業的網頁程式員以HTML語言變更網店的設計,加入表單或表格,甚至可以結合第三方資源,將內容套用到自己的網店上,例如加入3D實物圖等。

網頁版和手機版一鍵同步

現時的網店都流行網頁版和手機版兼備,讓客人隨時隨地瀏覽購物。在ebixPRO的「網店編輯器」上,只要一個按鈕就可以將網頁版同步至手機版,「網店編輯器」會幫你自動排列出最好界面,你亦可利用「網店編輯器」在手機版進行修改,令設計符合你所想。

網店手機應用程式

同步後就能看見手機版的設計,並可加以修改。

讓店家們能真正自由發揮,設計出各式各樣散發品牌魅力的網店,是ebixpro 的「網店編輯器」的出發點。店家在ebixPRO 上可以不受模版限制,隨意組合網店設計元素,並且使用既全面又緊貼潮流的網店設計功能,而最重要的一點是,這些在ebixPRO都是免費的!不用猶豫,立即免費開戶,創建你專屬的品牌網店啦!

作者: ebixPRO 團隊
日期: 2022年05月23日 

更多市場資訊

4個經營網店技巧

2022-08-08

客戶管理系統新手指南

2022-07-27

免費開網店Web 兼送網店手機APP

2022-06-27

【開網店教學】5個步驟教你快速開網站

2022-04-13

2022疫下免費網店平台介紹

2022-03-18

10個網店營運關鍵成功因素

2022-01-12