Shopify 網站架設完整指南：新手也能架設專業網站

前言：突破 Shopify 預設編輯器的限制，建立真正專業的品牌形象

想要在 Shopify 上建立專業的品牌形象，但被預設編輯器的限制綁手綁腳？許多商家都面臨相同的困擾，想要打造獨特的網站設計，卻發現 Shopify 的預設後台無法完全滿足需求。

Shopify 預設編輯器的常見限制

使用 Shopify 預設的後台功能時，我們常常會遇到這些限制：

  • 版面配置缺乏彈性，無法隨心所欲調整元素位置
  • 需要懂 Liquid 程式碼才能做細部調整
  • 特殊活動頁面難以製作，常常需要額外找工程師支援
  • 難以建立可在多個頁面重複使用的自定義區塊

這些限制確實讓許多品牌主感到受挫，尤其是當你看到競爭對手擁有精美獨特的網站，而自己的店面卻顯得平平無奇時。

第三方應用程式：解鎖 Shopify 的無限可能

好消息是，在 Shopify 豐富的生態系統中，這些問題都能找到完美的解決方案！Shopify App Store 提供了許多優質的第三方應用程式，特別是在網站建置方面的 App，不但能夠完全解決上述問題，還能為您的網站帶來更多進階功能：

  • 真正的拖放式編輯：無需編碼知識，即可精確控制每個元素的位置與樣式
  • 豐富的預設模板：從專業設計師打造的模板中選擇，快速建立專業外觀
  • 多樣化的設計元素：滑塊、彈出窗口、倒數計時器等進階功能一應俱全
  • 節省開發時間與成本：不用聘請專業開發人員，自主完成網站建置

這是一篇超級完整的指南，我還在努力更新中，你只要讀完這篇文章，就能對 Shopify 有一定的認識，接著照著我寫的網站建置步驟走，你就能獨立建置一個屬於自己的網站。

 

在這篇超完整指南中，我會帶你逐步了解如何使用Shopify架設一個真正專業的網站，從零基礎到成功上線，無論你是完全的新手還是已經有些經驗的品牌主。我習慣使用的 Shopify 網站建置 App 是 GemPages，這裡會以 GemPages 的介面來撰寫教學文章，Shopify App Store 裡面有很多第三方網站建置 App，操作方式大同小異，找到一個自己喜歡的後台介面跟使用習慣、方式即可。我會先讓你對 Shopify 有基本的認識，最後再教你如何用 GemPages 來建置你的網站。

 

掌握這份指南中的知識，你將能夠建立一個既美觀又高轉換率的 Shopify 網站，真正展現品牌價值，並為你的商業成功奠定堅實的基礎！

內容目錄

一、Shopify 平台介紹與優勢

二、開始使用 Shopify 前的準備工作

三、Shopify 基礎設定完整教學

四、Shopify 主題選擇

五、使用第三方應用程式增強網站建置能力

六、開始建置你的網站

七、結論

一、Shopify 平台介紹與優勢

1. 為什麼選擇 Shopify 作為電商平台

在眾多電商平台選擇中，Shopify 以其卓越的易用性、可靠性和擴展性脫穎而出，成為全球數百萬商家的首選。以下是 Shopify 的關鍵優勢：

 

無需技術背景的易用性

  • 直覺式的後台界面，即使是新手也能快速上手
  • 預設的主題模板可立即使用，快速建立專業外觀的網站
  • 無需擔心託管、安全更新和主機伺服器維護

官方資料：Shopify線上商店 | Shopify主題庫

 

高度可擴展性

  • Shopify App Store 提供超過 8,000 個應用程式，可擴展各種功能
  • 從初創企業到企業級需求，都能靈活應對業務成長
  • 無論每月處理 10 筆還是 10,000 筆訂單，系統都能穩定運行

官方資料：Shopify企業級服務

 

可靠的安全性與穩定性

  • PCI DSS 合規的安全系統保護交易和顧客資料
  • Shopify 維持 99.98% 的正常運行時間，幾乎不會遇到網站當機問題
  • 自動備份和防詐欺工具內建

官方資料：Shopify安全性

 

持續的產品更新與創新

  • Shopify 不斷推出新功能和優化，確保你的網站始終走在前端
  • 定期更新符合最新的電商趨勢和消費者期望

官方資料：Shopify最新消息 | Shopify更新日誌

