Shopify 網站架設完整指南:用 GemPages 快速建立專業電商網站

Shopify 網站怎麼架?從註冊到上線的完整建站教學(2026)

想用 Shopify 架電商網站,打開後台卻不知道從哪一步開始?你不是唯一一個。

Shopify 功能很強,但對第一次用的人來說,光是搞懂方案怎麼選、金流物流怎麼串、預設編輯器的限制怎麼突破,就要花不少時間。這篇會帶你從註冊到上線,把每一步講清楚,包含我幫客戶建站的實戰經驗。

為什麼用 Shopify 架電商網站?

台灣做電商的平台選擇很多,Shopify 的核心優勢在三個地方:

第一,生態系夠大。全球數百萬商家在用,App Store 有超過 8,000 個擴充功能。遇到問題 Google 一下幾乎都找得到解法,這在台灣本土平台上比較難做到。

第二,技術底子強。正常運行時間 99.98%、全球 CDN 讓網站載入速度快、PCI DSS 安全合規,這些你不需要自己處理,Shopify 都包了。

第三,台灣在地化越來越成熟。後台有完整繁體中文介面,主流金流(綠界、TapPay、HiTrust)和物流(超商取貨、宅配)都能串接。兩三年前在台灣用 Shopify 確實不方便,但現在已經沒什麼問題了。

如果你還在猶豫 Shopify 跟 SHOPLINE、CYBERBIZ 怎麼選,可以看我寫的 Shopify vs SHOPLINE vs CYBERBIZ 完整比較,這篇有詳細分析。這裡就不重複了,直接進入建站教學。

建站前先準備好這些東西

很多人註冊完 Shopify 就急著開始弄,結果做到一半發現素材沒準備好,效率會差很多。建議先把這些東西整理好:

品牌視覺

  • Logo:至少 1000×1000 像素,檔案小於 1MB
  • 品牌色彩:確定 2-3 種主色和輔助色,記下 HEX 色碼
  • 產品圖片:每個產品 5-8 張不同角度的照片
  • 橫幅圖片:電腦版橫式之外,手機版一定要另外做直式的(這點很多人忽略)

產品資訊

用 Excel 或 Google 試算表先整理好:產品名稱、描述、規格、價格(定價和促銷價)、SKU、庫存數量。也先想好商品分類(Shopify 叫做「商品系列 Collections」),上架時會順很多。

網域名稱

選一個簡短好記、容易拼寫的網域,首選 .com,主攻台灣市場可以考慮 .com.tw。可以在 Shopify 直接購買,也可以用 GoDaddy、Namecheap 等服務。

Shopify 註冊和基本設定

註冊帳號

前往 Shopify 註冊頁面,輸入電子郵件就能開始免費試用。基本資訊可以先跳過,之後再補。

Shopify 註冊頁面,紅框標註開始免費試用按鈕位置

商店基本設定

進入後台後,到「設定」→「一般」→「商店詳細資訊」,把這些設好:

  • 商店名稱:你的品牌名稱
  • 聯絡電子郵件:用於系統通知和客戶聯繫
  • 商店地址:營業地址
  • 時區:選台灣(GMT+8)
  • 幣別:設定為 TWD 新台幣
Shopify 後台商店詳細資訊設定頁面,紅框標註商店名稱、時區、幣別欄位

選方案

免費試用結束後要選方案。Shopify 在 2025 年改過一次方案名稱和定價,現在的結構是這樣:

方案 月費(年繳) 第三方金流附加費 適合對象
Basic US$19/月 2% 剛起步的新品牌
Grow US$49/月 1% 有穩定訂單的小型團隊
Advanced US$299/月 0.6% 高流量、跨境銷售

以上是年繳價格,月繳會貴約 25%。「第三方金流附加費」是 Shopify 在台灣比較容易被忽略的成本——因為台灣不支援 Shopify Payments,必須用第三方金流(綠界、TapPay 等),Shopify 會額外收這筆費用。

剛開始用 Basic 就夠了,等營業額上來再考慮升級。想看完整的費用拆解,包含一年實際要花多少錢,可以參考 Shopify 台灣一年真實成本拆解

台灣金流物流怎麼串?

這是在台灣用 Shopify 最關鍵的一步。Shopify 是國際平台,台灣的金流物流需要透過第三方 App 串接。

