【2023 網路開店】免費 WordPress 購物網站架設教學 (合集)，一步步帶你建立專屬網店！電商新手必看！

這部影片是「WordPress 購物網站架設教學」系列影片的合集！我會跟你分享如何從零開始在網路開店 (透過 WordPress 這個免費的建站平台)。從選擇主機、域名到最後的購物網站的設計與金流/物流的設定，都會有詳盡的教學，不用任何經驗、不用會任何程式語言都可以輕鬆上手。

跟著影片操作之後，你的購物網站 (電商網站) 會具備 12 個實用且強大的功能。
1. 購物車
2. 賣實體商品 / 數位服務
3. 信用卡付款 / 超商代碼繳費
4. 超商取貨 / 宅配
5. 優惠券 / 折扣碼
6. 自動計算稅金
7. 自動寄出 Email 訂單通知
8. 客戶會員帳號登入
9. 商品評價
10. 部落格
11. 客製化排版設計
12. 響應式網頁設計

讓我們一起一步步打造專屬於你的網店！

🔥 重點連結 (架站工具)
⭐ Cloudways 主機
(前 2 個月 7 折｜折扣碼：NOTES)
→ https://notesstartup.com/cloudways

⭐ Namecheap 域名
→ https://notesstartup.com/namecheap

⭐️ Blocksy 主題
→ https://notesstartup.com/blocksy

⭐️ Brevo (舊稱：Sendinblue) - Email 自動化服務
→ https://notesstartup.com/brevo

⭐️ Canva - 設計 Logo
→ https://notesstartup.com/canva

✨ 諾特斯觀眾秘密記號：✏️

⚡ 章節重點
00:00 🐾《WordPress 購物網站架設教學》第 1 集 介紹與流程
00:28 🎯 WordPress 購物車網站：12 個強大功能
03:28 🎯 自己架設購物網站需要什麼？
05:17 🎯 架設 WordPress 購物網站費用
06:54 🎯 架設購物網站流程
08:06 🎯 為什麼製作免費教學？
08:50 🐾 《WordPress 購物網站架設教學》第 2 集 開始架設網站
09:29 🎯 第一大步驟：租用 Cloudways 主機
10:11 🔹 步驟 1：創建 Cloudways 帳戶
12:38 🔹 步驟 2：選擇 Cloudways 方案，並安裝 WordPress 軟體
14:49 🔹 步驟 3：開啟 WordPress 網站前台 / 後台
16:46 🔹 步驟 4：設定 Cloudways 主機的付款方式
19:06 🎯 第二大步驟：註冊 Namecheap 域名
19:21 🔹 步驟 1：創建 Namecheap 帳戶
19:48 🔹 步驟 2：註冊自己的域名
22:07 🔹 步驟 3：收取 Namecheap 寄的驗證信
22:32 🎯 第三大步驟：設定 WordPress 網站
22:36 🔹 步驟 1：DNS 設定
26:06 🔹 步驟 2：安裝 SSL 憑證
27:40 🔹 步驟 3：登入正式域名的網站後台
29:50 🔹 步驟 4：WordPress 基本設定
31:44 🎯 本集回顧與下集預告
32:21 🐾 《WordPress 購物網站架設教學》第 3 集 匯入購物車模板
33:17 🎯 步驟 1：安裝 Blocksy 主題
35:35 🎯 步驟 2：匯入模板網站
40:24 🎯 步驟 3：新增文章與頁面
43:12 🎯 步驟 4：修改與翻譯模板網站
50:16 🎯 本集回顧與下集預告
50:43 🐾 《WordPress 購物網站架設教學》第 4 集 設定購物網站
51:42 🎯 步驟 1：更換收款貨幣
52:30 🎯 步驟 2：加入實體商品 / 數位服務
57:50 🎯 步驟 3：修改結帳頁面
59:47 🎯 步驟 4：設定自動計算稅金功能
01:01:09 🎯 步驟 5：設定會員帳號功能
01:02:26 🎯 步驟 6：製作優惠券 / 折扣碼
01:03:30 🎯 步驟 7：設定自動寄出 Email 訂單通知
01:09:51 🎯 本集回顧與下集預告
01:10:38 🐾 《WordPress 購物網站架設教學》第 5 集 設計網站外觀
01:11:24 🎯 Blocksy 主題自訂器 vs Elementor 頁面編輯器
01:13:34 🎯 步驟 1：自訂頁首設計
01:21:27 🎯 步驟 2：自訂首頁設計
01:27:13 🎯 步驟 3：自訂商店設計
01:32:13 🎯 步驟 4：自訂頁尾設計
01:33:40 🎯 諾特斯的經驗分享
01:34:35 🎯 本集回顧 / 下集預告
01:34:57 🐾 《WordPress 購物網站架設教學》第 6 集 金流與物流
01:38:34 🎯 步驟 1：串接綠界金流與物流
01:41:01 🎯 步驟 2：自訂金流
01:43:12 🎯 步驟 3：自訂物流
01:45:56 🎯 步驟 4：測試訂單
01:52:41 🎯 影片結尾

