怎樣創(chuàng)業(yè)建設(shè)商城網(wǎng)站？看這篇教程就夠了！

時(shí)間：2022-08-08 05:51:01 | 來(lái)源：網(wǎng)站運(yùn)營(yíng)

時(shí)間：2022-08-08 05:51:01 來(lái)源：網(wǎng)站運(yùn)營(yíng)

跟一般展示型網(wǎng)站相比，商城網(wǎng)站需要配備訂單系統(tǒng)、在線支付、物流跟蹤、手機(jī)商城等特色應(yīng)用，其建設(shè)環(huán)節(jié)也將更加復(fù)雜。不過(guò)，這不代表建一個(gè)商城網(wǎng)站就是遙不可及的?，F(xiàn)在很多在線模板建站工具都為建站人員搭建好基礎(chǔ)的功能模塊，只需進(jìn)行自定義參數(shù)設(shè)置即可投入使用，無(wú)需繁瑣復(fù)雜的技術(shù)代碼。下面，我們將以凡科建站的一個(gè)在線商城網(wǎng)站模板為例子，給大家科普下商城網(wǎng)站的主要功能模塊及其DIY教程。




一、產(chǎn)品搜索/導(dǎo)航




由于商城產(chǎn)品種類繁多，為了讓用戶迅速觸達(dá)自己的目標(biāo)產(chǎn)品，最好能在網(wǎng)站的顯眼位置增加“產(chǎn)品搜索”的模塊。













在凡科建站編輯器左端點(diǎn)擊“+模塊”，找到“產(chǎn)品”的下拉頁(yè)，選擇“產(chǎn)品搜索”。













然后設(shè)置模塊的樣式，如果你有想重點(diǎn)宣傳的爆款產(chǎn)品，可以在“展示設(shè)置”編輯推薦的產(chǎn)品關(guān)鍵詞，這樣能更好地把用戶引導(dǎo)到目標(biāo)頁(yè)面哦~






















除了“產(chǎn)品搜索”模塊，另一種引導(dǎo)方式就是添加導(dǎo)航欄。凡科建站支持1號(hào)店風(fēng)格、京東風(fēng)格、天貓風(fēng)格、華為風(fēng)格4種樣式的導(dǎo)航欄，具體添加路徑為“+模塊”-“產(chǎn)品”-“商城分類”。













在“添加模塊（商城分類）”的彈窗選擇模塊樣式和模塊顏色，還可以在“管理分類”添加、編輯、刪除產(chǎn)品分類。設(shè)置完畢后當(dāng)用戶把鼠標(biāo)移到某個(gè)產(chǎn)品類別，就會(huì)出現(xiàn)對(duì)應(yīng)類別的下拉頁(yè)。






















二、產(chǎn)品上傳/展示




“無(wú)產(chǎn)品不商城”，先把產(chǎn)品庫(kù)建好了，才能考慮后續(xù)的展示。




在凡科建站編輯器頂端點(diǎn)擊“網(wǎng)站管理”，找到“產(chǎn)品管理”-“添加產(chǎn)品”，輸入產(chǎn)品名稱、產(chǎn)品分類、產(chǎn)品參數(shù)、上傳產(chǎn)品圖片。如果想自定義產(chǎn)品分類和產(chǎn)品參數(shù)，可以點(diǎn)擊“管理分類”和“管理參數(shù)”進(jìn)行更改。













在“管理產(chǎn)品”的欄目，可以對(duì)已上傳的產(chǎn)品進(jìn)行編輯修改，點(diǎn)擊產(chǎn)品名稱左側(cè)的“寫字”圖標(biāo)即可。













產(chǎn)品上傳完畢，就可以在前端設(shè)置產(chǎn)品展示的樣式了。產(chǎn)品展示常見(jiàn)的是兩種場(chǎng)景，一種是推薦商品，需要在首頁(yè)重點(diǎn)展示，另一種則是產(chǎn)品的詳情內(nèi)頁(yè)。




先來(lái)說(shuō)說(shuō)推薦商品的首頁(yè)展示。在凡科建站編輯器左端點(diǎn)擊“+模塊”，找到“產(chǎn)品”的下拉頁(yè)，選擇“產(chǎn)品展示”。













