“在現實生活中，商店需要翻新; 電子商務也是如此。 有必要通過CMS系統完成“店鋪裝修” - 每列的設計和布局。

我寫了兩篇關于電子商務系統的文章。 文章，這是第三篇文章。 本文介紹了電子商務系統的店鋪裝修功能，店鋪裝修簡單就是頁面的動態配置。 例如，我們的應用程序主頁從上到下的布局如下：搜索欄，錄制地圖，標簽欄，廣告空間，產品推薦; 我們可以將設計原型交付給R＆D進行開發。

那么店鋪裝修的作用是什么？

店鋪裝修可以先改變頁面組件的布局，如標簽欄和廣告位的位置; 您可以增加或減少頁面的組件，您可以將優惠券組件添加到主頁，您也可以刪除輪播的組件; 您還可以定義不同的組件。 風格，旋轉木馬地圖可以選擇3或4，標簽欄可以選擇單行或多行。

可以看出，店鋪裝修的過程實際上就是我。 繪制原型的過程。 首先定義一個頁面，然后定義組件，設計組件的樣式; 最后生成頁面。 但是，店鋪裝修將此過程寫入系統程序。 修改后，系統成為修改后的系統。

同時，可以看出，店鋪裝修過程修改了系統代碼，這意味著技術要求相對較高。

實際上，店鋪裝修本身就是一個CMS系統，店鋪裝修它只是CMS系統在電子商務系統中應用的一部分。

首先，CMS系統與商店裝飾

CMS系統之間的關系稱為內容管理系統，適用于多個行業，CMS系統應用于電子商務行業。 它已成為一個商店裝飾。

讓我們看一下百度百科全書給出的定義：CMS是“內容管理系統”的縮寫，意思是“內容管理系統”。

內容管理系統是企業信息化建設和電子事務政府事務的新寵也是一個相對較新的市場。 對于內容管理，行業沒有統一的定義，不同的機構有不同的理解。 說內容管理系統行業沒有統一的標準，但我們知道它是管理內容; 而這個內容是放在電子商務系統中的各種頁面，電子商務系統的內容管理也稱為店鋪裝修，店鋪裝修的技術應用是CMS技術。

現階段，由于不同 產品和公司的不同需求，我們看到很多產品都有不同的店面裝修功能。 有些產品只能調整頁面組件的布局。 有些產品只能配置主頁。 高技術要求體現在以下事實：很多時候我們不能充分利用CMS系統，并且不同的產品由于不同的業務而具有不同的設計。

本文將總結店鋪裝修的設計方法和方法。 擁有一個好的方法可能不會讓我們立于不敗之地，但總比沒有好。

二，如何設計一個店鋪裝修

電子商務系統頁面的動態配置之所以稱為店鋪裝修，是因為這個功能類似于我們家的裝飾。 在介紹店鋪裝修之前，我們是第一家。 首先考慮如何裝飾房子：

1。 房子剛剛被很多房間所覆蓋，不同房間的裝修肯定不同 - 客廳需要放電視，測試需要上廁所，所以我們要選擇主頁。 一個好房間。

2。 當我們選擇一個好房間時，我們必須進行翻新。 在裝修之前，我們還是需要做一件事，就是買家具，買裝修材料，現在我們要去裝修廁所，我們需要準備廁所，垃圾桶，衛生紙。

3。 當我們準備上廁所時，我們必須考慮這樣一個問題：使用什么類型的廁所，最新的功能齊全的日式風格，或市場上的普通廁所，無論是金色馬桶還是銀色馬桶 ，也就是我們可以說我們可以有多種選項來裝飾物品。

電子商務系統的店鋪裝修功能實際上是翻新房子的過程，但房子已成為我們的產品，房間已成為一個頁面，裝飾物品是組件。

當我們裝修房子時，我們必須提前考慮我們需要的東西，然后再買回去裝飾它。 這也是最重要的一步。 房子的翻新有三個步驟：房子和房間是肯定的; 關鍵是準備什么物品，因為物品是買的，而且有各種物品，物品的價格決定了房子的奢侈品。

同樣對于電子商務商店的裝飾，準備組件也是最重要的一步，即定義組件的樣式和規則，將其寫入代碼，并在我們使用它時直接調用它。 因為您無法自己創建新組件，所以我們只能在系統的現有組件庫中選擇所需的組件。 我們可以自定義組件的樣式，不同的組件樣式有不同的規則。

那么什么是組件？ 組件是一個單元。 例如，輪播是一個組件，搜索是一個組件，一個產品是一個組件，每個組件都有很多樣式。

下面，我們根據裝修房子的過程來尋找店鋪裝修的過程和需要準備的東西。

1。 首先，我們要選擇要翻新的頁面，無論是主頁還是詳細頁面還是列表頁面等，每個頁面的布局布局肯定是不同的。

