別再讓改文案等工程師兩週：Webflow 把組件塞進文章裡，到底解決了什麼？

週五下午三點，行銷團隊想在官網熱門文章裡加一個週末快閃折扣按鈕。

他們去敲工程師的 Slack。工程師看了一眼，回了一句：「這週排程滿了，下週二 Sprint 會議再評估。」

等按鈕真的出現在網頁上，已經是十天後的事情。快閃活動過了，廣告費也花得差不多了。

這不是誰工作不認真。在絕大多數公司裡，行銷和工程每天都在這件事上互相折磨。行銷覺得改個字、加張卡片不過幾分鐘的事，工程師卻覺得「你們根本不知道隨便動線上頁面有多容易出事」。

大家卡在中間，動彈不得。

過去十年，所有網站後台都在走這兩個極端

如果你管過官網，這兩種崩潰你一定經歷過其中一種。

第一種叫「行銷自由，但網站完蛋」。
後台編輯器給了滿滿的按鈕，可以選字體、換顏色、調行距，甚至能自己貼 HTML。剛上線時大家都很開心，但半年過去，你打開手機看官網，會發現首頁有三種不同的藍色、四種圓角，滑到某些頁面還會莫名其妙往右邊飄出白邊。全站樣式徹底失控。

第二種叫「天下太平，但行銷想哭」。
工程師被第一種情況嚇怕了，下次改版索性把所有東西寫死。標題只能填一欄，內文只能填一欄，字體大小不能動，位置不能挪。頁面確實不會壞，但行銷只要想在文章中段加個客戶推薦語錄，或者做個特殊的產品對比表，系統就直接說「不行」。

這就是為什麼很多大公司的部落格看起來都很乾扁，只有純文字加一張置中圖片。不是行銷沒有創意，是系統不准他們有創意。

Webflow 這次更新，到底改了什麼？

最近 Webflow 讓你在富文字（Rich Text）裡直接放 Component（組件）。這聽起來很像普通的軟體更新，但對經營網站的人來說，這解決了一個老毛病。

以前如果你要在長文章裡放一張帶有按鈕的促銷卡片，通常得叫工程師寫死在模板裡，或者用自訂代碼硬塞。

現在的邏輯變了。設計師先在後台把整套品牌組件做好，比如一張好看的評價卡片、一個價格方案表、一個帶陰影的行動按鈕。

行銷在寫文章時，鍵盤敲一個 /，就能把這張卡片叫出來，塞在任何他想要的位置。

重點在於權限的劃分：

• 行銷可以在卡片裡改文案、換連結、挑要不要顯示頭像。
• 但按鈕的字體、間距、手機版怎麼自動縮小，完全由設計系統鎖定。

行銷想放哪就放哪，而且無論怎麼填，手機版絕對不會跑版。

真正懂架構的人，會注意這三個隱藏細節

把組件塞進文章裡看起來很簡單，但如果不注意細節，三個月後後台一樣會變垃圾場。

在實際規劃這種系統時，有幾件事一定要先想清楚：

1. 給行銷的控制項，越少越好

很多工程師在做組件時很熱心，把背景顏色、上下間距、文字大小全部做成選項開關給行銷調。

千萬別這麼做。人只要能選顏色，兩週後你的網站就會變成調色盤。

健康的組件只要給三個東西：文字改什麼、按鈕連去哪、開關要不要開（例如要不要顯示星級評分）。視覺上的所有東西，包括間距和陰影，一律鎖死在組件內部。限制越多，網站壽命越長。

2. 做好「字數爆炸」的防禦設計

設計師在 Figma 畫稿時，裡面的假字永遠都很漂亮：「John Doe」、「探索方案」。

但真實世界裡，行銷填進去的東西千奇百怪。客戶名字可能是一長串外商職稱，按鈕上的字可能是一句長達二十個字的活動標語。

如果組件底層沒做好彈性換行和最小寬度限制，文字一旦變長，旁邊的頭像就會被擠成橢圓形，或者按鈕直接爆出螢幕外。在做這些組件的第一天，就得拿最極端的長文案去測它會不會破版。

3. 一處修改，全站同步

這套做法最省錢的地方在於未來的維護。

假設公司兩年後品牌識別換了新主色，或者按鈕想要換成更俐落的微圓角。過去你得把過去發布的兩百篇文章一篇一篇點開重改。

在組件化架構下，設計師只要在最源頭的組件上把顏色改掉，發布那一秒，散落在全站幾百篇舊文章裡的那個按鈕，全部瞬間更新。

說到底，做網站不是為了炫技

一個網站好不好，不在於它用了多高深的技術名詞，而在於日常運作時順不順手。

如果每次想推個新企劃，行銷都要看工程師臉色；或者每次行銷動了後台，工程師都要熬夜擦屁股修跑版，那這個網站就算視覺做得再漂亮，也是個不及格的工具。

把技術的規則藏在背後，讓第一線做生意的人能隨手拿出合格的積木去打仗，這才是一個網站該有的樣子。