Wix 架站教學｜零基礎也能輕鬆建立專業網站

想架設網站，但完全不懂技術？

Wix 是你的最佳選擇。它的拖拉式介面讓你像在做簡報一樣建立網站，完全不需要寫任何程式碼。

這篇教學會帶你從零開始，一步步用 Wix 建立專業網站。

為什麼選擇 Wix？

Wix 是全球最受歡迎的架站平台之一，超過 2 億個網站使用 Wix 建立。

Wix 的優勢

1. 超簡單的操作介面

Wix 採用所見即所得（WYSIWYG）的編輯方式。你看到的就是最終呈現的樣子。

想移動一個元素？直接拖過去。
想改文字？直接點擊編輯。
就這麼簡單。

2. 800+ 專業模板

不知道怎麼設計？Wix 提供超過 800 個專業設計的模板，涵蓋各種產業和用途。

選一個喜歡的，換上你的內容就好。

3. 內建完整功能

不需要額外安裝外掛，Wix 內建：
- 部落格系統
- 電商功能
- 預約系統
- 會員功能
- SEO 工具

4. 無需處理技術問題

主機、安全性、SSL、更新...這些 Wix 全部幫你搞定。你只需要專注在內容。

5. 免費方案可試用

不確定適不適合？可以先用免費版試用，滿意再升級。

Wix 的限制

公平起見，也要說說限制：

• 彈性較低：無法像 WordPress 那樣高度客製
• 長期成本：月費制，長期下來可能比 WordPress 貴
• 無法遷移：網站內容很難搬到其他平台
• 進階功能受限：某些專業功能可能不夠用

Wix 適合誰？

✅ 適合：
- 完全不懂技術的人
- 想快速上線的人
- 個人品牌、小商家
- 預算有限但想要專業外觀

❌ 不適合：
- 需要高度客製化的專案
- 大型電商網站
- 對 SEO 有極高要求的網站
- 預期會大幅成長的專案

Wix 方案比較

在開始之前，先了解 Wix 的方案。

免費方案

• 費用：$0
• 限制：有 Wix 廣告、使用子網域
• 適合：學習和測試

付費方案

（價格為美金/月，年繳會有折扣）

建議： 如果是正式使用，至少選 Core 方案。

Step 1：註冊 Wix 帳號

開始你的 Wix 架站之旅。

1.1 前往 Wix 官網

打開瀏覽器，前往 www.wix.com

1.2 點擊「開始」

在首頁點擊「開始」或「Get Started」按鈕。

1.3 建立帳號

你可以選擇：
- 使用 Google 帳號註冊
- 使用 Facebook 帳號註冊
- 使用 Email 註冊

選擇最方便的方式即可。

1.4 回答幾個問題

Wix 會問你幾個問題，了解你想建立什麼類型的網站。這會幫助 Wix 推薦適合的模板。

問題包括：
- 你想建立什麼類型的網站？
- 這個網站的主要目的是什麼？
- 你之前有架站經驗嗎？

誠實回答即可。

Step 2：選擇建站方式

Wix 提供兩種建站方式。

方式一：使用 Wix ADI（AI 自動建站）

方式二：使用 Wix Editor（模板編輯器）

從模板開始，自己調整成想要的樣子。

優點：
- 高度彈性
- 完全控制每個元素
- 模板選擇多

缺點：
- 需要花更多時間
- 需要一點設計概念

適合： 想要自己掌控設計的人

建議： 選擇 Wix Editor，學習曲線不會很陡，但能做出更符合期望的網站。

Step 3：選擇模板

如果選擇 Wix Editor，接下來要選擇模板。

3.1 瀏覽模板類別

Wix 的模板按產業和用途分類：
- 商業
- 網路商店
- 部落格
- 作品集
- 餐廳
- 活動
- 更多...

點擊你的產業類別瀏覽。

3.2 預覽模板

看到喜歡的模板，點擊「View」預覽。

預覽時注意：
- 整體視覺風格
- 頁面結構
- 動態效果
- 手機版呈現

3.3 選擇適合的模板

找到喜歡的模板後，點擊「Edit」開始編輯。

選模板的建議：
- 不要只看首頁，要看所有頁面
- 選擇結構適合的，顏色和圖片都可以換
- 選擇功能符合需求的
- 寧可選簡潔的，之後再加元素

:::cta
選模板選到眼花？不確定哪個適合你？
VibeFix 可以幫你評估需求，推薦最適合的設計方向。
免費諮詢
:::

