之前，已經(jīng)寫過兩篇電商入門的文章，第一篇是讓大家從線下到線上對(duì)比以期了解電商的基本知識(shí)，第二篇分析了電商網(wǎng)站的靈魂——購(gòu)物車（別怪我隱藏了另外一個(gè)的靈魂——搜索，要吃透、說透搜索功能，真心不是一日之功，各位一定要等我~），今天這篇文章將講述一下電商網(wǎng)站的主元素：各頻道、專題頁等等的配置發(fā)布后臺(tái)——CMS。

CMS（Content Management System），顧名思義，即內(nèi)容管理系統(tǒng)。各大新聞網(wǎng)站、電商平臺(tái)、個(gè)人博客等等都可以采用CMS進(jìn)行建站，但是今天僅說CMS在電商領(lǐng)域中的應(yīng)用，CMS在電商領(lǐng)域主要是解決一次開發(fā)，靈活運(yùn)營(yíng)的問題（動(dòng)態(tài)配置C端頁面）。

1、CMS之關(guān)于“千人千面”的猜想

京東、淘寶C端絕大部分頁面也可以看成是由一個(gè)大型的CMS配置生成。在我看來CMS的核心只有兩點(diǎn)：內(nèi)容創(chuàng)建和內(nèi)容發(fā)布，簡(jiǎn)單來說就是按照一定規(guī)則創(chuàng)建一條內(nèi)容，然后發(fā)布到指定位置的過程。

在電商發(fā)展初期，沒有用戶數(shù)據(jù)積累，用戶標(biāo)簽體系（用戶畫像）沒有建立起來的時(shí)候，CMS相對(duì)簡(jiǎn)單，內(nèi)容創(chuàng)建靠運(yùn)營(yíng)手工填入、手動(dòng)發(fā)布；而在當(dāng)下，像京東、淘寶這種大型電商平臺(tái)，我估計(jì)CMS應(yīng)該對(duì)接了素材中心（后臺(tái)商品中心、營(yíng)銷中心、廣告中心等）、大數(shù)據(jù)分析中心（用戶標(biāo)簽體系、用戶行為數(shù)據(jù)等 [會(huì)員中心]），通過CMS與素材、數(shù)據(jù)中心連接就能實(shí)現(xiàn)自動(dòng)生成前臺(tái)頻道等頁面，做到千人千面，讓不同類型的用戶看到不同內(nèi)容的首頁。

我從產(chǎn)品的角度畫了一個(gè)“千人千面”大致實(shí)現(xiàn)流程，如果有紕漏，請(qǐng)讀者們指正。

上文說CMS最核心的兩部分是內(nèi)容創(chuàng)建和內(nèi)容發(fā)布。如上圖，在這個(gè)猜想中，當(dāng)決定用機(jī)器取代人工時(shí)，就必須要解決自動(dòng)創(chuàng)建內(nèi)容的問題，也即解決這兩個(gè)問題：①內(nèi)容選取標(biāo)準(zhǔn)是什么？（大數(shù)據(jù)分析中心）②內(nèi)容從哪兒來？（素材中心）

以上僅是我的一個(gè)猜想，希望大家辯證的去看這個(gè)問題。另外，想補(bǔ)充一點(diǎn)是在絕大部分應(yīng)用場(chǎng)景下，CMS經(jīng)過二次開發(fā)之后已經(jīng)不是傳統(tǒng)意義上的CMS了（經(jīng)典的CMS比如WordPress、帝國(guó)等等），大家只要記住上文說的這句話：CMS最核心的兩部分是內(nèi)容創(chuàng)建和內(nèi)容發(fā)布。

下面開始進(jìn)入正題，會(huì)有這么幾個(gè)方面的內(nèi)容：

1. 從業(yè)務(wù)流程角度，看電商CMS如何動(dòng)態(tài)化配置前臺(tái)頁面；
2. 抽象出電商CMS的頁面動(dòng)態(tài)化配置邏輯；
3. 電商網(wǎng)站有哪些元素可動(dòng)態(tài)化配置。

補(bǔ)充說明下，本文不會(huì)在按鈕功能操作這種顆粒度上進(jìn)行分析，我想一個(gè)產(chǎn)品最重要的是思路和業(yè)務(wù)流程分析，功能操作只是幫助業(yè)務(wù)流程順利流轉(zhuǎn)。舉個(gè)例子：在售后系統(tǒng)中，用戶退貨時(shí)，倉(cāng)庫(kù)管理員必須有一個(gè)‘驗(yàn)貨’的按鈕操作，當(dāng)倉(cāng)庫(kù)管理員確定驗(yàn)貨通過后，才會(huì)有之后的退款步驟。

