登入網店立即開店
  • 免費試用
  • 免費講座
  • 免費諮詢
電商教室
  • 功能特色
  • 平台收費
  • 客戶案例
  • 開店講座
  • 開店諮詢
  • 電商教室
  • 更多資源
    • 開店密技
    • 版型主題
    • 新手問答
    • 廣告計畫
登入網店立即開店
  • 免費試用開店
  • 免費開店講座
  • 免費專人諮詢

SHOPLINE
電商教室

Menu
  • 首頁
  • SHOPLINE 快訊
        • 最新網店功能
        • 專題討論
        • swiper9

          SHOPLINE Octopus partnership hero image
          $10000消費券2022消費券
          May 10, 2022May 10, 2022
          【新聞稿】SHOPLINE 夥拍八達通增設收款方式 助商戶把握消費券商機
          【 12 星座創業圖鑑】金牛座 店主三個不聽人勸的情況
          12星座12星座創業
          May 6, 2022May 6, 2022
          【 12 星座創業圖鑑】金牛座 店主三個唔聽人講嘅情況
          SHOPLINE Whitepaper 2022 香港開店白皮書 press release hero image
          2021 年熱門網店產業2022 香港開店白皮書
          April 28, 2022April 28, 2022
          【新聞稿】SHOPLINE 發布《2022 香港開店白皮書》揭示 2021 年港電商發展
          $5000 消費券 9 個中伏位及商戶貼士 Blog
          2022消費券Alipay
          March 29, 2022March 29, 2022
          $10000 消費券 4月開始派發,9 個「中伏位」及網店商戶貼士注意!
          SHOPLINE 電子消費券,$5000 點樣用?
          $10000消費券2022消費券
          March 16, 2022March 16, 2022
          【 $10,000 消費券 】3 個生意銷售策略,穩過「疫」境+迎接商機!
          SHOPLINE COVID offers 2022 cover image
          AlipayHKSHOPLINE 抗疫優惠
          March 14, 2022March 14, 2022
          SHOPLINE 推高達 400 萬港元「 抗疫 x 消費券資助計劃」補助商戶同心抗疫
  • 熱門精選
        • selection

          【網店改名秘笈】名字就能決定一切?12 個專家級改名要訣!
          創業改名品牌名字
          May 19, 2022May 19, 2022
          【網店改名秘笈】名字就能決定一切?12 個專家級改名要訣!
          PayMe BoC Pay join consumption voucher scheme blog cover image
          10000元消費券AlipayHK
          May 13, 2022May 13, 2022
          【10000元消費券】 第二期消費券 加 PayMe、BoC Pay 要轉會嗎? 6 個儲值支付工具大比拼
          SHOPLINE Octopus partnership hero image
          $10000消費券2022消費券
          May 10, 2022May 10, 2022
          【新聞稿】SHOPLINE 夥拍八達通增設收款方式 助商戶把握消費券商機
          【 12 星座創業圖鑑】金牛座 店主三個不聽人勸的情況
          12星座12星座創業
          May 6, 2022May 6, 2022
          【 12 星座創業圖鑑】金牛座 店主三個唔聽人講嘅情況
          SHOPLINE Whitepaper 2022 香港開店白皮書 press release hero image
          2021 年熱門網店產業2022 香港開店白皮書
          April 28, 2022April 28, 2022
          【新聞稿】SHOPLINE 發布《2022 香港開店白皮書》揭示 2021 年港電商發展
          DIY online shop blog cover image DIY 手作
          DIY 手作DIY手作
          April 27, 2022April 27, 2022
          足不出戶都能賺錢?在家研究 DIY 手作 兼網上銷售!8 間 手作店 網店推介
          octopus consumption voucher buy iPhone 八達通 消費券
          $10000消費券2022消費券
          April 12, 2022April 12, 2022
          【10000 元消費券 】八達通 限額 $3000 如何買 iPhone? 教你零成本用 八達通 購買 Apple 產品
          Alipay shopline voucher
          AlipayHKPayment Gateways
          March 30, 2022March 30, 2022
          【 電子消費券 】網店商戶 Q & A:5 個常見問題逐個解
  • 品牌故事
        • SHOPLINE 店家專訪
        • 成功案例分析
        • navNews

          5 elements of successful digital transformation
          企業轉型創業例子
          November 16, 2021November 16, 2021
          數碼轉型 要「轉」甚麼? 5 大轉型策略助企業提升競爭力 附 創業例子
          【店家專訪】電影少女轉開文青網店 砍斷重練網店的 4 個原因
          Picnich文青穿搭
          October 7, 2021October 7, 2021
          【店家專訪】電影少女轉開 文青網店 砍斷重練網店的 4 個原因
          【店家專訪】從惜貨到識貨,與 AikoMall 踏上網購之路
          KOL開網店創業
          September 2, 2021September 2, 2021
          【網店店家專訪】從惜貨到識貨,與 AikoMall 踏上開網店之路
          智慧廣告系統一周年 Smart Ads System 1st Anniversary
          MartechSmart Ads System
          August 16, 2021August 16, 2021
          「智慧廣告系統 Smart Ads System」推出一週年,2 大廣告方案帶領店家創造廣告佳績!
          內容行銷成功案例
          March 31, 2021
          【 內容行銷 】出 Post 帖文點寫好? 成功案例──下午茶媽媽 3 個帖文撰寫貼士
          「至 TOP 中小企網店」、SHOPLINE 卓越品牌大賞!得獎名單出爐,到底獎項花落誰家?
          客戶體驗成功案例
          March 4, 2021March 4, 2021
          「至 TOP 中小企網店」、SHOPLINE 卓越品牌大賞!得獎名單出爐,到底獎項花落誰家?
  • 開店必讀
        • NEW

          【網店改名秘笈】名字就能決定一切?12 個專家級改名要訣!
          創業改名品牌名字
          May 19, 2022May 19, 2022
          【網店改名秘笈】名字就能決定一切?12 個專家級改名要訣!
          PayMe BoC Pay join consumption voucher scheme blog cover image
          10000元消費券AlipayHK
          May 13, 2022May 13, 2022
          【10000元消費券】 第二期消費券 加 PayMe、BoC Pay 要轉會嗎? 6 個儲值支付工具大比拼
          SHOPLINE Octopus partnership hero image
          $10000消費券2022消費券
          May 10, 2022May 10, 2022
          【新聞稿】SHOPLINE 夥拍八達通增設收款方式 助商戶把握消費券商機
          SHOPLINE Whitepaper 2022 香港開店白皮書 press release hero image
          2021 年熱門網店產業2022 香港開店白皮書
          April 28, 2022April 28, 2022
          【新聞稿】SHOPLINE 發布《2022 香港開店白皮書》揭示 2021 年港電商發展
          DIY online shop blog cover image DIY 手作
          DIY 手作DIY手作
          April 27, 2022April 27, 2022
          足不出戶都能賺錢?在家研究 DIY 手作 兼網上銷售!8 間 手作店 網店推介
          $5000 消費券 9 個中伏位及商戶貼士 Blog
          2022消費券Alipay
          March 29, 2022March 29, 2022
          $10000 消費券 4月開始派發,9 個「中伏位」及網店商戶貼士注意!
          【10000 元消費券】遺失八達通?舊帳戶失效? 2022 消費券攻略
          $10000消費券2022消費券
          March 24, 2022March 24, 2022
          【10000 元消費券】遺失八達通?舊帳戶失效? 2022 消費券攻略
          【 10000 元消費券】一文睇晒  2022 消費券申請資格、登記及領取詳情
          $10000消費券2022消費券
          March 22, 2022March 22, 2022
          【 10000 元消費券】一文睇晒 2022 消費券申請資格、登記及領取詳情
        • 開店須知
        • 店務營運
        • 顧客關係
        • 實體門市
  • 市場營銷
        • SEO 教學
        • 行銷技巧
        • 網店行銷技巧
        • 社交媒體趨勢
        • market

          【網店改名秘笈】名字就能決定一切?12 個專家級改名要訣!
          創業改名品牌名字
          May 19, 2022May 19, 2022
          【網店改名秘笈】名字就能決定一切?12 個專家級改名要訣!
          【 12 星座創業圖鑑】金牛座 店主三個不聽人勸的情況
          12星座12星座創業
          May 6, 2022May 6, 2022
          【 12 星座創業圖鑑】金牛座 店主三個唔聽人講嘅情況
          【10000 元消費券】遺失八達通?舊帳戶失效? 2022 消費券攻略
          $10000消費券2022消費券
          March 24, 2022March 24, 2022
          【10000 元消費券】遺失八達通?舊帳戶失效? 2022 消費券攻略
          【 10000 元消費券】一文睇晒  2022 消費券申請資格、登記及領取詳情
          $10000消費券2022消費券
          March 22, 2022March 22, 2022
          【 10000 元消費券】一文睇晒 2022 消費券申請資格、登記及領取詳情
          SHOPLINE 電子消費券,$5000 點樣用?
          $10000消費券2022消費券
          March 16, 2022March 16, 2022
          【 $10,000 消費券 】3 個生意銷售策略,穩過「疫」境+迎接商機!
          【網店圖鑑|12星座】雙魚座適合做店主的三大特徵
          12星座12星座創業
          March 15, 2022March 15, 2022
          【 12 星座創業圖鑑】雙魚座適合創業做生意的三大特徵
  • 廣告教學專欄
    • Facebook 廣告
    • Google 廣告
    • 廣告案例分析
    Home SHOPLINE 快訊 Kingsman 全新版型!高彈性的網站設計,更換字體、自訂主顏色,打造你的人氣購物網站

