【2026】Squarespace 教學：架站功能 & 費用介紹

最後更新時間：2026-01-01，由 Dean 更新

想要開始在網路上接案，需要有一個好看的作品集網站，那 Squarespace 就會是很適合你的選擇，它的模板相較很多市面上的網站架設平台，是非常有設計感的。

這篇文章，我會詳細介紹 Squarespace 功能與價格等，並教你用它架起一個非常有質感的網站。

架站平台 Squarespace 介紹

Squarespace 是一個創立於 2003 年的美國架站平台，屬於 CMS，提供 100 多種網站模板，曾多次得到設計獎，且介面直觀好操作，提供多種功能：

• 自動 SSL：只要安裝網域，就會自動安裝 SSL。
• SEO 設定：包含 Sitemap，自訂網頁名稱、圖片和網頁描述等 SEO 設定。
• 產品管理：包括庫存追蹤、促銷活動、金流和數據分析等。
• 分析工具：可檢視網站流量、分析用戶行為等。
• 介面語系：支援日文、英文、法文、德文、義大利文、葡萄牙文、西班牙文等語系。
• 預約功能：整合 Acuity Scheduling 工具，可適應不同時區供客戶預約單次會議、團體課程、包月服務等，並預付款項等等。
• 擴充功能：可另購電子報行銷工具、會員網站套件、課程網站套件等。

Squarespace 和其他架站平台比較

10個網站架設平台推薦：個人作品集、公司形象網

Squarespace 好用嗎？適合誰用？

Squarespace 曾多次得到 Webby Awards 的設計獎和人氣獎，設計的模板簡約時尚，並在樣式和設計上可做細部設定，主要客群為時尚潮流品牌、設計師、藝術家和攝影師等。

除了一頁式網站、個人網站、作品集網站、服務預約網站和電商網站，還能建構會員網站、線上課程平台。

Squarespace 優點有哪些？

• 具設計感的模板：只要套版就可以使用，且不定期會和藝術家合作設計模板。
• 可用 App 管理：手機應用程式可編寫內容、新增圖片、查看流量和管理商店庫存等。
• 可拖拉編輯：新的編輯器可以自由拖拉編輯，能重疊物件，還能調整對齊格線。
• 嵌入其他內容：編輯時可直接嵌入 Flickr、Unsplash 和社交媒體的內容。
• 一站式服務：從購買域名到套用模板、電商功能、SEO 工具、分析工具等，在一個平台上就可以完成所有網站架設和管理工作。
• 有大量資源：不僅有官方論壇可和其他用戶交流，下載免費外掛或程式碼，也能串接第三方工具。
• 有開發模式：如果你有開發網站的能力，可利用開發者模式進行設計。

Squarespace 缺點有哪些？

• 價格較高：相比其他架站平台，價格相對較高。
• 後台速度偏慢：由於編輯器要匯入樣式及功能，轉換編輯功能時會慢一些。
• 沒有中文介面：對不熟悉英文的使用者來說較不方便。
• 無法自動儲存：需要手動儲存才能更改。
• 文章編輯功能較少：沒有生成目錄和表格編輯的功能。

Squarespace 適合對象

• 想建立作品集、預約服務網站的接案工作者。
• 想建立小型電商，販售數位商品的藝術、創意工作者。
• 需要建立形象網站、電商網站、偏重設計感的中小企業。
• 時尚、設計領域的內容創作者。

Squarespace 費用怎麼算？方案有哪些功能？

Squarespace 總共有 4 個付費方案：

方案	年訂閱價格	功能	適合網站
Personal	台幣 500 元 / 月	．無容量限制 ．首年免費網域 ．自動安裝免費SSL  ．網站分析 ．最多 2 個用戶協作 ．可收集 Email 名單	個人網站、作品集、形象網站、媒體網站
Business	台幣 715 元 / 月	．包含所有 Personal 方案的功能 ．無限用戶協作 ．首年 Google Workspace 免費 ．可自訂 CSS 和 JS 程式碼 ．促銷跳出視窗 ．產品上架數量無限制 ．電子商務功能 (交易費 3%)	小型電商網站
Commerce Basic	台幣 840 元 / 月	．包含 Personal & Business 功能 ．免交易費 ．可在 FB 和 IG 銷售頁上同步產品資訊 ．有管理庫存功能 ．消費者可在商品頁上評論	中型電商網站
Commerce Advanced	台幣 1530 元 / 月	．包含前三個方案的所有功能 ．自訂促銷折扣 ．自動發送購物車未結帳提醒信 ．可設會員限定內容或產品 ．可設定實體訂閱制 ．可設定免運資格 ．可整合電商 API	大型電商網站

