Shopify AI運用客製化功能上線｜讓不會寫程式的你也能打造專屬網站設計
目錄
前言：Shopify新功能
最近在幫客戶調整 Shopify 網站時，發現了一個讓人眼睛一亮的新功能。如果在系統預設的版面找不到適合的版型，想要更客製化的呈現，但又不想（或不會）寫程式碼，那這個功能你一定要試試看！
Shopify現在可以用 AI幫你生成客製化區塊了！你只要用文字描述你想要的功能，AI就會自動幫你寫好程式碼並產出區塊。聽起來很神奇吧？讓我分享一下實際使用的心得。
功能介紹：用「許願」的方式做網站
這個功能的邏輯有點像是跟 ChatGPT 對話，告訴 Shopify的 AI你想要什麼樣的呈現效果，它就會幫你生成對應的程式碼和區塊。
最吸引我的三個特點：
- 不需要程式背景 – 用自然語言描述需求就好
- 可以分別設定桌機版和手機版 – 許願的時候可以讓AI針對不同裝置設計
- 立即預覽效果 – 生成後馬上可以看到實際樣子，當下也可以繼續修改調整
實際操作步驟
步驟 1：進入佈置後台
登入你的 Shopify後台，進入「佈景主題」的編輯模式。
步驟 2：選擇要客製化的頁面
打開你想要加入客製化區塊的頁面，可以是首頁、產品頁或任何其他頁面。
步驟 3：找到 AI生成按鈕
在新增區塊的視窗中，會看到一個「Generate with AI」（AI生成）的按鈕。
步驟 4：開始「許願」
許願開始，盡可能用文字描述你想要的功能，例如：
範例描述：
- 「我想要一個三欄式的產品展示區塊，每個產品顯示圖片、標題和價格」
- 「製作一個橫向滾動的品牌故事區塊，包含圖片和文字說明」
- 「創建一個客戶評價輪播，每次顯示三則評價」
小技巧： 你可以針對桌機版和手機版分別下不同的「咒語」，讓 AI為不同裝置做適配設計。例如桌機顯示四欄，手機顯示兩欄。
實測心得：好用但有些小限制
這次下咒語的經驗，分享一些實際使用的心得和遇到的狀況：
優點部分：
真的很方便
對於不會寫程式的店家來說，這個功能大大降低了客製化的門檻。以前可能要花錢請工程師做的東西，現在自己動手就能完成。
反應速度不錯
AI需要一點時間生成，但也不會太久，也可以針對版型再做修改，靈活度很高。
限制與需要注意的地方：
1. 與內建模組有差異
我用 AI生成了一個產品列表（Product Grid），發現它跟 Shopify內建的 Product Grid 在功能和設定上還是有些差異。內建的模組通常有更完整的設定選項，而 AI生成的版本相對陽春一些，可能咒語要下得更加仔細。
2. 跨頁面使用比較麻煩
起初 AI生成的模組只能在當下那個頁面使用，如果想在其他頁面用同樣的模組，需要重新生成。 10/1發現更新！此bug已解決，在其他分頁也可以叫出過去用AI寫的模板。
變通方法：
我發現一個小技巧 - 在其他分頁叫出 AI，隨便寫一個程式碼後，就可以選擇之前已經生成過的程式碼來使用。雖然有點迂迴，但至少能解決問題。
3. 一次要到位
這個比較麻煩。AI模組只有在第一次製作時可以修改，生成完畢後就無法再調整了。這意味著你需要在一開始就把需求描述得很清楚，不然之後想改就要重新生成。
10月最新更新：大幅改善使用體驗！
就在剛剛發現，Shopify終於解決了前面提到的跨頁面使用問題！
AI生成的區塊已經可以在所有頁面使用了！
怎麼找到之前生成的區塊？
在區塊選擇畫面中，拉到最底下，就會看到「AI Generated Sections」（AI生成的區塊）分類，裡面有你過去所有用 AI生成的區塊，直接點選就能使用。
這個更新真的讓整個功能實用性大增！
但一樣的是，目前還無法針對過往生成的程式碼再叫出AI做修改，只能一次定江山。
給想嘗試的你一些建議
如果你也想試試這個功能，這裡有幾個小提醒：
1. 從簡單的開始
程式小白請先從簡單的排版調整開始練習，高手應該可以玩得很開心！
2. 描述要具體
越完整、具體的描述，AI生成的結果越接近你的期待。可以多試幾次，找到適合的描述方式。
3. 善用預覽功能
生成後記得在桌機和手機版都預覽一下，確保兩種裝置的呈現都符合需求。
結語
整體來說，我對這次 Shopify新功能的更新感到非常滿意，讓店家有更多可能性去實現自己對網站的想像。
雖然功能還是有些限制，但對於沒有程式背景的店家來說，這真的是一個很大的突破。以前可能需要花時間、花錢請工程師做的客製化功能，現在自己動手就能完成基本版本。
當然，它不會取代專業的客製化開發，複雜的功能還是需要工程師處理。但對於日常的小調整、快速測試想法，或是預算有限的情況，這個功能真的幫了大忙。