Kingsman 全新版型!高彈性的網站設計,更換字體、自訂主顏色,打造你的人氣購物網站

客戶體驗
編輯推薦
July 8, 2019

想要建立一間風格設計與眾不同的網路商店,其實一點也不困難! SHOPLINE 全球智慧開平台協助不論是個人賣家、中小型企業、亦或是大型企業,都能打造出品牌獨特風格的購物網站,除了基本的購物車功能,也提供了許多網路開店與實體店鋪所需要的營運工具、分析與行銷工具,更有多達 22 種的網站設計版型,不需要自已撰寫程式 CSS 或 Html 語法,也能讓品牌依據自己的商品屬性、產業類別來挑選最適合的網站風格。

繼去年底推出了可更換自訂顏色的設計版型 Ultra Chic ,受到廣大店家的喜愛與使用後,現在, SHOPLINE 推出了最新的商店版型「Kingsman」 ,Kingsman 版型破除以往的侷限,提供更高彈性的兩種自訂主顏色、兩種字體的更換、加強商品細節的頁面圖片呈現、雜誌風格的部落格排版與進階分頁可快速製作特色大標題等功能,華麗優雅的設計,特別適合流行服飾、精品、生活傢俱、飾品、電子用品等需要呈現商品局部大圖、介紹文字比較少一些的產品類型。 SHOPLINE  推出的網路商店版型不僅只是單純的網站模板,更能讓品牌靈活運用、透過簡單的色調變化,設計出自己的風格購物網站。下面就一起看看 Kingsman 版型的特色吧!