2. Shopify 與台灣常用電商平台的比較

了解 Shopify 與台灣主流電商平台的差異，有助於做出最適合你的選擇。
← 左右滑動查看更多 →
平台 Shopify SHOPLINE 91APP CyberBiz
價格 按照方案：$25, $65, $399美元/月
（若年繳，最低月費可達$19美元）
交易手續費：0.2%-2%		 按照方案：NT$3,333, NT$4,583, NT$5,667, NT$7,333/月
（此為年繳的價格換算成每月）		 價格不透明，需與業務洽談
交易手續費3%-5.5%		 按照方案：NT$2,250, NT$3,920, NT$5,400/月
交易手續費依方案而定
目標市場 國際市場為主
台灣地區已全面支援繁體中文		 亞洲市場為主
完整繁體中文		 台灣市場專用
完整繁體中文		 台灣市場專用
完整繁體中文
多語系支援 支援20+種語言
包含繁體中文		 支援7種亞洲語系
繁中、簡中、英文等		 主要支援繁體中文
英文支援有限		 主要支援繁體中文
英文支援有限
金流支援 HiTrust, TapPay, PayNow, ECPay綠界 已整合台灣主流金流 已整合台灣主流金流 已整合台灣主流金流
物流串接 Waaship, ShipAny, Ako, BOXFUL 已整合台灣主流物流 已整合台灣主流物流 已整合台灣主流物流
OMO功能 基礎POS系統
線上線下整合需額外設定		 內建線上線下整合
專為亞洲商家設計		 最佳O2O整合
完整門市系統整合		 專業全通路功能
線上線下完整串接
客服支援 真人英文客服24/7支援
官方說明文件已支援繁體中文		 台灣客服團隊 台灣客服團隊 台灣客服團隊
客製化程度 高度客製化能力
可自行透過第三方App或程式碼客製化調整		 額外功能需加購
若要客製化需透過官方另外報價		 若要客製化需透過官方另外報價 有CYBERBIZ APP MARKET可安裝第三方App
SEO優化 完整SEO功能
國際市場SEO優勢
SEO第三方App眾多		 專為亞洲搜尋引擎優化 針對台灣搜尋引擎優化 針對台灣搜尋引擎優化

看完上面的比較表格，不難發現 Shopify 作為全球最大的電商平台，有許多突出的優勢：

 

超強開放生態系統

  • 龐大App生態：超過8,000個第三方應用，這麼多的選擇，幾乎任何功能需求都能找到對應App
  • 完全開源API：開源意味著一直在創新進步，第三方開發者可以自由創建各種工具
  • 超級開放平台：不像其他平台限制重重，Shopify 很開放，讓你的網店能做的事情超乎想像

官方資料：Shopify App Store | Shopify Dev.

 

規模優勢完全是另一個等級

  • 全世界最大的電商建站平台：全球超過200萬商家在用，這規模真的很驚人
  • 資源多到看不完：Shopify 有自己的討論區、論壇、教學文章，想得到的問題幾乎都有人問過
  • 非常多品牌都在用：從小型創業家到國際大品牌，都選擇 Shopify，這就是信任的證明

官方資料：Shopify 討論區 | Shopify 商家案例

 

頂級技術實力

  • 全球CDN串流點：上傳速度超快，訪客無論在哪都能快速載入你的網站
  • 頂級伺服器：不用擔心當機問題，穩定度高達99.98%，不會遇到網站掛掉的尷尬
  • 國外的黑五購物節也不怕：就算流量暴增，系統依然穩如泰山

官方資料：Shopify CDN（內容傳遞網路）

 

性價比最高

  • 在這麼強大的條件下，價格居然是相對便宜的：這真的是最讓人驚訝的部分
  • 價格透明：價格非常清楚，不會有高昂的加購費用
  • 物超所值：獲得的功能和服務遠超出支付的費用

官方資料：Shopify 價格方案 | Shopline 價格方案 | Cyberbiz 價格方案

 

在地化越來越完善

  • 台灣金流物流整合已相當完善：HiTrust、TapPay、ECPay綠界等主流金流都有支援
  • 本地物流也沒問題：Waaship、ShipAny、Ako、BOXFUL等都能串接
  • 台灣地區已全面支援繁體中文：介面、設定全都是中文，操作零障礙

官方資料：Shopify 台灣金流

 