基礎教學：5 步驟完成 Squarespace 架站

第一部分：建立網站

step 1

登入 Squarespace 首頁，點「GET STARTED」建立網站。

*可免費試用 14 天，不需要信用卡，細節見退款政策。

step 2

按照需求，選擇一個合適的模板。

有的模板適合作品集，有的模板適合電商網站，不管選擇哪個模板，都可使用文章、商店、登入、預約排程、線上課程、多語言翻譯等所有功能，也可拖拉式編輯。

step 3

新增一個帳戶。

step 4

按「START WITH THIS DESIGN」開始編輯網站。

step 5

輸入網站名稱，按「CONTINUE」。

接下來的介紹都按「CONTINUE」跳過，最後按「GET STARTED」進編輯模式。

step 6

編輯頁面時，主要會使用到下面 3 個部分：

1. Website：
   • Pages：新增、刪除、編輯頁面。
   • Styles：更改樣式，包括字型、主題顏色、按鈕 & 搜尋框樣式、對齊 & 圖片設定等。
   • Assets：管理或上傳檔案、圖片、影片等的資料庫。
2. EDIT：每一頁的左上角都可以看見，點入才能編輯該頁面。
3. 右上符號：切換電腦或手機的檢視模式。

接下來先介紹如何編輯導覽列選單。

第二部分：編輯選單

step 1

點入 Website 的 Pages，按需求新增或編輯頁面：

1. 點開「+」。
2. Pages：新增單頁。
3. Collections：新增包含「主頁面 + 子頁面」的組合。
4. More：會員功能頁、下拉選單、外部連結。

點選新增的頁面後，會跳出視窗，再選擇排版樣式。

以文章頁為例：

step 2

新增頁面後，接下來更改頁面設定：

1. 將滑鼠移到頁面上，等出現圖示，點進設定。
2. 在跳出的視窗上更改「頁面設定」，像是：頁面標題、導覽列標題、頁面網址等。

*最左邊會出現刪除圖示，點選即可直接刪除頁面。

step 3

如果想讓滑鼠移到導覽列連結上會跳出子選單，Dropdown 設定方法如下：

1. 點設定圖示，更改頁面名稱 (PAGE TITLE)、導覽列名稱 (NAVIGATION TITLE) 與頁面網址 (URL SLUG)，改完後按 SAVE 存檔。
2. 點箭頭圖示，可點開這個選單，編輯頁面或新增頁面。

設定好後，滑鼠移到導覽列，就會跳出選單。

第三部分：編輯網頁

step 1

接下來編輯網頁：

1. 左側選單點選要編輯的網頁。
2. 左上角點 EDIT。

網頁由「頁首、頁面、頁尾」構成，以下分別說明編輯方式。

step 2

先編輯頁首導覽列 (Header)，將滑鼠移到導覽列上方，點 EDIT SITE HEADER。

會跳出按鈕：

1. 增加或關閉物件，如按鈕、社群和購物車圖示、登入連結和轉換語言 (沒有中文)。
2. 修改樣式設定，如排版、選單、物件間距；陰影和框線設定；高/寬度、漸層設定。
3. 調整導覽列高度。
4. 如果有更改設定，按 SAVE 存檔。

*導覽列是全域設定，只要有變動，網站的導覽列都會同步更新。

step 3

再來，開始編輯頁面。將滑鼠移到頁面上：

1. 新增區塊，有 21 種區塊可自由新增使用。
2. 文章管理與撰寫，參考後面「第四部分」說明。
3. 編輯區塊，包含版面樣式、寬度、上下間距、縮圖和文字樣式、文章資訊等。
4. 將區塊往上移或往下移。