一、自訂主題顏色、字體顏色

許多店家在製作商店時,最大的困擾便是如何讓網站風格看起來清新而且感覺一致?怎麼做才不會讓網站看起來凌亂不堪?

其實,只要統一網站上的色系色調,就能快速統一整個商店的風格。Kingsman 支援自訂三種商店主要顏色,包含了頁尾、頁首和按鈕的顏色;文字顏色;以及特價和 icon 等需要比較顯眼的顏色。
(當然,商品圖片的色調也要盡量一致,或至少背景必須是乾淨的才能呈現出商品質感。)

SHOPLINE 最新購物網站設計版型 Kingsman

SHOPLINE 最新購物網站設計版型 Kingsman

二、自訂商店文字字體樣式

Kingsman 除了支援主要色調的自訂調整之外,也提供了 2 種字型的更換,一種是思源黑體,另一種則是思源宋體。

黑體適合現代、潮流的風格;宋體為襯線字,適合經典時尚、文青風格的網站。而一旦套用後,整個網站的字體都會換成選用的字體。品牌可以根據素材、商品性質等決定該使用哪一種字體。

SHOPLINE 最新購物網站設計版型 Kingsman - 自訂網站字體樣式

三、獨特的頁首 icon 及浮動式購物車

有別於過去的版型設計,Kingsman 擁有自己的頁首 icon,並且也特別採用在 Ultra Chic 受到大家喜愛的浮動購物車視窗,加入購物車更簡單直接,也不會影響顧客整體購物流程。