選擇頁面時需要考慮幾個問題：是否可以翻新每個頁面并翻新每個頁面？ 而這些是現有的頁面，我可以創建一個新的頁面進行裝飾，如果是新頁面，這個頁面不是系統的一部分，如何聯系系統。

2。 選擇頁面后，我們必須選擇布局和布局的組件。 以主頁為例。 在哪里搜索，放置旋轉木馬的位置以及放置廣告空間的位置是我們需要考慮的問題。

這是選擇組件，前提是我們有組件，這意味著我們需要在設計產品時為每個組件定義樣式和規則。 在將這些組件寫入系統后，我們可以調用這些組件。 。

3。 在我們完成布局布局之后，我們選擇了每個組件的樣式和配置信息。

例如，如果我們選擇旋轉木馬，我們會選擇幾個，三個或四個; 選擇樣式后，我們需要配置特定信息：我們要上傳圖像，然后設置圖像的鏈接。 這些組件單擊可以跳轉到其他頁面，不同組件需要配置的信息也不同，具體取決于組件本身。

摘要：需要事先定義組件定義規則; 裝飾分為三個步驟：選擇/創建頁面組件布局組件配置。

以下將重點介紹文章的主要內容，我將首先介紹不同組件的樣式和配置信息，然后介紹店鋪裝修過程的細節。

三，組件類型

組件類型的豐富程度決定了裝飾效果，組件越多，裝飾越可選。

例如，隨著產品的迭代和改進，常用組件將繼續增加。 設計人員將根據具體要求進行迭代，組件的定義也是包容性的。 許多東西可以定義為組件，粒度不固定，兩個函數可以用作組件，活動也可以用作組件。

常用組件形式：

頂部搜索欄，搜索欄，公告，產品組，業務組，輔助導航，列表導航，富文本，標題欄，引導線，輔助空白，按鈕組圖形，按鈕組文本 ，單張圖片，圖片旋轉木馬，圖片窗口，圖片展覽，圖標組，音頻播放器，優惠券。

這里是對組件配置的描述，系統仍在優化中，可能有一些你無法理解的功能。 但這不是重點。 關鍵是要了解設計的邏輯和方法，然后將其與您自己的經驗相結合，以總結您的知識。

組件的核心是配置組件樣式和信息，主要取決于我在文字中寫的內容。 配置信息，這些更重要，圖片中顯示的配置信息太復雜，有時有時不使用。

組件配置的復雜性也可以設計得很簡單，具體取決于具體需求。

3.1頂部搜索欄

頂部搜索欄嵌入在頂部導航欄中。 如果有更多頁面，則需要嵌入它以為頁面提供更多空間。

如果頁面內容不是太多，頂部導航欄只能顯示標題，頂部搜索欄固定在頂部; 當搜索欄點擊搜索區域時，您需要跳轉到單獨的搜索頁面和搜索結果頁面，搜索需要配置列的信息是：

是否添加按鈕：您可以選擇不 加; 如果在搜索欄的左側或右側選擇了添加按鈕，則需要上傳按鈕圖標和圖標顏色，即圖標的鏈接地址。 圖標也可以替換為圖片。 如果使用圖片，則無需設置背景顏色。 該按鈕可用于設置左按鈕或右按鈕。 搜索框背景顏色用戶搜索文本顏色搜索框樣式：直角，圓弧，圓角

3.2搜索欄

搜索欄類似于頂部搜索欄，區別在于頂部搜索欄固定在 top搜索欄的位置不固定，可以自由放置。 同樣，需要提前定義搜索頁面和搜索結果頁面。

3.3公告

公告類似于橫幅廣告。 通常，有必要在系統中包含產品，跳轉到文章詳細信息或自由設置鏈接。

3.4商品組

商品組是比較復雜的組件之一，因為對于電子商務系統來說，最重要的是商品，在電子商務系統中有兩種主要的商品展示形式： @]產品列表產品詳細信息是不可否認的，產品詳細信息是顯示產品信息的主要位置，用戶購買在很大程度上取決于產品詳細信息頁面的設計。 但在進入產品詳細信息頁面之前，首先要面對的是產品列表頁面。 產品列表頁面的質量決定了用戶進入詳細信息頁面的概率。 因此，配置時產品列表組件更復雜。 主要配置信息是：

列表樣式：單列顯示，雙列顯示，三列顯示，列表首次顯示（這主要是產品列表顯示形式）。 產品選擇：選擇商品可直接從產品清單中獲取，或按類別，產品組進入

3.5商家群

選擇商家：選擇商家類似于所選產品，可直接通過商家列表獲取， 或者可以分類獲取

3.6列表導航

列表導航在大多數情況下，個人中心使用的頁面是許多功能的玄關點，您需要編輯列表標題和鏈接地址。 您可以添加多個列表; 您還可以選擇不同的樣式，例如不添加圖標，也不添加“查看”提示文本。