真人客服支援雖然還沒有中文，但非常地專業

  • 真人英文客服24/7全天候支援：他們的回覆水準非常高，不會給你官方罐頭回應
  • 我目前還沒遇過他們說「這個要等公司回覆」、「暫時不支援」這類的話：客服會直接解決你遇到的問題
  • 官方說明文件已全面繁體中文化：就算英文不好也能輕鬆上手

官方資料：Shopify 幫助中心

 

非常多的討論區資源

  • 可以問官方客服、用Shopify AI助手、上討論區發問、逛論壇找答案，或直接Google
  • 使用者多，資源就多：幾乎任何問題都能找到解答
  • 相較台灣的常見平台，遇到問題通常只能等官方回覆了

整體來說，Shopify不只是一個電商平台，更像是一個完整生態系統，給你最大的自由度去打造理想中的網站。而且在這麼多優勢下，價格竟然還比台灣平台便宜，這真的是太划算了！無論你是想做國際市場，還是專注台灣，Shopify都能給你超乎想像的彈性和支援。

3. Shopify 的價格方案與費用解析

了解 Shopify 的費用結構，有助於選擇最適合你的方案。
← 左右滑動查看更多 →
方案 月費 交易手續費 主要特點 適合對象
Basic $25 USD（若年繳，最低月費可達$19美元） 2%
  • 完整網路商店功能
  • 最多 2 個員工帳號
  • 無限產品數量
  • 支援多個銷售管道
  • 完整行銷功能
  • 新創業者
  • 小型線上商店
  • 中小型企業
Shopify $65 USD（若年繳，最低月費可達$49美元） 1%
  • 擁有Basic方案的所有功能
  • 最多 5 個員工帳號
  • Shopify API 完整資料存取權限
  • 成長中的企業
  • 中型網路商店
  • 需要多人管理的中型企業
Advanced $399 USD（若年繳，最低月費可達$299美元） 0.6%
  • 擁有Shopify方案的所有功能
  • 加強型客服即時支援
  • 最多 15 個員工帳號
  • 10倍結帳限額
  • 2倍所選API速率
  • 成熟企業
  • 高營業額網路商店
  • 國際銷售需求的品牌
Shopify Plus 起價 $2,300 USD 0.2%
  • 自訂結帳流程
  • 專屬客戶經理
  • 無限員工帳號
  • B2B功能
  • 專屬API存取權限
  • 自訂客製化功能
  • 進階安全性功能
  • 企業級電商
  • 高流量大型商店
  • 需要高度客製化的大型企業

通常一開始先用Basic方案即可，若是打算長期經營，蠻推薦年繳的，這樣一個月只要600多台幣，真的非常便宜，網站主題模板（Theme）不一定要先買，我常用的做法是使用免費模板+第三方網站建置App，通常第三方的網站建置App，選擇比免費版高一階的方案就很足夠了，通常會是 $29 USD，這樣一個月的費用也不到2000台幣，網域的話通常400多台幣就能買到一年的使用權，關於第三方的網站建置App，在下面的篇幅會詳細介紹。

二、開始使用 Shopify 前的準備工作

在正式開始建立你的 Shopify 網站前，充分的準備工作能讓整個過程更加順暢，也能避免日後需要大幅度修改的麻煩，以下是開始前需要準備的重要事項：

1. 品牌識別與視覺元素準備

一個專業的網站需要一致的品牌形象，以下是你應該事先準備好的視覺元素：

 

品牌基本元素：

  • 品牌標誌（Logo）：準備多種版本（彩色、單色、透明背景）
    • 主要 Logo：建議尺寸至少 1000 x 1000 像素，若有區塊要放比較大的圖，才不會模糊。圖片檔案都要盡量小於 1MB，避免讓網頁載入時間變慢
    • Favicon：網站分頁顯示的小圖示，建議 32 x 32 像素，比這個大也行，上傳時 Shopify 會自動將它變成 32 x 32
  • 品牌色彩：確定 2-3 種主要品牌色彩和 2-3 種輔助色彩
    • 記錄每種顏色的 HEX 碼（例如：#FF5733）以確保整體網站的一致性
  • 字型選擇：確定標題和內文的字型
    • 選擇符合你的 Brand Book 的字型或是可以到 Google Fonts 中找合適的
    • 確定字體大小的層級關係（如 H1, H2, H3, 內文）