Step 4：編輯網站內容

進入編輯器後，開始打造你的網站。

4.1 認識 Wix 編輯器介面

左側面板：
- 新增元素
- 管理頁面
- App Market
- 媒體庫

上方工具列：
- 儲存
- 預覽
- 發佈
- 網站設定

中間區域：
- 你的網站預覽
- 直接點擊編輯

4.2 編輯文字

1. 點擊任何文字區塊
2. 直接輸入新文字
3. 使用工具列調整字型、大小、顏色

建議：
- 保持字體一致（不要用太多種字體）
- 標題用較大、較粗的字
- 內文保持易讀（不要太小）

4.3 替換圖片

1. 點擊圖片
2. 點擊「Change Image」
3. 選擇圖片來源：
   - 上傳自己的圖片
   - 使用 Wix 的免費圖庫
   - 從 Unsplash 選擇

圖片建議：
- 使用高品質圖片
- 注意圖片版權
- 壓縮圖片以加快載入

4.4 調整元素位置

Wix 編輯器是拖拉式的：
- 直接拖曳元素移動位置
- 拖曳邊角調整大小
- 使用對齊輔助線對齊元素

4.5 更換顏色

1. 在左側點擊「Site Design」
2. 選擇「Color」
3. 選擇預設配色方案，或自訂顏色

建議： 使用和你品牌一致的顏色。

Step 5：管理頁面

調整網站的頁面結構。

5.1 查看所有頁面

點擊左側的「Pages」圖示，可以看到所有頁面。

5.2 新增頁面

1. 在 Pages 面板點擊「+ Add Page」
2. 選擇頁面類型（空白或帶範例）
3. 輸入頁面名稱

5.3 刪除頁面

1. 在頁面名稱旁點擊「...」
2. 選擇「Delete」

5.4 設定首頁

1. 在要設為首頁的頁面旁點擊「...」
2. 選擇「Set as Homepage」

5.5 調整頁面順序

直接拖曳頁面名稱，調整在選單中的順序。

建議的頁面結構

一般網站建議有這些頁面：

Step 6：新增功能元素

讓網站有更多互動功能。

6.1 新增聯絡表單

1. 點擊左側「Add」（+）
2. 選擇「Contact」
3. 選擇喜歡的表單樣式
4. 拖曳到頁面上
5. 設定表單欄位和通知信箱

6.2 新增社群連結

1. 點擊「Add」→「Social」
2. 選擇社群圖示列
3. 點擊設定各社群的連結

6.3 新增 Google 地圖

1. 點擊「Add」→「Contact」→「Google Maps」
2. 輸入你的地址
3. 調整地圖大小和位置

6.4 新增按鈕

1. 點擊「Add」→「Button」
2. 選擇按鈕樣式
3. 設定按鈕文字和連結目標

6.5 從 App Market 新增功能

Step 7：設定 SEO

讓網站更容易被 Google 找到。

7.1 設定網站基本 SEO

1. 點擊左側「Settings」
2. 選擇「SEO」
3. 填寫：
   - 網站名稱
   - 首頁標題
   - 首頁描述

7.2 設定每頁的 SEO

1. 在「Pages」面板選擇頁面
2. 點擊「...」→「SEO Basics」
3. 設定：
   - Page Title（標題）
   - Meta Description（描述）
   - URL（網址）

SEO 小技巧：
- 標題包含關鍵字
- 描述要吸引人點擊
- URL 簡潔有意義

7.3 使用 Wix SEO Wizard

Wix 有內建的 SEO 設定精靈：

1. 進入「Settings」→「SEO」
2. 點擊「Get Started」
3. 跟著步驟設定

這個精靈會引導你完成基本的 SEO 設定。

更多 SEO 知識請看 網站 SEO 基礎設定。

Step 8：手機版優化

確保網站在手機上也好看。

8.1 切換到手機版編輯

在編輯器上方，點擊手機圖示切換到手機版編輯模式。

8.2 調整手機版版面

Wix 會自動產生手機版，但通常需要微調：

• 檢查文字是否太小
• 確認重要資訊有顯示
• 調整按鈕大小（手指要點得到）
• 隱藏不需要的元素

8.3 手機版專屬設定

某些元素可以設定只在手機版或電腦版顯示：

1. 選擇元素
2. 右鍵選擇「Show on Mobile」或「Hide on Mobile」