3.7富文本

富文本編輯器使用不太多，主要用于一些引入偏差的地方。

3.8按鈕組圖形

按鈕組主要應用于主頁面，如家庭輪播地圖的底部，可以是多個類別的玄關，或子模塊的玄關; 定義每個按鈕的文本，上傳Icon，然后設置跳轉鏈接，可以設置多行。

3.9按鈕組文本

按鈕沒有圖標，主要應用場景是模塊下的功能類別，例如我的點數和點數下面的兌換記錄。

3.10單張圖片

單張大圖片組件，主要用于特殊事件的介紹頁面，通過鏈接進入特殊事件列表。

3.11 Image Carousel

Carousel圖像，用于每個主頁面，設置圖片數量，鏈接地址。

3.12優惠券

優惠券通常不是按照以下風格設計的，沒有實際意義。 通常，您可以使用圖片鏈接優惠券，或設計各種優惠券樣式，選擇不同的樣式，并在您選擇優惠券時自動填寫內容。

組件定義和設計的描述

組件的類型和樣式越多越好，但組件的配置越少越好，多樣性的豐富性決定了裝飾的靈活性。 但是，組件的配置置信度不應太高。 如果自動獲得，它可以自動獲得。 我上面提到的圖片只是被理解，因為許多配置信息是無用的，主要邏輯是理解CMS系統的邏輯。

店鋪裝修功能是一種營銷工具，對技術也有很高的要求。 現在基本上有兩種方法可以使用它：

對接第三方插件：這種方法方便快捷，不需要研究和開發。 缺點是功能邏輯復雜，不能具有良好的用戶體驗，不利于以后的迭代，也不能很適合公司的業務。 自主開發：這種方式的研發成本非常高，但優勢在于組件的風格和規則可以自己定義，極大地優化了用戶體驗和可操作性，但缺點仍然很高 成本。

四，店鋪裝修流程

店鋪裝修店是頁面的首選，然后配置組件信息。

4.1選擇頁面：哪些頁面需要裝飾？ 哪些頁面不需要翻新？

當我們開始裝修時，第一步是選擇要翻新的頁面。 理論上，所有頁面都可以翻新，但實際上我們不需要裝飾這么多頁面。 因為許多頁面的裝飾毫無意義，我們必須首先考慮哪些頁面需要翻新以及哪些頁面不需要翻新。 這對我們來說非常重要。

因為它直接影響研發成本和產品設計，例如一些相關頁面，個人中心頁面不需要翻新。 在我們定義那些需要翻新的頁面之前，我們需要考慮一下我們的工作。 商店裝修功能的最初想法是什么？ 我們開了一家店，為什么要裝飾呢？

因為漂亮的外觀可以吸引顧客，如果我們的內飾非常漂亮，那么顧客會覺得這個店鋪很好; 也就是說，我們店鋪裝修的初衷是為了營銷需求，我們的目的是向用戶展示他們想要看到的東西。

因此，在決定哪些頁面需要翻新之前，讓我們考慮哪些用戶來到我們的商店以及哪些頁面對用戶的購買至關重要。 因為裝修的目的是為了營銷，而營銷的目的是為了賺錢，賺錢并不取決于用戶是否購買，所以我們必須考慮購物中心的哪些頁面對于最終購買是至關重要的 用戶。

我們可以把自己置于思考當你在淘寶網購買東西時想要看到什么，想要看到一些你認為重要的信息，以及哪些信息對你的最終購買具有決定性作用; 你常常和哪些頁面聯系是好的，所謂的思維用戶場景。

首先是主頁，主頁是進入商城的用戶的第一頁和頁面。 這個頁面相當于商場的外觀 - 重要的頁面，沒有人，絕對沒有人。 主頁上有很多信息要顯示。 許多活動，包括主題玄關，都顯示在主頁上，因此主頁需要進行翻新。

我有時可能會在主頁上停留一段時間，看看我最近在做什么活動; 并且主頁的配置需要基于特定的營銷需求。 例如，節日即將舉辦一些特別活動，有新產品。 推薦到主頁。

在我們進入產品詳細信息頁面之前，我們有時需要一個頁面，即類別列表頁面。 此頁面僅用作頻道。 在一些小戶型商場系統中，底部導航欄是分類的，但實際上，稍微成熟的商城系統不會讓分類占據底部導航，因此分類頁面不需要翻新。

有人可能會說產品詳細信息頁面需要翻新。 我們來談談產品詳細信息頁面，這意味著產品的詳細信息。

是的，這個詞“信息”使用得很好，需要進行測試。

因為我們購買或不購買一件事取決于什么？

有些人說這是需求，但事實上它是毫無意義和夸大的。 這是一個非常廣泛的概念，無法指導我們做出具體決定。