視覺資產：

  • 產品圖片：每個產品準備 5-8 張不同角度的高品質照片
    1. 建議使用白色或淺色背景，保持一致的拍攝風格
    2. 主圖建議尺寸至少 1000 x 1000 像素，要足夠清楚，但不要讓檔案太大導致網頁載入速度變慢
    3. 確保所有圖片已優化壓縮，以加快網頁載入速度
  • 品牌橫幅圖片：首頁輪播圖片，電腦版用橫式的，手機版切記要修改成直式的比例
  • 品牌故事圖片：展示品牌理念、團隊或製作過程的圖片
  • 社群媒體圖片：各社群平台的頭像和封面圖片

輔助視覺設計：

  • 設計元素：任何重複使用的圖示、背景或裝飾元素
  • 產品包裝照：展示產品包裝的照片，增加購買信心
  • 使用情境照：展示產品被使用的真實場景

官方資料：Shopify 網路商店圖片

2. 商品企劃與分類規劃

在建立網站前，理清產品結構和分類將大幅提升顧客的購物體驗

 

產品資訊準備：

  • 詳細的產品描述：每個產品的賣點、特性、材質、尺寸等
  • 產品規格表：專利技術、尺寸表、成分表等
  • 產品變體規劃：顏色、尺寸、款式等變體組合
  • 價格策略：定價、促銷價、批發價、會員價等價格層級
  • 產品分類：規劃主要的商品系列（Collections）

官方資料：Shopify 產品

 

銷售策略規劃：

  • 組合銷售（Bundle）：哪些產品適合搭配推薦
  • 限量商品：是否有限量版或季節性商品
  • 訂閱方案：是否提供重複購買或訂閱方案

3. 網域名稱選擇與設定

你的網域名稱是品牌在線上的門面，選擇適合的網域至關重要

 

網域名稱選擇原則：

  • 簡短好記：盡量控制在 15 個字元以內
  • 易於拼寫：避免使用難以拼寫或容易拼錯的詞彙
  • 相關性：與你的品牌名稱或業務相關

網域購買與設定：

  • 選擇合適的頂級域名：.com 仍是首選，但也可考慮 .co、.shop、.store 等
  • 台灣本地考量：若主攻台灣市場，可考慮 .com.tw 或 .tw
  • 購買管道：可直接通過 Shopify 購買，或使用 Godaddy、NameCheap 等網域商

網域連結 Shopify：

  • 預先了解 DNS 設定：了解 A 記錄、CNAME、MX 記錄等概念（看不懂也沒關係，照著教學步驟做就可以）
  • 準備好網域管理帳號：確保你能登入網域註冊商的管理後台（重要！網域是網站的命脈，註冊的信箱、帳密一定要在負責人身上保管好）
  • 額外服務設定：考慮是否需要設定子網域、郵件服務等

官方資料：Shopify 網域

4. 商家必須準備的資料與素材清單

開設 Shopify 商店需要準備的商業和法律資料：

 

商業資料：

  • 公司/行號登記資料：統一編號、公司地址等
  • 銀行帳戶資訊：用於連結支付系統
  • 聯絡資訊：客服電子郵件、電話號碼、營業時間
  • 社群媒體帳號：各社群平台的連結

政策資料：

  • 隱私權政策：說明你如何收集、使用和保護顧客資料
  • 服務條款：網站使用規範和用戶協議
  • 退換貨政策：明確的退換貨流程和條件
  • 運送政策：運送方式、時間和費用說明

行銷資料：

  • 品牌故事：關於品牌的創立歷程和理念
  • 獨特賣點 (USP)：品牌或產品的核心差異化優勢
  • 顧客見證：準備 5-10 則真實顧客評價
  • 常見問題 (FAQ)：預先整理 15-20 個顧客可能提出的問題和答案

技術準備：

  • Google Analytics 帳號：用於追蹤網站流量和轉換
  • Google Search Console 帳號：用於監控搜尋表現（SEO）
  • Meta 像素：若計劃進行Meta廣告

以上準備工作可能看起來繁瑣，但充分的前期準備能讓你在接下來的 Shopify 設置過程更加順暢，避免在上線後才發現重大問題需要修正。接下來，我們將深入探討 Shopify 的基礎設定步驟。

三、Shopify 基礎設定完整教學