在“添加模塊（產(chǎn)品展示）”的彈窗，“常規(guī)”欄目選擇模塊樣式和需要展示的產(chǎn)品。模塊樣式，常用的有“橫向平鋪展示”、“走馬燈展示”、“箭頭滾動(dòng)展示”、“兩列圖文展示”。其中“橫向平鋪展示”與“兩列圖文展示”屬于靜態(tài)完整展示，適用于4個(gè)以下的產(chǎn)品展示。“走馬燈展示”與“箭頭滾動(dòng)展示”屬于動(dòng)態(tài)展示，適用于4個(gè)以上的產(chǎn)品展示。由于首頁(yè)位置容量有限，一般來(lái)說(shuō)展示3-6個(gè)商品是較為合適的，放太多用戶也未必來(lái)得及一一細(xì)看。













“圖片特效”欄目設(shè)置鼠標(biāo)懸停效果，“展示設(shè)置”欄目設(shè)置點(diǎn)擊產(chǎn)品后的跳轉(zhuǎn)，“展示參數(shù)”設(shè)置參數(shù)布局樣式、按鈕樣式、需要顯示的參數(shù)內(nèi)容。













例如，像以下的這個(gè)模板，具體來(lái)說(shuō)就是按照這樣的設(shè)置來(lái)編輯樣式的。






















再來(lái)就是產(chǎn)品詳情頁(yè)。一般來(lái)說(shuō)，當(dāng)你選擇使用凡科建站的商城網(wǎng)站版本，在你上傳添加產(chǎn)品后，都會(huì)自動(dòng)為產(chǎn)品生成一個(gè)產(chǎn)品詳情頁(yè)，不用再重新繪圖設(shè)計(jì)了，你只需要對(duì)生成的產(chǎn)品詳情頁(yè)進(jìn)行微調(diào)就可以了。




進(jìn)入到任意產(chǎn)品的詳情頁(yè)，將鼠標(biāo)移至模塊時(shí)，模塊的右側(cè)會(huì)出現(xiàn)快捷工具欄，點(diǎn)擊“編輯模塊”。













在“編輯模塊（產(chǎn)品詳情）的彈窗，“常規(guī)”欄目選擇設(shè)置模塊樣式、樣式顏色、是否開啟產(chǎn)品分享、產(chǎn)品評(píng)論、銷售記錄；“展示參數(shù)”欄目自定義顯示的參數(shù)及其順序；“展示設(shè)置”欄目主要是對(duì)產(chǎn)品圖片的位置、動(dòng)態(tài)效果、大小邊框等進(jìn)行設(shè)定。













當(dāng)你對(duì)其中一個(gè)產(chǎn)品詳情頁(yè)就行編輯修改，同理也會(huì)作用到其余所有的產(chǎn)品詳情頁(yè)，就不用手動(dòng)地對(duì)每個(gè)產(chǎn)品詳情頁(yè)面進(jìn)行調(diào)整了。




三、交易/活動(dòng)功能




商城網(wǎng)站是從事商品交易的平臺(tái)，必須具有網(wǎng)上支付、交易管理等功能。




在凡科建站編輯器頂端點(diǎn)擊“網(wǎng)站管理”，找到“商城管理”-“商城功能設(shè)置”，這里可以對(duì)購(gòu)買權(quán)限、配送方式、支付方式、退款/售后等進(jìn)行自定義。













這里重點(diǎn)介紹一下“促銷活動(dòng)”與“優(yōu)惠券”兩個(gè)商城網(wǎng)站版本專屬的插件。通過(guò)這兩個(gè)功能，你就可以輕松地為自家產(chǎn)品創(chuàng)建限時(shí)降價(jià)滿減等促銷優(yōu)惠活動(dòng)，促進(jìn)產(chǎn)品的銷售。




在“促銷活動(dòng)”的欄目開啟功能并新增活動(dòng)，在“編輯促銷活動(dòng)”的彈窗設(shè)置活動(dòng)名稱、規(guī)則、時(shí)間、產(chǎn)品。






















設(shè)置完畢后的例子是這樣的。













“優(yōu)惠券”也是同理的操作，開啟功能后在“新增優(yōu)惠券”的彈窗設(shè)置活動(dòng)名稱和規(guī)則。






















設(shè)置好的優(yōu)惠券還能在網(wǎng)站前端展示哦~在凡科建站編輯器左端點(diǎn)擊“+模塊”，找到“產(chǎn)品”的下拉頁(yè)，選擇“優(yōu)惠券”則可以把優(yōu)惠券展示在網(wǎng)站的顯眼位置，助力網(wǎng)站營(yíng)銷。






















經(jīng)常剁手的你，這次該反客為主地建個(gè)商城網(wǎng)站讓別人為你剁手了！