架設電商網站不求人，教你使用最強AI-Dorik
☰ 目錄 table-of-contents.md
用 Dorik 架電商網站：一篇看懂從建站到上線的完整流程
想自己架電商網站，但不會寫程式？Dorik 是一款 AI 輔助、區塊式的架站工具，從選模板、編輯首頁、設定全站樣式到一鍵發布，全程不需要碰原始碼。本文用實際操作順序，手把手帶你走過建立網站的每一步，並誠實說明它的限制——它擅長快速生成「靜態網站」，電商功能則靠串接 Shopify、PayPal 等第三方平台來補足。
如果你還沒看過 Dorik 的功能總覽，建議先讀上一篇「超強AI網站架設工具「Dorik」 一分鐘生成網站」，再回來跟著本文動手實作。
開始前：先註冊帳戶、認識控制台
第一步前往 Dorik 官方網站，註冊免費帳戶，或依需求選擇付費方案。完成註冊並登入後，會進入個人控制台（Dashboard），這裡是你管理所有專案的地方——之後不論建立幾個網站，都從這裡進出。
第一步：選模板、建立網站
在控制台點擊「Create New Site」（建立新網站）。Dorik 提供多種類型的模板，例如作品集、部落格、電商網站等。本教學示範的是甜點電商模板。選好模板後，點擊「Create Static Site」（建立靜態網站）即可進入編輯器。
這裡先建立一個重要觀念：從模板出發，等於先拿到一個專業設計過的版型，你要做的是「替換內容」而不是「從零排版」，這也是無程式碼工具能讓新手快速產出成品的關鍵。
認識編輯器版面
進入 Dorik 編輯器後，畫面分成三個區域，先記住它們的位置，後面操作會順很多：
- 左側主選單：建站的所有工具和元素都在這裡，包含新增元素、頁面管理、全站設定等。
- 右側即時預覽：你的每一個改動都會即時呈現，所見即所得。
- 頂部裝置切換：可在電腦、平板、手機視圖間切換，用來確認網站在各種裝置上的顯示效果——這一步很重要，因為多數訪客其實是用手機瀏覽。
第二步：自訂首頁內容
Dorik 採用區塊式（block-based）系統：頁面由一個個區塊堆疊而成，你點擊任一元素就會跳出編輯選單。常見的編輯動作如下：
- 文字：點擊文字區塊，可更改文字內容、字型、大小、顏色與對齊方式。
- 圖片：點擊圖片可替換圖片、添加替代文字（alt），或調整大小和位置。提醒一點，替代文字不只是無障礙設計，也有助於圖片在搜尋引擎中被理解。
- 新增區塊：點擊左側選單的「Add Element」（新增元素），會看到預設區塊，例如標題、頁尾、客戶推薦、作品或產品展示區，直接拖放到頁面中即可。
- 展示項目：要新增一個展示區，同樣點「Add Elements」，從清單拖入標題與文字，再點擊編輯，調整文字、字型大小和顏色。
設定全站樣式，讓每一頁風格一致
內容做好後，別忘了統一風格。點擊左側設定圖標，可以設定網站的小圖標（favicon）、SEO 設定、社交媒體連結等；在全域樣式（Global Style）中，選擇網站的主要字型和配色方案。在這裡一次設定好字型與配色，所有頁面會自動套用，避免每頁手動調整造成風格不一致。
需要進階自訂？用 Custom Code 嵌入程式碼
如果你需要更進一步的客製化，Dorik 也支援自訂代碼。點擊設定圖標後進入「Custom Code」（自訂代碼），即可加入 HTML、CSS 或 JavaScript，常見用途是嵌入分析工具或追蹤碼，例如把第三方分析腳本貼進去：
<!-- 在 Custom Code 中貼入第三方分析或追蹤腳本 -->
<script>
// 你的分析工具提供的追蹤程式碼
</script>這個入口讓無程式碼工具保留了一條「給懂技術的人」的後路：絕大多數操作用拖放完成，真的需要客製時再用程式碼補強。
網站的安全與維運：Dorik 幫你顧了什麼？
架好網站不是結束，安全與維運同樣重要。Dorik 在這方面有幾項內建保障：
- 自動備份：Dorik 會自動備份你的網站，降低資料遺失的風險。
- SSL 與資料加密：所有網站都包含 SSL 憑證，確保你與訪客之間的資料傳輸都受到加密保護。
- 定期更新：平台會定期更新並套用安全修補程式，這是託管式（平台代管）服務的優勢——維護工作由平台負責，你不必自己處理伺服器層級的修補。
多語言網站支援
如果你的網站面向全球用戶，Dorik 能為每種語言建立單獨的頁面版本，每個語言版本可以有不同的內容和設定，讓各地區用戶獲得最合適的瀏覽體驗。
與外部工具整合
Dorik 支援與外部工具整合，例如 Google Analytics、MailChimp 和 Zia。設定方式是前往「Integrations」（整合），依指示完成串接即可。這讓你能把訪客數據、電子郵件名單等串到既有的行銷工具裡。
Dorik 能做電商嗎？關鍵觀念要先說清楚
這是很多人最在意的問題，答案要分兩半看：Dorik 本身沒有內建的電子商務系統，但它支援透過第三方整合來加上線上商店功能。換句話說，你可以連結 Shopify 或 PayPal 等平台來銷售商品或服務，由這些專業電商平台負責金流、商品與訂單管理，Dorik 則負責前台呈現。
對只需要「商品展示頁＋導購連結＋付款」的賣家來說，這個模式輕便又夠用；但若你需要深度客製的購物車邏輯或會員系統，就要評估第三方平台是否能滿足。
用 Dorik 快速生成部落格
除了電商，Dorik 的部落格模板設計美觀、方便閱讀，很適合用來經營內容。建立流程如下：
- 點擊左側選單的「Pages」（頁面），新增一個名為「Blog」的頁面。
- 在部落格頁面中，點擊藍色加號「Add New Section」（新增區段），選擇符合需求的區段類型。
- 新增區段後，再次點擊藍色加號，加入元素，例如文字區塊或圖片；左側會顯示對應選項，可依需求自訂設計。
- 編輯文章時，點擊集合清單中的文章，直接編輯字段內容即可。
別漏掉每篇文章的 SEO 設定，它能幫助優化每篇內容，讓搜尋引擎更容易找到，進而吸引更多訪客。內容經營是一條長線投資，從第一篇就把標題、描述等基本 SEO 欄位填好，是最划算的習慣。
第三步：發布網站上線
當設計大致完成，就可以準備發布。點擊右上角的「Publish」（發布）按鈕，你可以選擇使用 Dorik 的子域名，或連結自己的自訂域名（若你已有域名），接著依步驟完成設定，網站就會正式上線。
遇到問題時，點擊左下角的「Help」（幫助）圖標，即可查看教程、常見問題解答（FAQs）或聯絡支援團隊。
Dorik 定價方案怎麼選？
Dorik 的定價相當靈活，從個人、初創公司到大型企業都能找到合適的方案。以下整理各方案的定位與重點功能：
| 方案 | 價格 | 適合對象 | 重點功能 |
|---|---|---|---|
| 免費方案 | 免費 | 剛起步、想探索平台的人 | 於 Dorik 子域名建立一個網站、基本主機、免費 SSL、部分預設模板 |
| 個人方案 | 每月 $18 美元 | 個人與小型企業 | 免費方案全部功能，外加自訂域名、代碼導出、更多高級模板、表單、定制腳本與電子郵件行銷工具整合（僅支援一個網站） |
| 商業方案 | 每月 $39 美元 | 成長型企業與初創公司 | 個人方案全部功能，支援 3 到 10 個自訂域名、CMS 與部落格主機、團隊協作工具、更多儲存空間與頻寬 |
| 代理方案 | — | 大型企業、管理多客戶網站的代理商 | 商業方案全部功能，最多支援 10 個網站，提供白標選項、客戶管理工具與優先支援服務 |
該不該用 Dorik？優點與限制總整理
總而言之，Dorik 憑藉彈性的定價與直覺的操作，讓使用者能快速建立靜態網站，適合個人、小型企業與大型企業。但在功能與架構上，有幾項限制務必先評估：
- 不提供原始碼存取：對需要高度自訂的開發者可能造成困擾。
- 主機綁定平台：網站託管在 Dorik 平台上，可控性與可攜性相對降低。
- 僅支援靜態網頁：無法滿足需要伺服器端動態邏輯的需求（電商等動態功能要靠第三方整合補足）。
結論很清楚：如果你只需要一個外觀專業、上線快速的基本網站，Dorik 是高性價比的選擇；但若你需要深度客製化、資料庫驅動的動態功能或完整的內容自動化能力，就應該評估其他解決方案。許多企業會選擇以 WordPress 為核心，再搭配 AI 與自動化工具，換取更高的可控性與擴充彈性。
更多 AI 架站工具延伸閱讀：《AI建站神器！2024最新6款自動生成網站工具推薦》
浪花科技一條龍服務
希望這份指南能幫助您順利使用 Dorik 建立出色的網站！如果有任何疑問，或有架網站需求，請立即聯繫我們。
延伸閱讀
常見問題
用 Dorik 架設網站的基本流程是什麼？
Dorik 可以做電商網站嗎？
Dorik 在網站安全與維運上提供哪些保障？
Dorik 有哪些主要限制？
訂閱免費電子報
把 AI 自動化、企業系統設計與 WordPress / Laravel 開發的真實案例和可直接照做的技巧，整理成電子報寄給你。只寄精選內容、不灌垃圾信，一鍵就能退訂。