註冊 Shopify 非常簡單，只要到註冊的頁面輸入電子郵件，就可以開始免費試用。（連結點這裡）

成功註冊 Shopify 帳號後，以下是建議的設置步驟，你可以完全照著步驟做，就不會漏掉東西。

1. 商店基本資料設定

首先，登入 Shopify 後台，進入設定區域完成以下基本資料設定。

 

商店詳細資訊（設定 > 一般 > 商店詳細資訊）：

  • 商店名稱：確保與你的品牌名稱一致
  • 法定商店名稱：你的公司或行號正式名稱
  • 商店聯絡電子郵件：用於系統通知和顧客聯繫
  • 商店地址：實體營業地址
  • 商店電話：客服聯絡電話
  • 時區設定：確保訂單時間和自動化功能正確執行（若你有跨境市場，需要注意）

商店幣別：設定主要交易貨幣（如新台幣 TWD）

法律頁面設定（設定 > 政策）：

  • 退貨及退款政策：清楚說明退貨、退款條件和流程
  • 隱私權政策：遵守 GDPR 和台灣個資法規定
  • 服務條款：明確顧客權利和義務
  • 運送政策：詳細運送方式、時間和費用
  • 聯絡資訊：讓消費者有問題時，可以馬上聯繫到客服

2. Shopify 台灣金流整理

電商網站一定要串接金流，越來越多台灣金流公司有支援串接 Shopify，可參考下列我整理的表格，建議可以直接詢問每一家的業務，得到最新最正確的資訊，業務也都會協助你進行串接，不用太擔心。
← 左右滑動查看更多 →
金流服務商 支付方式 費率與特色 其他費用
綠界科技
(ECPay)		 信用卡一次付清
國內卡、銀聯卡：2.45% / 筆
海外卡(國外信用卡)：3.5% / 筆
系統設定費：5,000元(一次性)
年服務費：
- 13,000元 / 1年
- 22,100元 / 2年
- 27,300元 / 3年
信用卡分期付款
國內卡：
- 3期：3% / 筆
- 6期：4% / 筆
- 12期：7% / 筆
- 18期：9.5% / 筆
- 24期：11% / 筆
海外卡不支援分期
HiTRUSTpay 信用卡支付
支援多種卡別：
Visa、Mastercard、JCB、銀聯卡、美國運通(AE)卡
 需詢問業務
行動支付
ApplePay、GooglePay
LINE Pay、悠遊付、街口支付
其他支付方式
虛擬帳號轉帳、銀角零卡、AFTEE
支援台幣、美金交易，適合同時服務國內外客戶
PayNow 信用卡支付
(3D驗證)		 2.8% / 筆
Shopify申辦一次性設定費：新台幣3,600元
ATM繳款 NT$17+0.5% / 筆
中國銀聯卡 2.8% / 筆
超商代碼收款
(7-11等全家)		 NT$32+0.5% / 筆
宅配取貨付款 0.5% / 筆
信用卡分期付款費率
3期：3.5% / 筆 6期：4.5% / 筆
12期：6.5% / 筆 18期：9.5% / 筆
24期：10.5% / 筆
TapPay 信用卡支付
國內卡：3.10% / 筆
國外卡：3.75% / 筆
支援Apple Pay、Google Pay等行動支付
 免系統建置費，其他需詢問業務
其他支付方式
支援LINE Pay支付
支援街口支付

官方資料：Shopify 台灣金流 | 綠界 | HiTRUSTpay | PayNow | TapPay

3. Shopify 台灣物流整理

消費者最在意的事情之一：取貨方式、收到的時間。物流是消費者體驗非常重要的一環，目前有支援串接 Shopify 的台灣物流公司有下列5間，WaaShip, PayNow, BOXFUL, Ako, ShipAny，這裡只列出價格跟支援的取貨方式，其他功能特色等詳情可以到官網查看，串接方式都有教學手冊，都蠻簡單的。
Shopify台灣物流服務比較表
← 左右滑動查看更多 →
特點 WaaShip PayNow BOXFUL AKO ShipAny
價格
基本方案
NT$499/月（含稅）
高級方案
NT$1,299/月（含稅）
專業方案
NT$3,299/月（含稅）

1. 店到店超取費用:

  • 常溫店到店超取(7-11、全家、萊爾富):
    • 取貨付款: NT$66+0.5%/筆
    • 純取貨: NT$66/筆
  • 冷凍店到店超取(7-11):
    • 取貨付款: NT$150+0.5%/筆
    • 純取貨: NT$150/筆