金流選擇

目前主流的四家:綠界 ECPay(功能最完整,支援超商代碼和取貨付款)、TapPay(支援 Apple Pay 和 Google Pay)、HiTrust(銀行背景)、PayNow(整合物流方便)。

如果你不確定選哪家,建議從綠界開始——用的人最多、支援付款方式最齊全、遇到問題也容易找到解答。注意申請金流需要公司或商業登記證明,個人賣家可能需要額外文件。

四家金流的費率、支援付款方式、串接方式的完整比較,我整理在 Shopify 台灣金流完整比較,裡面有詳細的表格和建議。

物流選擇

台灣消費者很依賴超商取貨,大概佔電商訂單的 40-60%。Shopify 預設不支援台灣超商取貨,需要透過 App 串接。目前主流選擇有 WaaShip(最多人用,免費方案就夠用)、ShipAny、Ako 等。

物流 App 怎麼選、怎麼設定,我寫了一篇完整教學:Shopify 台灣物流與超商取貨設定

📬 Shopify 建站還有更多眉角

這篇講的是建站基礎流程,我還有更多 Shopify 台灣在地化的進階技巧會透過電子報分享——金流串接的隱藏成本、物流 App 的選擇陷阱、結帳頁優化等。訂閱就能第一時間收到。

→ 免費訂閱,搶先收到進階教學

用 GemPages 突破 Shopify 的設計限制

為什麼不直接用 Shopify 預設編輯器?

Shopify 預設的編輯器(Online Store 2.0 Editor)能做的事情有限:版面配置不夠彈性、要做細部調整得懂 Liquid 語法、活動頁和 Landing Page 很難做。很多人一開始用預設編輯器,做到一半才發現限制太多,然後又花錢買付費主題,結果還是不夠用。

我的建議是:用免費主題(Dawn)+ 第三方建站工具(GemPages)。這個組合省下 US$100-400 的付費主題費用,又能獲得完全自由的設計彈性。

比較項目 Shopify 預設編輯器 GemPages
學習門檻 需要懂 Liquid、CSS 拖放介面,不需寫程式
版面彈性 受主題限制 完全自由配置
預設模板 依主題而定 200+ 專業設計模板
特殊頁面 製作困難 活動頁、Landing Page 輕鬆做
費用 免費(但可能需買付費主題 US$100-400) US$29/月起

GemPages 怎麼安裝

  1. 在 Shopify 後台進入「應用程式」→ 到 Shopify App Store 搜尋「GemPages」
  2. 點擊「安裝」,同意權限
  3. 安裝完成後,在「應用程式」中就能找到 GemPages
  4. 可以先用免費試用體驗
Shopify App Store 中的 GemPages 頁面,紅框標註安裝按鈕

💬 我自己的經驗

我幫客戶建 Shopify 網站這幾年,最後都是用「免費主題 Dawn + GemPages」的組合。Dawn 負責 Header、Footer 和基本架構,GemPages 負責首頁、產品頁、活動頁的設計。這樣做的好處是成本低、彈性高,而且不需要懂程式碼。付費主題看起來很漂亮,但真的開始改的時候,限制還是一堆。

實戰建站:從首頁到產品上架

第一步:選主題

到 Shopify 後台的「網路商店」→「佈景主題」→「主題庫」,選擇免費的 Dawn 主題。不用花錢買付費主題,因為我們會用 GemPages 覆蓋大部分的頁面設計,只保留 Dawn 的 Header、Footer 和基本架構。

Shopify 主題庫頁面,紅框標註免費 Dawn 主題

第二步:用 GemPages 做首頁

打開 GemPages,點「Create new page」→ 選「Home Page」→ 挑一個喜歡的模板(不用掙扎太久,之後都會調整)→ 開始編輯:替換文字、圖片、調整配色。

GemPages 編輯器模板選擇頁面,紅框標註 Home Page 選項

首頁建議的區塊順序:頂部橫幅(最新優惠)→ 主視覺區(品牌故事或主打商品)→ 商品展示區(熱銷和新品)→ 品牌優勢(為什麼選你)→ 顧客評價 → CTA 引導購買或訂閱。

最重要的一件事:行動版優先。現在 7 成以上流量來自手機,每個區塊都要在 GemPages 裡分別調整電腦版和手機版的顯示效果。手機版跑版是我最常看到的問題之一。