2、CMS如何動(dòng)態(tài)化配置前臺(tái)頁面

寫這一部分之前，先給大家看一看電商CMS究竟在解決一個(gè)什么樣的問題，看下圖：

這張圖看起來很抽象，但是不妨礙理解，建議去看一些電商網(wǎng)站幫助腦補(bǔ)一下。這張圖里其實(shí)涵蓋了很多內(nèi)容，比如說樓層模板（或者叫組件，想想拼圖，一個(gè)完整的圖由很多組件組成，一個(gè)網(wǎng)站也是由很多組件拼湊而成的，CMS其實(shí)就是一個(gè)拼合組件并發(fā)布出去的工廠）。需要提醒的是大家不要被這一個(gè)案例圖給局限了思維，CMS可動(dòng)態(tài)化配置的內(nèi)容遠(yuǎn)遠(yuǎn)不止于此，第5部分將有相關(guān)介紹。

那么，回到問題本身，利用CMS，運(yùn)營(yíng)想要在樓層A之前增加一個(gè)樓層C，這里面涉及到幾個(gè)問題呢？

1. 運(yùn)營(yíng)想強(qiáng)推的商品是什么？（不同的商品，需要突出的重點(diǎn)信息不一樣，選擇的模板也不一樣）
2. 運(yùn)營(yíng)選擇什么樣的模板？（有多樣的模板供選擇，這里自然牽扯出了CMS中有一個(gè)模板庫(kù)的概念，模板越多運(yùn)營(yíng)起來越靈活）
3. 運(yùn)營(yíng)如何把數(shù)據(jù)錄入模板當(dāng)中？
4. 運(yùn)營(yíng)如何將創(chuàng)建好的內(nèi)容發(fā)布到前臺(tái)網(wǎng)站？（中間一般還需要分多重角色，運(yùn)營(yíng)專員負(fù)責(zé)數(shù)據(jù)錄入，審核專員負(fù)責(zé)審核發(fā)布，這里會(huì)牽扯到數(shù)據(jù)權(quán)限的一些概念，不多說了，電商后臺(tái)數(shù)據(jù)操作權(quán)限界定，是非常重要的一個(gè)點(diǎn)，三言兩語說不清楚，大家感興趣可以自行去了解一下）。

從這四個(gè)問題中可以抽象出這么一個(gè)工作流程：選擇模板》數(shù)據(jù)錄入（》內(nèi)容審核）》內(nèi)容發(fā)布

關(guān)于內(nèi)容發(fā)布先多說一點(diǎn)，內(nèi)容發(fā)布有一個(gè)點(diǎn)是將內(nèi)容發(fā)布到哪兒？可以是同一個(gè)端（PC、APP、H5端等）的不同頁面（涉及到模板復(fù)用的概念，這可以幫助運(yùn)營(yíng)減輕很多工作量）；也可以是不同端，比如我在APP上用了一個(gè)模板，能不能直接復(fù)用到H5上去呢？在初創(chuàng)公司里，更多的應(yīng)該去考慮這些問題，因?yàn)槌鮿?chuàng)公司就沒有太多的運(yùn)營(yíng)團(tuán)隊(duì)，不同端分開運(yùn)營(yíng)成本太高了。這種方案默認(rèn)一個(gè)樓層只有一個(gè)模板，因此而忽略了位置這個(gè)概念（因?yàn)樵谶@里位置 = 樓層）。當(dāng)然，還需要設(shè)置模板的順序（一般用阿拉伯?dāng)?shù)字大小排序），這個(gè)順序決定了它在前臺(tái)展示在第幾個(gè)樓層。

淘寶店鋪裝修（它是一個(gè)典型的電商CMS）就強(qiáng)調(diào)了位置這個(gè)概念，可以看看下圖紅框強(qiáng)調(diào)的部分：

看得出有這幾個(gè)概念：頁面總寬度、容器寬度（位置）、頁面總寬度 = 容器寬度1 + 容器寬度2 + ……

之后的內(nèi)容就統(tǒng)一按照方案1的模式，默認(rèn)一個(gè)樓層一個(gè)模板描述。另外，大家感興趣可以注冊(cè)一個(gè)淘寶店鋪，如果你是初創(chuàng)電商公司，在淘寶店鋪CMS的基礎(chǔ)上做減法就夠了（模塊拖拽的方式也可以暫時(shí)繞過）。