2. 大宗超取費用:

  • 常溫大宗超取(7-11與全家):
    • 取貨付款: NT$56+0.5%/筆
    • 純取貨: NT$56/筆
  • 冷凍大宗超取(7-11):
    • 取貨付款: NT$190+0.5%/筆
    • 純取貨: NT$190/筆
*超取店到店與大宗價格含2通簡訊;到店第一天與到店第四天未取
需詢問業務
Starter 新手方案
免費
Pro 物流方案
$29/月（美金）
Business 發票方案
$29/月（美金）
Advanced 進階方案
$49/月（美金）
詳情到官網試算或詢問業務
支援物流商
  • 整合順豐速運SF、黑貓宅急便、DHL等物流
  • 7-11、全家
  • 7-11、全家超商、萊爾富
  • 黑貓宅配
  • 整合新竹物流、黑貓宅急便、中華郵政等物流
  • 提供7-11、全家超商取貨
  • 整合黑貓和郵局宅配
  • 提供7-11、全家超商取貨
  • 整合順豐速運SF、黑貓宅急便等物流
  • 提供7-11、全家、萊爾富超商取貨
  • Lalamove、PandaGo即時配送

官方資料：Waaship | PayNow | BOXFUL | Ako | ShipAny

四、Shopify 主題選擇

通常的做法是到 Shopify 的主題頁面挑選一個免費的或是付費的主題來使用，主題就是網站模板的意思，選好之後就到 Shopify 的後台進行建置，但我會教你另一個方式：用免費主題+第三方網站建置App，付費的主題還是會有預設編輯器的限制，付費主題的價格也不是很便宜，$100-$400 美元的都有，雖說是買斷，但如果日後無法滿足你的某個需求或是功能，還是得尋求第三方App的支援，所以我建議可以參考我的方法。這裡就先不詳細介紹 Shopify 主題的相關資訊，僅列出基本資訊。

1. 免費與付費主題比較

免費主題特點：

  • 成本：完全免費使用
  • 數量：Shopify 官方提供約 13 款免費主題
  • 功能：基本電商功能齊全，但自定義選項較少
  • 設計：簡約現代，但較為通用
  • 適合對象：預算有限的初創商家，或測試階段的商店

付費主題優勢：

  • 成本：一次性費用約 $100-$400 美元
  • 數量：Shopify 官方頁面目前有大約 230 款付費主題
  • 設計品質：更專業、獨特的設計和用戶體驗
  • 功能性：更多內建功能模塊和頁面模板
  • 自定義選項：提供更多客製化設定和風格選項

官方資料：Shopify 主題頁面

五、使用第三方應用程式增強網站建置能力

1. 安裝 GemPages

到 Shopify App Store，搜尋 GemPages，因為我已經安裝過了，所以這裡顯示的是開啟。

2. 開啟 GemPages，選擇一個模板

安裝完成後，在Shopify的後台，應用程式裡面點選 GemPages Builder，再來選擇 Create new page

你會看到 GemPages 裡面有很多預先建立好的模板，這裡先以首頁來進行示範，點選 Home Page，根據產業以及喜歡的色調挑選一個你覺得適合的模板，其實不用太掙扎要選哪一個，因為最終都會根據你的 Brand Book 調整字體、大小跟顏色，裡面的圖片也都會換成你自己的，先選模板最大的好處是在於先把各區塊的位置都先擺好了，你只需要微調或是先把內容放上去，再慢慢調整，凡事起頭難嘛！

六、開始建置你的網站

1. 首頁建置教學

這裡假設我是賣寵物相關的產品，我選擇第一個寵物相關的模板，下面會以行動裝置的介面來示範，因為現在7成以上的流量都是來自行動裝置，所以優化好網站行動裝置的體驗是最重要的，電腦版的頁面可以之後再調整。

 

每個網站首頁的最上方一定是放橫幅（Banner），這裡會放品牌的最新消息、活動優惠等你想讓顧客知道的資訊，截圖是GemPages的後台介面，非常的簡潔清楚、容易上手，網站是由一個個元素（elemenet）組成的，Image就是圖片，要上傳圖片只需要點選這項元素，再點選左邊的Upload Image即可。

