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

SHOPLINE
電商教室

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

          網上花市網上花店 2022
          January 1, 2023January 1, 2023
          【 網上花店香港 2023 】8 間線上花店推介 精選新春花卉巡禮!
          SHOPLINE 公布本地第四季暢銷產品清單 揭示最受港人歡迎的節日禮物選擇
          港人節日消費習慣節日旺季
          December 1, 2022December 1, 2022
          【新聞稿】SHOPLINE 公布本地第四季暢銷產品清單 揭示最受港人歡迎的節日禮物選擇
          申請科技券教學
          科技券
          November 18, 2022November 18, 2022
          【2023 申請科技券計劃教學】一文整合申請科技券資格、程序、文件
          SHOPLINE Payments 6 大功能及好處 blog cover
          AlipayHKSHOPLINE Payments
          November 11, 2022November 11, 2022
          SHOPLINE Payments 6 大功能及好處 助店家快速收款
          holiday season playbook 2022
          節日旺季節日行銷
          September 29, 2022September 29, 2022
          快人一步搶攻節日商機 《網店節日行銷攻略 2022》率先看
          SHOPLINE Octopus partnership hero image
          $10000消費券2022消費券
          May 10, 2022May 10, 2022
          【新聞稿】SHOPLINE 夥拍八達通增設收款方式 助商戶把握消費券商機
  • 熱門精選
        • selection

          Shopper App 幫你打造網店手機 App!附 6 大營銷功能及商戶成功例子
          Shopper App即時訊息廣播
          January 18, 2023January 18, 2023
          Shopper App 幫你打造網店手機 App!附 6 大營銷功能及商戶成功例子
          【新年禮盒】8 間賀年食品網店推介|足不出戶辦年貨
          年糕新年禮盒
          January 17, 2023January 17, 2023
          【新年禮盒 2023】8 間賀年食品網店推介|足不出戶辦年貨
          【策略分析】農曆新年網店銷量大跌?教你用 6 秒廣告 ,如何轉危為機、部署銷量回升?
          YouTube Bumper AdsYouTube 廣告
          January 12, 2023January 12, 2023
          【策略分析】農曆新年網店銷量大跌?教你用 6 秒廣告 ,如何轉危為機、部署銷量回升?
          App 開發 寫手機 App 價錢比較懶人包
          App 開發Shopper App
          January 12, 2023January 12, 2023
          【 開發App 】2023 寫 App 價錢、上架、手機 App 開發類型懶人包
          網上花市網上花店 2022
          January 1, 2023January 1, 2023
          【 網上花店香港 2023 】8 間線上花店推介 精選新春花卉巡禮!
          10 個重點教你選擇合適的網頁設計公司製作網站
          網站制作公司網站製作公司
          December 23, 2022December 23, 2022
          10 個重點教你選擇合適的網頁設計公司製作網站 | SHOPLINE 電商教室
          香港開網店教學 開網店流程、網店平台比較
          網店宣傳開網店
          December 5, 2022December 5, 2022
          【開網店教學 2023】開網店流程/網店平台比較/創業常見陷阱
          【2022 網上收款平台】一文了解各類Payment Gateway 申請程序、手續費
          Payment GatewaySHOPLINE Payments
          November 21, 2022November 21, 2022
          【2023 網上收款平台】一文了解各類 Payment Gateway 申請程序、手續費
  • 品牌故事
        • SHOPLINE 店家專訪
        • 成功案例分析
        • navNews

          6thfeb SHOPLINE IG LIVE case study hero image
          6thfebIG 直播
          August 4, 2022August 4, 2022
          6thfeb 如何使用 SHOPLINE IG LIVE 直播購物推進銷售?
          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 個帖文撰寫貼士
  • 開店必讀
        • NEW

          Shopper App 幫你打造網店手機 App!附 6 大營銷功能及商戶成功例子
          Shopper App即時訊息廣播
          January 18, 2023January 18, 2023
          Shopper App 幫你打造網店手機 App!附 6 大營銷功能及商戶成功例子
          App 開發 寫手機 App 價錢比較懶人包
          App 開發Shopper App
          January 12, 2023January 12, 2023
          【 開發App 】2023 寫 App 價錢、上架、手機 App 開發類型懶人包
          10 個重點教你選擇合適的網頁設計公司製作網站
          網站制作公司網站製作公司
          December 23, 2022December 23, 2022
          10 個重點教你選擇合適的網頁設計公司製作網站 | SHOPLINE 電商教室
          香港開網店教學 開網店流程、網店平台比較
          網店宣傳開網店
          December 5, 2022December 5, 2022
          【開網店教學 2023】開網店流程/網店平台比較/創業常見陷阱
          【2022 網上收款平台】一文了解各類Payment Gateway 申請程序、手續費
          Payment GatewaySHOPLINE Payments
          November 21, 2022November 21, 2022
          【2023 網上收款平台】一文了解各類 Payment Gateway 申請程序、手續費
          SHOPLINE Payments 6 大功能及好處 blog cover
          AlipayHKSHOPLINE Payments
          November 11, 2022November 11, 2022
          SHOPLINE Payments 6 大功能及好處 助店家快速收款
          SHOPLINE WhatsApp Business API 功能一覽
          WhatsApp Business APIWhatsApp Business API 功能
          October 31, 2022October 31, 2022
          SHOPLINE WhatsApp Business API 功能一覽|提升訂單轉換率
          香港 WhatsApp Business API 教學|申請、收費全攻略
          WhatsAppWhatsApp Business
          October 26, 2022October 26, 2022
          WhatsApp Business API 2023 教學申請、收費全攻略
        • 開店須知
        • 店務營運
        • 顧客關係
        • 實體門市
  • 市場營銷
        • SEO 教學
        • 行銷技巧
        • 網店行銷技巧
        • 社交媒體趨勢
        • market

          【策略分析】農曆新年網店銷量大跌?教你用 6 秒廣告 ,如何轉危為機、部署銷量回升?
          YouTube Bumper AdsYouTube 廣告
          January 12, 2023January 12, 2023
          【策略分析】農曆新年網店銷量大跌?教你用 6 秒廣告 ,如何轉危為機、部署銷量回升?
          IG 增加粉絲 7 招教你如何快速增加 followers
          igIG follower 增加
          November 18, 2022November 18, 2022
          【 2023 IG 增加粉絲 】7 招教你如何快速增加 followers
          【Instagram 教學】IG 吸客爆單經營攻略、功能合集
          igIG 廣告
          November 1, 2022November 1, 2022
          【2023 Instagram 教學】IG 吸客爆單經營攻略、功能合集
          SHOPLINE WhatsApp Business API 功能一覽
          WhatsApp Business APIWhatsApp Business API 功能
          October 31, 2022October 31, 2022
          SHOPLINE WhatsApp Business API 功能一覽|提升訂單轉換率
          香港 WhatsApp Business API 教學|申請、收費全攻略
          WhatsAppWhatsApp Business
          October 26, 2022October 26, 2022
          WhatsApp Business API 2023 教學申請、收費全攻略
          holiday season playbook 2022
          節日旺季節日行銷
          September 29, 2022September 29, 2022
          快人一步搶攻節日商機 《網店節日行銷攻略 2022》率先看
  • 廣告教學專欄
    • 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

廣告消費心理網上書展代購網店Google Core Algorithm Update 2020Google演算法品牌網店官網DTC 模式D-Biz 遙距營商計劃d-biz市場消息新零售Youtube 影片廣告PayMeForBusiness重量轉換率網紅行銷KOL熱門精選即時通訊客戶服務檢測品質驗證快速支付系統網絡潮流電商轉型網店數據GA電商稅務

關於 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
                   

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

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

                   
免費試用開店 14 天

SHOPLINE

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

我要開店

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

更多資源

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

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