3、電商CMS頁面的動(dòng)態(tài)化配置邏輯

第3部分實(shí)際上已經(jīng)抽象出了電商CMS的業(yè)務(wù)流程：選擇模板》數(shù)據(jù)錄入（》內(nèi)容審核）》內(nèi)容發(fā)布

用電商首頁來舉例，一個(gè)電商首頁的構(gòu)成大致如下圖所示：

整站分類列表在我看來是一個(gè)掛件，它一般懸浮在輪播圖上方（頁面左側(cè)）。我們繞過這些寫死的頁頭、頁尾以及掛件一般的分類列表，現(xiàn)在只說樓層這一部分。接下來，假設(shè)把首頁簡(jiǎn)化成是由多個(gè)樓層構(gòu)成，首頁動(dòng)態(tài)化配置邏輯大致如下所示：

需要多說一點(diǎn)的是，由首頁配置的模式可以推及更多頁面的配置模式，套路都是一樣的。從上圖也可以看出來，關(guān)于CMS，一直沒有脫離上文說的：CMS最核心的兩部分是內(nèi)容創(chuàng)建和內(nèi)容發(fā)布。

在第1部分，也提到CMS在電商領(lǐng)域主要是解決一次開發(fā)，靈活運(yùn)營(yíng)的問題，到這里相信大家也可以看出來了，利用CMS搭建一個(gè)電商網(wǎng)站的好處是運(yùn)營(yíng)不需要因?yàn)橄胄掳l(fā)布一個(gè)營(yíng)銷頁面來爭(zhēng)取開發(fā)資源，而開發(fā)只需要不斷的造模板去滿足運(yùn)營(yíng)需求，至于產(chǎn)品呢？產(chǎn)品就需要考慮電商網(wǎng)站的靈活性問題，怎么最大化讓所有位置都成為可配置？這可能是產(chǎn)品經(jīng)理需要考慮的產(chǎn)品迭代方向。（當(dāng)然，創(chuàng)新營(yíng)銷玩法也是電商產(chǎn)品需要不斷思考的問題。）

那么，怎么最大化讓所有位置（場(chǎng)景）都成為動(dòng)態(tài)化配置的呢？

4、CMS可配置的電商網(wǎng)站元素

第4部分最后一個(gè)問題，其實(shí)應(yīng)該改成如果CMS是一個(gè)C端頁面展現(xiàn)的最終輸出口，那么應(yīng)該控制哪些元素的輸出？舉個(gè)例子，商品詳情頁有一個(gè)商品參數(shù)，先看看下圖（其實(shí)用3C舉例更好些哈，大家研究的時(shí)候，去研究3C吧~）：

鞋這個(gè)分類的商品可能有多個(gè)商品參數(shù)（導(dǎo)致需要折疊），那么優(yōu)先展示哪些參數(shù)呢？另外，后臺(tái)對(duì)于鞋的描述可能字段（參數(shù)）更多，那么哪些字段（參數(shù)）可以輸出呢？不同分類的商品展示字段也不一樣，是不是需要分類進(jìn)行配置展示呢？

以上的例子，也歸屬于CMS動(dòng)態(tài)化配置的范疇，這和用戶體驗(yàn)相關(guān)啊，試想產(chǎn)品設(shè)計(jì)時(shí)，把這個(gè)商品有關(guān)的全部字段都吐出來，用戶不會(huì)懵圈么？

舉這個(gè)例子只是為了說明一下，CMS的動(dòng)態(tài)化配置不僅僅只是局限于頻道頁（特別是首頁）以及活動(dòng)專題頁這些。

本來想在這一部分畫一個(gè)腦圖，苦思之后發(fā)現(xiàn)還是脫離不了第4部分，首頁構(gòu)成那種形式，所以也就不畫了得了，第5部分也就寫到這里。

如果，大家還有什么疑問或者想要我系統(tǒng)補(bǔ)充的，歡迎大家留言我，也歡迎大家和我一起交流。

電商靠運(yùn)營(yíng)，運(yùn)營(yíng)靠多樣化的模板庫(kù)，CMS看來是電商平臺(tái)不可或缺的系統(tǒng)了。

相關(guān)閱讀

入門電商，先從線下到線上說起
電商入門（2）：購(gòu)物車功能要點(diǎn)和背后邏輯
 

作者：QJQ，微信公眾號(hào)：倔牛的人生

本文由 @QJQ 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。

題圖來自 Pixabay，基于 CC0 協(xié)議