雖然作為產品經理，我從不把需求放在嘴里。 需求在業界是常見的。 每個人都知道沒有必要反復解釋。 由于用戶來到詳細頁面，他肯定需要它; 即使他不來，他也有需要，即使他不需要淘寶，他也需要它。

你真的想買什么？ 這取決于對產品的理解程度，即對產品信息的理解程度。 如果我不得不花很多錢來決定買東西，我相信在我買之前我就知道這件事。

詳細頁面的核心信息有兩部分：產品信息介紹，產品評估，那么這些信息的顯示會有一些固定的格式，不能隨意改變。 如果細節頁面任意改變，將導致用戶干擾信息的獲取，從而影響用戶的最終購買;

進入商城，我們經常使用的一個組件是搜索功能，與從分類層看到的相比我們想要的產品，直接搜索似乎更方便，所有搜索結果頁面都需要翻新

購物車頁面也是我們經常使用的頁面，購物車也需要翻新，至于個人中心是不需要翻新的。

同時，針對特殊活動的需求，店鋪裝修需要支持自定義頁面，并將顯示頁面作為特殊產品使用。 當然，自定義頁面和特殊事件之間沒有必要的連接。 自定義頁面用于創建頁面，特殊事件。 顯示頁面也可以內置到模板中

4.1.1如何確定哪些頁面需要翻新，哪些頁面不需要裝飾

以確定哪些頁面需要裝飾。 我們可以從這些方面思考：

用戶聯系頻率：聯系頻率越高，我們需要裝飾的越多（家庭，購物車）。 用戶停留時間：用戶停留的時間越長，頁面需要翻新的越多（主頁）。 用戶點擊頻率：用戶點擊頁面的概率越高，需要的裝飾（搜索結果頁面）就越多。 4.1.2如何判斷哪些頁面不需要裝飾（不需要裝飾，更不用說不需要改變，迭代優化）

信息復雜頁面：這些頁面一般都有固定格式的用戶顯示信息（詳情頁面） ，個人中心）。 與產品關聯不強的頁面:(幫助，設置）。

4.2配置組件信息

了解哪些頁面已經過裝飾，組件已經修復，下一步是進入頁面配置（知道哪個房子，材料也可用，以下工作都可以）。

選擇頁面然后配置組件信息，最后生成整個頁面，并將其同步到系統，這需要實現到特定產品的交互設計中; 取決于您如何布局頁面，如何拖動，交互。

在我看來，如何將上述信息實施到具體的產品設計中，讓每個人都能看到和感受到。

參考我上面切的圖片，基本上類似于左側是預覽圖片，右側是組件，然后填充它，最后保存，完成。

五，店鋪裝修的具體產品設計方法

首先，后臺的菜單結構，店鋪裝修功能可以單獨取出，也可以放在促銷模塊中，視復雜程度而定 系統的。

如果裝飾功能特別簡單，例如，您只能調整首頁上組件的位置，如果您只能調整一個或幾個組件，只需將其放入促銷模塊即可。

如果店鋪裝修的效果只是放置廣告，或者內置特殊活動的頁面，店鋪裝修的功能比較簡單，只需把它放在促銷模塊中，菜單只需要兩個，如 如下：

5.1內置于促銷系統

促銷系統 - 廣告展示位置

進入后，它是系統頁面的預覽，顯示廣告位的使用情況，可以編輯圖片和鏈接 廣告位。 。

促銷系統 - 特別活動管理

所謂的特別活動是促銷活動的延伸，我在上一篇文章中已經提到過; 進入后，你可以看到特殊活動頁面的模塊，每個模板的風格絕對不同。 即使是模板也可能有多個頁面（帶有底部導航欄的模板）。 選擇模塊后，進入頁面的配置模式，即上述步驟4.2。 您需要上傳產品，圖片等。具體取決于您正在設計的模板的樣式。

5.2由于店鋪裝修系統獨立存在

作為店鋪裝修，菜單和功能如下：

1級菜單：系統頁面管理

2級菜單顯示可以的系統頁面 進行翻新，單擊頁面進入頁面的配置界面。 （參見4.2）

1級菜單：自定義頁面管理

第二級菜單顯示可以翻新的系統頁面。 單擊該頁面進入頁面配置界面。 （見4.2）

Level 1菜單：創建自定義頁面

點擊進入頁面的配置界面，只是一個空白頁面。 （見4.2）

描述

你可以考慮一下。 感覺獨立系統的存在感覺如何？ 沒有比嵌入式促銷更多的功能。 由于它是一個獨立的系統，它應該包含5.1，然后是廣告。 如何交付，如何舉辦特別活動？

您可以在可以配置的頁面中的任何位置添加廣告，設置跳轉鏈接，而不限于頁面格式。