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 等服務。

帳號與基本設定:一個下午的事

註冊帳號、填商店名稱、把時區設成台灣(GMT+8)、幣別設成 TWD、選方案,這些都是照後台指示走就能完成的例行工作,不是建站的難點。剛起步選 Basic 方案就夠,等訂單量上來再升級。

註冊、後台設定到商品上架的逐步操作,我另外寫了一篇完整版:Shopify 教學,跟著做不會漏步驟。方案費用怎麼算、台灣特有的第三方金流附加費是什麼,則看 Shopify 台灣一年真實成本拆解。

台灣金流物流:規劃階段就要先決定

Shopify 是國際平台,台灣的金流、物流、電子發票都要透過第三方串接。金流主流是綠界、TapPay、HiTrust、PayNow 四家;物流則因為超商取貨佔台灣電商訂單很大一部分,需要另外裝 App 才能在結帳頁選門市。

為什麼放在建站流程的前段講?因為這一段會直接決定你的結帳流程長什麼樣、購物車頁要不要留位置給門市選單,等版面都做完才回頭處理會很痛。完整脈絡看 Shopify 台灣完整指南,個別細節看 Shopify 台灣金流完整比較 和 Shopify 台灣物流與超商取貨設定。

想用 Shopify,但不確定自己弄不弄得起來?

我是 Shopify 建站顧問,幫你把該設定的一次規劃好。預約 30 分鐘免費諮詢,告訴你你的情況怎麼做最順、要花多少時間和預算。

版面怎麼設計?用 GemPages 突破 Shopify 的限制

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

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

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

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

GemPages 怎麼安裝

  1. 在 Shopify 後台進入「應用程式」→ 到 Shopify App Store 搜尋「GemPages」
  2. 點擊「安裝」,同意權限
  3. 安裝完成後,在「應用程式」中就能找到 GemPages
  4. 裝好會自動落在免費方案,可以先做一頁出來看看合不合手

兩個 2026 年的變化要注意:GemPages 現在沒有限時免費試用了,改成一個沒有時間限制的免費方案,只能發布一頁;付費方案從 Build US$29/月起(往上是 Optimize US$59、Enterprise US$199),而且新用戶只提供月繳,年繳已經不對新客開放。想多做幾頁、要用完整模板庫,才需要升級。

Shopify App Store 中的 GemPages 頁面,紅框標註安裝按鈕

如果現在預算很緊,先用 Shopify 免費主題的佈景主題編輯器把網站開起來、先開始賣,完全是合理的做法。等你發現版面調不出想要的樣子、或要做活動頁和廣告落地頁,再加 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 個常見問題)。政策頁面(退換貨、隱私權、服務條款、運送政策)可以到「設定」→「政策」,點「從範本建立」就會自動生成,再根據你的情況修改即可。

第五步:把商品上架

進入「產品」→「新增產品」,填產品名稱、描述、圖片、價格、SKU、庫存,有顏色尺寸就新增選項,每個產品順手把 SEO 標題和描述寫好。欄位不少但都不難,逐欄的說明和細節看 Shopify 教學 那篇。

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

自己建站還是找人建站?

這個問題沒有標準答案,但有幾個判斷點很好用。我的觀察是,多數人問的其實不是「我做不做得到」,而是「我值不值得花這個時間」——這兩件事的答案常常不一樣。

判斷點 偏向自己做 偏向找人做
你能投入的時間 每週能穩定挪出十幾個小時,也願意邊查邊學 手上的事已經滿了,網站再拖兩個月會影響開賣
台灣金流物流發票 只要基本超取加宅配,照官方文件設定就好 要串電子發票、分期、冷鏈、多倉,或已經被卡住過一次
版面與品牌要求 模板改一改、看得順眼就可以 要對齊品牌視覺、要做廣告落地頁和轉換設計
客製功能 標準電商流程,沒有特殊需求 會員分級、B2B 報價、訂閱制、跟 ERP 或 POS 串接
上線後誰維護 自己或團隊有人會持續改、會看數據 沒人接手,需要有人固定支援和調整

幾個實務上的補充。第一,這不是二選一:常見的做法是**自己顧內容和商品、把技術卡關的那幾段外包**,例如金物流串接、客製功能、版面設計,其他自己來。第二,成本不要只算報價,要把你自己的時間算進去——如果你的時間拿去談合作、談通路更值錢,那自己做未必比較省。

第三,如果你已經偏向找人做,先看 找網頁設計公司前一定要知道的 7 件事,裡面有報價包含哪些項目、網站擁有權、後續維護怎麼算這些該問的問題。想直接了解我怎麼幫客戶做,可以看 Shopify 網站建置服務。

上線前一定要確認這些事

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

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

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

常見問題

Q:Shopify 建站要多久?

如果素材都準備好了(Logo、產品圖、文案),用 GemPages 做版面大概 2-3 週可以完成。如果從零開始,包含素材準備和內容撰寫,通常會落在 1-2 個月。拖最久的環節幾乎都不是技術,而是產品照片和文案一直沒生出來。

Q:不會寫程式可以自己建站嗎?

可以。Shopify 本身就是設計給不懂技術的人用的,再加上 GemPages 這類拖放工具,整個版面設計不需要寫任何程式碼。真正需要技術背景的通常是兩件事:台灣金流物流發票的串接設定,以及標準功能做不到的客製需求。

Q:GemPages 一定要付費嗎?

不一定。GemPages 有一個沒有時間限制的免費方案,可以發布 1 頁——想先把首頁做漂亮、其他頁用主題原生的,免費方案就夠。需要無限發布頁數、完整模板庫和進階功能,才需要升級到 Build(US$29/月起)。要注意新用戶目前只能選月繳。

Q:免費主題 Dawn 夠用嗎?還是要買付費主題?

Dawn 拿來當 Header、Footer 和商品頁的底完全夠用。付費主題一次要 US$100-400,好看,但改起來還是受編輯器限制,很多人買了才發現想要的效果一樣做不出來。我的做法是 Dawn 打底、版面交給 GemPages,成本更低也更彈性。

Q:自己建站和找人建站,怎麼決定?

看四件事:你每週能投入多少時間、台灣金流物流發票的需求複不複雜、版面和品牌要求多高、上線後有沒有人維護。其中最容易被低估的是最後一項——網站上線只是開始,後面持續調整的工作才是長期成本。也可以混著做:內容和商品自己顧,技術卡關的段落外包。

延伸閱讀

最後

Shopify 建站的流程就是這些:準備素材 → 開帳號和基本設定 → 決定金流物流 → 選主題做版面 → 商品上架 → 測試上線。聽起來步驟多,但照著做其實不複雜,2-3 週就能搞定。

最重要的三件事:第一,手機版一定要做好(7 成流量來自手機);第二,金流物流的串接不要跳過測試;第三,動手前先誠實評估你的時間,該外包的段落外包,比硬撐三個月沒上線划算。

已經決定用 Shopify,只是不確定你的需求做不做得到?

花 30 秒跑一遍需求檢查,看看你想要的功能在 Shopify 上能不能實現。開始需求可行性檢查。

與其自己摸索半天卡關,不如先聊 30 分鐘。預約免費諮詢,我根據你的生意實際情況,幫你規劃 Shopify 怎麼建最有效率。

免費資源

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

Meta 廣告檢核表 + Shopify 建站清單

電商網站檢查清單 + SEO 實戰工具包

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

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

返回網誌

每週一封,只講能用的策略

獲得可以立刻執行的數位行銷洞察