希望章節重點與標示能幫助你快速了解影片架構，有效率地獲取想知道的資訊！

✨ 相關連結
《WordPress 購物網站架設教學》系列影片
→ https://www.youtube.com/playli....st?list=PLNqRmf2dEl2

⭐ 範例購物網站：諾特斯家具
→ https://notesstorepro.com/

⭐ Cloudways 主機
(前 2 個月 7 折｜折扣碼：NOTES)
→ https://notesstartup.com/cloudways

⭐ Namecheap 域名
→ https://notesstartup.com/namecheap

⭐ 姓名中譯英系統
→ https://notesstartup.com/name

⭐ 地址中譯英系統
→ https://notesstartup.com/address

⭐ 諾特斯網站
(使用 Cloudways 的 DigitalOcean 主機)
→ https://notesstartup.com/

⭐ DNS 是什麼？(未來發佈)

⭐ SSL 是什麼？(未來發佈)

⭐ Blocksy 主題
→ https://notesstartup.com/blocksy

⭐ 如何製作網站 (免費教學課程) ⚡｜用 Cloudways 主機架設超高速的 WordPress 部落格 / 個人網站
→ https://youtu.be/mxyJyQlnTJI

⭐️ 註冊 Brevo (舊稱：Sendinblue) - Email 自動化服務
→ https://notesstartup.com/brevo

⭐️ Brevo (舊稱：Sendinblue) 評價｜比 Mailchimp 更好的免費 WordPress 訂閱電子報/表單/Email 自動化系統
→ https://notesstartup.com/sendinblue-review/

⭐️ Brevo (舊稱：Sendinblue) 帳戶被暫時停用怎麼辦？
→ https://notesstartup.com/sendinblue-account-suspension/

⭐️ Brevo + WP Mail SMTP 出現錯誤訊息要如何解決？
→ https://notesstartup.com/brevo-wp-mail-smtp-error/

⭐️ 註冊 Canva 帳號
→ https://notesstartup.com/canva

⭐️ 使用 Canva 製作 Logo 教學
→ https://youtu.be/n_hbQmT8KZM?t=660

⭐️ 綠界測試特店資料
→ https://developers.ecpay.com.tw/?p=7398

⭐️ 綠界測試信用卡資料
→ https://developers.ecpay.com.tw/?p=2856

⭐️ 超商代碼 / 條碼：綠界消費者付款問題
→ https://support.ecpay.com.tw/payment_...

⭐️ 綠界測試後台
→ https://vendor-stage.ecpay.com.tw/Use...

⭐️ 註冊綠界正式帳號
→ https://www.ecpay.com.tw/

🚩 製作團隊
內容企劃、內容錄製：諾特斯
動畫製作、剪輯後製：蚊子

📚 參考資料
(參考資料字數太多，超過 YouTube 說明欄限制，我把它發佈到單獨網頁)
→ https://notesstartup.com/ecommerce-website-reference/


🌐 官方網站
網站架設：https://notesstartup.com/
手繪動畫：https://notesscribe.com/

🙌 觀眾許願池
→ https://notesstartup.com/wishing-well/

👍 諾特斯好評瀑布
→ https://notesstartup.com/notes-review/

☕️ 聯盟計畫聲明
諾特斯有參與部分軟體/工具廠商的聯盟計畫。如果你透過我提供的連結購買，我就能夠獲得收益。這不會對你造成額外的費用，而且可以支持我繼續製作更多能幫助到大家的免費影片。此外，部分軟體/工具有諾特斯觀眾的專屬優惠折扣，希望這也對你有幫助。

我希望透過公開這些資訊，讓我們之間更透明，加深我們的信賴關係。我只會推薦我真心覺得優質的軟體/工具。如果真的有購買的需求，歡迎利用我提供的連結購買，非常感謝你的支持！

💌 聯絡資訊
網站表單：https://notesstartup.com/contact/
Facebook：諾特斯 https://www.facebook.com/NotesStartup/
Instagram：notesstartup https://www.instagram.com/notesstartup/
Email：support@notesstartup.com

👍 支持諾特斯
→ https://notesstartup.com/support-notes/