Step 9：連接網域

讓你的網站有專屬網址。

9.1 購買網域

方式一：從 Wix 購買
1. 進入「Settings」→「Domains」
2. 點擊「Get a new domain」
3. 搜尋想要的網域
4. 完成購買

方式二：使用已有的網域
1. 進入「Settings」→「Domains」
2. 點擊「Connect a domain you already own」
3. 依照指示設定 DNS

9.2 設定 DNS（使用外部網域時）

如果網域是從其他地方買的，需要設定 DNS：

1. 登入你的網域註冊商
2. 找到 DNS 設定
3. 新增 Wix 提供的記錄
4. 等待生效（最多 48 小時）

詳細教學請看 網域申請教學。

:::cta
DNS 設定搞不定？
VibeFix 提供網域設定技術支援，幫你快速解決。
取得協助
:::

Step 10：發佈網站

一切就緒，讓網站上線！

10.1 最後檢查

發佈前確認：
- [ ] 所有文字內容正確
- [ ] 圖片都有顯示
- [ ] 連結都能正常開啟
- [ ] 表單可以正常送出
- [ ] 手機版顯示正常
- [ ] SEO 設定完成

10.2 預覽網站

點擊上方的「Preview」按鈕，確認最終呈現。

10.3 發佈

確認沒問題後：
1. 點擊「Publish」按鈕
2. 選擇網域（免費版會是 xxx.wixsite.com）
3. 點擊確認發佈

恭喜！你的網站已經上線了！

10.4 分享網站

發佈後，把網址分享給朋友、客戶，或放在社群媒體上。

Wix 進階技巧

上線後，可以繼續優化你的網站。

技巧一：使用 Wix Analytics

1. 進入「Dashboard」→「Analytics」
2. 查看：
   - 訪客數量
   - 熱門頁面
   - 流量來源
   - 訪客行為

技巧二：A/B 測試

測試不同版本的頁面，看哪個效果更好。

技巧三：建立部落格

定期發佈文章，吸引更多流量：

1. 新增 Wix Blog App
2. 建立文章類別
3. 定期發佈有價值的內容

技巧四：整合 Google 工具

1. Google Analytics：詳細的流量分析
2. Google Search Console：監控搜尋表現

在「Settings」→「Integrations」中設定。

常見問題 FAQ

Q1：Wix 免費版能用嗎？

能用，但有限制：
- 無法使用自訂網域
- 網站上會有 Wix 廣告
- 功能受限

建議： 學習可以用免費版，正式使用至少升級到 Core 方案。

Q2：Wix 網站會很慢嗎？

Wix 近年大幅改善了效能，正常情況下不會太慢。

保持速度的方法：
- 壓縮圖片
- 不要加太多動態效果
- 減少不需要的 App

Q3：Wix 可以做電商嗎？

可以。

Wix 有完整的電商功能，包括：
- 商品管理
- 購物車
- 金流串接
- 訂單管理

但如果電商是主要需求，可能 Shopify 更適合。

Q4：不滿意可以換模板嗎？

可以，但要注意：
- 更換模板會清除目前的設計
- 內容需要重新調整
- 建議在初期就選對模板

Q5：Wix 網站可以搬到其他平台嗎？

很困難。

Wix 是封閉系統，網站內容很難遷移到其他平台。如果預期未來可能需要更高彈性，一開始就選 WordPress 可能更好。

Wix 架站要點與下一步建議

Wix 是新手架站的絕佳選擇。

回顧這篇教學的重點：
1. 註冊帳號
2. 選擇建站方式和模板
3. 編輯網站內容
4. 管理頁面結構
5. 新增功能元素
6. 設定 SEO
7. 優化手機版
8. 連接網域
9. 發佈上線

下一步建議：
- 定期更新網站內容
- 查看分析數據，了解訪客行為
- 根據回饋持續優化
- 考慮開始經營部落格

Wix 讓架站變得簡單，但好網站還是需要用心經營。持續優化，你的網站會越來越好！

:::cta
用 Wix 架站遇到問題？或者想要更專業的成果？
VibeFix 提供 Wix 網站優化服務，讓你的網站更上一層樓。
了解服務
:::

延伸閱讀

• 2025 網站架設完整指南
• WordPress 架站完整教學
• 架設網站要多少錢
• 網域申請教學
• 網站 SEO 基礎設定
• 形象網站設計重點解析