SHOPLINE 最新購物網站設計版型 Kingsman - 懸浮式購物車

 

四、進階分頁可快速製作特色大標題

許多店家都會利用進階分頁來製作首頁、商品或活動的特別頁面,而想要讓文字獨立於圖片之外,又能吸引顧客的目光該怎麼做呢?
Kingsman 這次特別支援了含有底色的文字方塊元件,在進階分頁拉選「標題及文字」元件,只要有填寫「描述」欄位,就會顯示背景色,若只填寫「標題」欄位,則不會顯示背景色。

SHOPLINE 最新購物網站設計版型 Kingsman
SHOPLINE 最新購物網站設計版型 Kingsman

五、獨家的商品頁排版細節

身為購物網站,除了首頁必須製作最吸引人瀏覽的圖文素材之外,商品頁面也不可少!尤其是精品、時尚流行服飾類別的商品,特別需要精美的圖片來呈現衣著質感,Kingsman 版型的商品頁在排版上更下了許多功夫,像是:
1. 商品放大鏡效果:顧客使用浮標放置在商品主圖上時,商品圖會依原尺寸放大。
2. 使用滑鼠捲動頁面時,會自動切換查看所有不同的商品圖片。
3. 商品敘述和送貨方式會縮小在右側購物車按鈕下方,讓顧客聚焦在商品圖片本身。

shopline-new-theme-kingsman-8

六、雜誌風格的部落格排版與大圖展示的 IG 版型

許多網路商店都會撰寫部落格內容,像是發布品牌最新消息、活動折扣與會員優惠等資訊,除了擁有一個品牌專屬的最新消息曝光管道之外,還能提升網站內容豐富度、進而提高 SEO 排名。Kingsman 版型針對部落格做了新的雜誌風格排版方式,讓文章能以圖片突顯內容,讓內容更加分!

SHOPLINE 最新購物網站設計版型 Kingsman

而進階分頁的「Instagram」元件也特別調整過,讓店家能夠更好地呈現 IG 上的圖片與互動內容。如果有好好經營 Instagram 的品牌們千萬別錯過!記得在適合的頁面放入 IG 元件,推廣社交平台的同時也能直接當作網站內容的素材!

SHOPLINE 最新購物網站設計版型 Kingsman

看完 Kingsman 版型的介紹,是否也想將你的網路商店風格佈置換新一下呢?最新的 Kingsman 版型不僅在網頁版做了許多特別的調整與排版,在手機裝置上的呈現也更流暢,讓顧客在行動裝置上查看商品更簡便、更容易被精美的商品圖片吸引目光。Kingsman 已經開放給大家使用,快到商店後台試用看看吧!

 

還未開始使用 SHOPLINE?立即報名參與 SHOPLINE 免費網店開店講座!

shopline 免費試用 30 天

Related Posts

  • SHOPLINE 新功能:多頁結帳為你帶來更多訂單
  • SHOPLINE 自助電商教室:轉載文章申請細則
  • SHOPLINE 功能全面提升 推出新計畫配合不同階段的店主
Cathy Xiong
Cathy Xiong
SHOPLINE 電商教室編輯,對SHOPLINE的用戶有種使命感,希望能幫助所有店家一起成長,在電商領域裡發光發亮⚡️ ?

文章分類

SHOPLINE 快訊
最新網店功能
熱門精選

標籤