文字的部分直接打字即可，左邊可以調整標題類型，字體、大小、粗細、顏色等細節項目

在後台要新增或是調整每個元素，都是用拖拉（Drag & Pull）的方式，非常方便，要新增按鈕的話就找 Button 這個元素，可以在左邊欄位設定要到達的連結頁面、按鈕顏色、按鈕內的字體大小、按鈕長寬等。

最上方的橫幅設定好後，第二個區塊可以放：關於我們、熱銷產品、顧客評價等，依照你想呈現的即可。這裡放的是有哪些品牌在使用我們的產品，來提高顧客的信任度，因為有多張圖片，所以使用的元素是輪播（Carousel）。

接著介紹產品，按照上面的方式將標題、圖片等設定都安排好後，別忘了適時的加入行動呼籲按鈕，讓顧客在瀏覽上有最好的使用者體驗！

再來可以放一個產品比較表，像這樣的表格，用 GemPages 也可以很輕鬆的完成且設計美觀！

最後可以放常見問題，將顧客常有的疑問詳細列出來並說明清楚，把顧客的擔憂降到最低，信任感提到最高，增加轉換的機會！

 

完成的完整頁面可以點此觀看。

2. 頁首/標頭（Header）、頁尾（Footer）

上述是以首頁的建置來做示範，其他頁面只需要到GemPages裡面挑選對應的模板來更改即可，例如：關於我們、政策頁面、聯絡我們、產品頁等等，或是不要用模板，直接創建一個空白的頁面，自己新增元素來建置也可以，再來教大家怎麼設定頁首和頁尾。

 

如下圖，上方框起來的部分就是頁首（Header），也是常聽到的網站目錄的位置，頁首的區塊會比較常調整的除了目錄之外，還有最上方的Announce Bar，這個後面再說明。

要調整目錄選單，得先進到Shopify的後台，到「內容 / 選單」（以前是在「網路商店 / 導覽」，後來改了），如果還沒有建立選單的話要先建立，如下圖已經建立好Header和Footer，點選Header來修改。

點進來之後可以「新增選單項目」，「標籤」是命名的地方，右邊的欄位是設定要到達哪一個頁面。

選單設定好後，到網路商店 / 佈景主題，點選右邊的「自訂」。

這裡會進到Shopify的後台，前面的是GemPages的後台，兩個編輯器是不一樣的，點選「標頭」。

點選「標頭」之後，就會顯示所有能在這個區塊調整的設定，這裡要先設定好網站的目錄，先點「選單」。

點選「選單」之後，就會顯示你在Shopify後台，「內容 / 選單」裡面設定好的所有選單，這裡要的是Header這一個，選取後，網站目錄就會按照Header的設定呈現如下圖的服務項目、關於我們、模板挑選等等。

設定頁尾的步驟，前面都跟頁首一樣，不一樣的是要在Shopify後台編輯器的最下面先點選頁尾旁邊的小箭頭，會跳出一個下拉的選單。

點選「新增區塊」。

這裡除了可以加選單之外，還可以新增其他元素像是品牌資訊、一段文字等，這裡先選擇「選單」。

選擇「選單」之後，一樣選擇要放在頁尾的目錄即可，這邊要放的是Footer這一個，這樣在網頁的最下方就會出現設定好的關於我們、聯絡我們。

要特別提一下的是，Shopify有非常多的主題模板可供選擇使用，上述教學使用的主題是「Dawn」，不同的主題，後台編輯器的功能設定會有一定程度的不同，但操作方式與邏輯是大同小異的，多看多試幾次就會越來越熟悉的！

七、結論

如果你需要一個電商網站，那非常推薦使用 Shopify，這個全世界最大的電商建站平台，功能非常齊全，後台介面操作非常友善，學習資源也非常多，客服的回答也都很專業，如果 Shopify 自身的後台功能滿足不了你，可以到 Shopify App Store 找第三方的網站建置平台，例如這篇教學文所使用的 GemPages，可以幫助你更加客製化你的網站，也能擁有更多的功能，照著此篇文章的步驟，你也能完成一個專業的電商網站！

 

若是你心有餘而力不足，真的沒有時間自己製作，那歡迎來向我們諮詢，安佳數位行銷專注於為中小企業主與品牌製作高轉換率且美觀的電商網站，若你需要形象網站或是名單型網站，我們也都擁有豐富的經驗能夠協助你。
立刻諮詢