step 4

最後，編輯頁尾 (Footer)：

在編輯模式下，把頁面拉到最下面，滑鼠移到上方，點 EDIT SITE FOOTER：

進入編輯頁尾區塊模式：

• 在頁尾增加小區塊 (ADD BLOCK)，如社群圖示、按鈕、地圖、表單、日曆等。
• 編輯頁尾區塊 (EDIT SECTION)，包括版面設定、複製和移動、刪除等。

*頁尾 (footer) 跟導覽列 (Header) 一樣是全域設定，只要修改一次就會同步更新。

第四部分：撰寫文章

step 1

在頁面 (Pages) 下，選擇要管理的文章：

step 2

點 Blog Content。

step 3

開始編輯單篇文章：

1. 先在左邊選單點入指定文章。
2. 再到右邊頁面點 EDIT。

接著就是文字編輯器，可編輯文章內容：

文章可插入的物件：

第五部分：安裝網域

這一部分會介紹如何安裝在第三方購買的網域，以 Namecheap 為例。

step 1

回到後台首頁，點進設定圖示。

step 2

等跳出設定視窗：

1. 左邊選單點 Domain & Email。
2. 右邊再點入 Domains。

step 3

選「USE A DOMAIN I OWN」。

step 4

1. 先在欄位中輸入網域名稱，直接按 Enter 確認。
2. 再選 Connect Domain。

step 5

按「GET STARTED」開始設定。

step 6

登入 Namecheap 後台，在要安裝的網域旁點 MANAGE。

step 7

回到 Squarespace，按 NEXT。

step 8

按 COPY 複製名稱伺服器。

step 9

切換到 Namecheap：

1. 選單選 Custom DNS，貼上剛剛複製的 2 個名稱伺服器。
2. 按 √ 儲存。

step 10

回到步驟 8 的 Squarespace 頁面，按 NEXT，等跳轉視窗，再按 DONE 就完成了。

DNS 是什麼？如何設定指向主機？2 種最常見的方式（附圖教學）

進階教學：4 個常用到的 Squarespace 設定

設定文字樣式

step 1

登入後台，到編輯網站首頁，點進圖片上的 2 個地方之一。

step 2

接著，設定介面會出現在右邊，除了文字，還可設定主題顏色、按鈕及搜尋框的樣式。

step 3

點進文字 (Fonts)，可修改網站標題 (H1 ~ H4)、段落、按鈕的字型、間距和大小等設定。

step 4

雖然 Squarespace 沒有中文字型，但可選日文字型 (Japanese)。

用標題的設定做示範：

1. 在文字設定介面 (Fonts)，點開標題 (Heading)。
2. 點開標題字型選單 (Fonts)。
3. 再點搜尋框右邊的地球圖示。
4. 最後選 Japanese，下面就會出現日文字體。

step 5

日文字型相容繁體中文，不僅有黑體、明體，也有手寫字體，可參考圖片的呈現效果。

30款中文免費商用字體下載，不侵權也能提升設計風格

加入網站圖標

瀏覽器上的分頁左上角都會有一個小圖標 (Favicon)，可以加深瀏覽者對網站的印象。

step 1

點進網站設定，選 Favicon。

step 2

上傳網站圖標，最小 100*100，最大 300*300 pixel。

社交帳號連結

如果網站上會放社群的連結，要先做好設定。

step 1

點進網站設定，選 Social Links。

step 2

點開對應的社群，貼上正確的網址再存檔。

若是其他社群或電子信箱，貼在第三個空白連結，按確定，就會自動產生對應的圖示。

301 轉址設定

當你刪除舊的 Squarespace 頁面，會需要將舊網址轉址到新網址，以免影響網站 SEO 排名。

註：它的 301 轉址只能轉內部網址，如果你是網站搬家 (從別的平台轉到 Squarespace)，會需要透過其他方式。

step 1

點進網站設定：

1. 左邊選 Develop Tools。
2. 右邊點 URL Mapping。

step 2

1. 在中間的欄位填入轉址設定，如「/blog/舊網址 -> /blog/新網址 301」，後方詳細說明。
2. 按 SAVE 存檔。

Squarespace 架站的其他問題