客戶體驗
編輯推薦
開網店

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

網店實戰工作坊

免費資源|網店行銷攻略

TAG CLOUD

使用者介面轉換率消費券用途AI 廣告投放Google 廣告消費券限期Smart Ads System轉型八達通 失效網店數據八達通 消費券 申請網店新手教學GA八達通 報失行銷術語使用者體驗跨境海外SEM海外市場廣告術語消費券 失效網店轉換率消費券 有效期提升轉換率網頁設計模板幾時有消費券網頁設計師網站設計網店模板Apple

關於 SHOPLINE

一站式網店平台,提供全面功能包括付款、物流等串接,另有多款版型選擇,沒有電腦背景的人都可以輕鬆建立自己的品牌網店,開拓自己的網絡創業夢。

免費試用開店 14 天

文章目錄

  • 一、自訂主題顏色、字體顏色
  • 二、自訂商店文字字體樣式
  • 三、獨特的頁首 icon 及浮動式購物車
  • 四、進階分頁可快速製作特色大標題
  • 五、獨家的商品頁排版細節
  • 六、雜誌風格的部落格排版與大圖展示的 IG 版型
    • Related Posts
  • 熱門文章
  • 編輯推薦
  • iOS 14 私隱政策 2021 更新:網店收入將受波及?即睇電商廣告應對策略!
  • SHOPLINE 串接 Facebook Shops 與 Instagram 購物功能 帶領 25 萬店家輕鬆進軍社交媒體電商
  • SHOPLINE 店家專訪 - 高質獨特腕錶 與 The Watchdrobe 細說每分每秒
  • 【SHOPLINE 店家專訪】從息微產品變成爆紅-趣香蝦子花生經典故事的啟示
  • 【SHOPLINE 店家專訪】有一種愛叫 Serco Store:充滿甜淡情懷的情侶創業故事
  • iOS 14 私隱政策 2021 更新:網店收入將受波及?即睇電商廣告應對策略!
  • Kingsman 全新版型!高彈性的網站設計,更換字體、自訂主顏色,打造你的人氣購物網站
  • 【SHOPLINE 2018 年回顧】 全球智慧開店平台助 15 萬品牌打造新藍圖,開啟全通路銷售
  • 時間就是金錢!SHOPLINE 順豐 自動化寄件 功能,節省時間,造就更多生意!
  • 【網店文字技巧】如果圖片是調味料,文字就是主菜!你有讓客人買不停手的文字技巧嗎?

追蹤 SHOPLINE

SHOPLINE
                   

全亞洲超過 350,000 個品牌
都在使用 SHOPLINE

讓更多人看見你的品牌,
愛上你的商店,購買你的產品

                   
免費試用開店 14 天

SHOPLINE

  • 關於我們
  • 認識團隊
  • 人才招募
  • 媒體報導

我要開店

  • 功能特色
  • 平台收費
  • 客戶案例
  • 開店講座
  • 開店諮詢
  • 企業旗艦方案

更多資源

  • 電商教室
  • 開店秘技
  • 版型主題
  • 新手問答
  • 廣告計劃
服務時間 星期一至五 上午 10 點至晚上 7 點
© Copyright 2013-22 SHOPLINE Limited.
  • 網站導覽
  • 文章轉載說明
  • 投稿流程說明
  • SHOPLINE
    • 關於我們
    • 認識團隊
    • 人才招募
    • 媒體報導
  • 我要開店
    • 功能特色
    • 平台收費
    • 客戶案例
    • 開店講座
    • 開店諮詢
    • 企業旗艦方案
  • 更多資源
    • 電商教室
    • 開店秘技
    • 版型主題
    • 新手問答
    • 廣告計劃
  • 網站導覽
  • 轉載說明
  • 投稿流程
服務時間 星期一至五 上午 10 點至晚上 7 點
© Copyright 2013-21 SHOPLINE Limited.

© Copyright 2013-22 SHOPLINE.
本網站內容未經許可不得任意轉載,欲引用或轉載網站內容,歡迎洽詢 academy+hk@shoplineapp.com