第三步:設定導航選單

進入 Shopify 後台的「內容」→「選單」:

  • Header 選單:首頁、商品分類、關於我們、聯絡我們
  • Footer 選單:退換貨政策、隱私權政策、服務條款、社群連結

建好選單後,到「網路商店」→「自訂」,在「標頭」和「頁尾」分別指定對應的選單。

Shopify 後台選單設定頁面,紅框標註新增選單按鈕

第四步:建立必要頁面

除了首頁,你還需要:關於我們(品牌故事)、聯絡我們(表單 + 客服資訊)、FAQ 頁面(整理 15-20 個常見問題)。政策頁面(退換貨、隱私權、服務條款、運送政策)可以到「設定」→「政策」,點「從範本建立」就會自動生成,再根據你的情況修改即可。

第五步:上架產品

進入「產品」→「新增產品」,填寫產品名稱、描述、圖片(5-8 張)、價格、SKU、庫存數量。如果有規格(顏色、尺寸),記得新增選項。每個產品也要編輯 SEO 標題和描述。

Shopify 後台新增產品頁面,紅框標註產品名稱、價格、圖片上傳區域

上線前一定要確認這些事

做完上面的步驟不代表可以直接開門做生意。上線前跑一遍完整測試,能幫你避免很多低級錯誤:

  • 完整購買流程:自己從瀏覽商品到結帳走一遍,確認每一步都順暢
  • 金流測試:用測試模式跑一筆付款,確認款項能正確入帳
  • 手機版測試:用手機打開每一個頁面,檢查有沒有跑版
  • 載入速度:圖片太大會拖慢速度,特別是首頁橫幅
  • 所有連結:導航、Footer、產品頁裡的連結都點一次
  • 網域連結:確認自訂網域已經指向 Shopify
  • 追蹤工具:Google Analytics 和 Meta Pixel(如果要投廣告)都裝好了

如果你是台灣電商,還要多注意電子發票和含稅定價的問題。這兩個我有寫專文:Shopify 電子發票設定Shopify 台灣定價策略

常見問題

Q:Shopify 建站需要多少時間?

如果素材都準備好了(Logo、產品圖、文案),用 GemPages 建站大概 2-3 週可以完成。如果從零開始,包含素材準備和內容撰寫,可能需要 1-2 個月。

Q:不懂程式可以用 Shopify 嗎?

完全可以。Shopify 本身就是設計給不懂技術的人用的,再加上 GemPages 這類拖放建站工具,你不需要寫任何程式碼就能做出專業的網站。

Q:Shopify 一個月實際要花多少錢?

基本花費:Shopify Basic 年繳 US$19/月 + GemPages US$29/月起 + 金流手續費(約 2.8-3.5%)+ Shopify 第三方金流附加費(2%)。實際月費大約在 NT$2,000-4,000 之間,不含金流手續費。想看完整計算,參考 Shopify 台灣費用拆解那篇文章。

Q:為什麼用 GemPages 而不買付費主題?

付費主題一次要 US$100-400,但還是受 Shopify 預設編輯器的限制。GemPages 月費 US$29 起,卻能給你完全自由的版面控制。用免費主題做基礎 + GemPages 做設計,整體更省錢也更彈性。

Q:之後不想用 Shopify 了,資料可以帶走嗎?

可以。Shopify 支援匯出產品、顧客、訂單資料,都是標準 CSV 格式,轉移到其他平台不會有問題。

延伸閱讀

最後

Shopify 建站的核心流程就是這些:註冊 → 基本設定 → 串金流物流 → 用 GemPages 做設計 → 上架產品 → 測試上線。聽起來步驟多,但照著做其實不複雜,2-3 週就能搞定。

最重要的兩件事:第一,手機版一定要做好(7 成流量來自手機);第二,金流物流的串接不要跳過測試。

有任何問題,歡迎直接預約諮詢,30 分鐘聊完你就知道下一步該怎麼做了。

免費資源

領取 4 份數位行銷實戰工具包

Meta 廣告檢核表 ∙ Shopify 建站清單 ∙ 電商網站檢查清單 ∙ SEO 實戰工具包

訂閱後直接寄到信箱,之後每週收到一則行銷實戰技巧

隨時可以取消訂閱,不會收到垃圾信

返回網誌