短短半年的時間，線下超市就從車水馬龍的熱鬧景象變成了現在門庭冷落，就目前線下經濟的恢復情況來說，大概很難在短期內回到往日的模樣。由于外出受到限制，大家也已經養成了線上購物的習慣，這也就意味著超市門店還有新的生存環境。搭建一個自己的電商網站，將所有的商品都搬去線上，就可以盤活門店的生意，并且覆蓋到全國范圍，用戶量更廣。以現在的網站建(jian)設技術來說，只需一個模板，就能輕松完成網站制作，費用極低，是個實用性非常高的方案。

一、網站banner

對于超市來說，網(wang)站banner就(jiu)像是門(men)口的廣告牌，它的主要(yao)目(mu)的就(jiu)是讓消費(fei)者(zhe)看(kan)到商家有哪些新的動向，比(bi)如(ru)產品上(shang)新，或者(zhe)是最新的優(you)惠活動。對于消費(fei)者(zhe)來說，最能夠吸引人的自然還是優(you)惠，所以模板中將(jiang)優(you)惠作為banner的主要(yao)內容。

模板中(zhong)的(de)(de)banner看(kan)似(si)設計復雜(za)，實(shi)際上只(zhi)是障眼法。圖片(pian)就(jiu)是一(yi)張非常常見的(de)(de)產品海報，不(bu)會PS的(de)(de)話，使用創客貼這樣的(de)(de)在線設計工具也可(ke)以(yi)找到模板來(lai)制作。而文(wen)本部分并不(bu)屬于圖片(pian)內(nei)容(rong)，它是在網站(zhan)模板編輯后臺單獨添加的(de)(de)文(wen)本框，就(jiu)像你做(zuo)PPT時設置好頁面背(bei)景再做(zuo)文(wen)字內(nei)容(rong)一(yi)樣。這樣好的(de)(de)好處就(jiu)在于可(ke)以(yi)有(you)更多內(nei)容(rong)被搜(sou)索引(yin)擎(qing)抓取，有(you)利于網站(zhan)優(you)化。

二、商品展(zhan)示

banner下方(fang)是商(shang)品展示的區域，一般超市的商(shang)品種類都比較豐富，這部(bu)分的功(gong)能就相當于貨架，不同(tong)類型(xing)的商(shang)品設(she)置(zhi)不同(tong)的專(zhuan)區。每(mei)個專(zhuan)區會挑選部(bu)分商(shang)品，想要查看全(quan)部(bu)商(shang)品可以點擊“查看更多(duo)(duo)”，跳轉到對應頁面，就能看到更多(duo)(duo)相關產品，也多(duo)(duo)了更多(duo)(duo)選擇。

用(yong)鼠標在(zai)首頁(ye)各個產品(pin)專(zhuan)區來回滑(hua)動很(hen)顯然(ran)是一件很(hen)麻(ma)煩的(de)(de)事情(qing)，滑(hua)上(shang)滑(hua)下特別浪費(fei)時間(jian)。這時候就輪到(dao)右側的(de)(de)懸浮窗口發揮作用(yong)了(le)，它的(de)(de)作用(yong)就是方(fang)便用(yong)戶(hu)更(geng)快到(dao)達指定位置，只要(yao)點(dian)擊你想(xiang)要(yao)去的(de)(de)專(zhuan)區，頁(ye)面會自動滾(gun)，大大提升了(le)消(xiao)費(fei)者的(de)(de)使用(yong)體(ti)驗。

三、優(you)惠頁面

仔細(xi)看banner上方的導航欄(lan)(lan)就會發現，這個網(wang)(wang)站居然沒有(you)優(you)惠專區(qu)的入口(kou)。不少網(wang)(wang)站都(dou)會在導航欄(lan)(lan)添加單獨的優(you)惠入口(kou)，讓用戶進(jin)入，而這個網(wang)(wang)站卻只有(you)banner上有(you)優(you)惠活動。

其實(shi)并不是(shi)模板中(zhong)沒(mei)有添加這(zhe)個入口(kou)(kou)(kou)，而是(shi)調整了位置，它被(bei)整合到了懸浮窗(chuang)口(kou)(kou)(kou)上，第一欄就是(shi)“優惠券(quan)”的領取入口(kou)(kou)(kou)，點擊進入就可以領取對應面(mian)額的優惠券(quan)。由于(yu)這(zhe)個窗(chuang)口(kou)(kou)(kou)的存(cun)在(zai)，有時用戶(hu)并不會留意導航(hang)欄的內(nei)容，在(zai)他們(men)查看(kan)專區時，優惠券(quan)的信息更容易被(bei)消費者(zhe)發現(xian)。

+推廣”二合一定制方案，點擊咨(zi)詢

除(chu)了這些關(guan)鍵內容的(de)(de)設計之外，頁(ye)面的(de)(de)排版布(bu)局也是非常(chang)重要的(de)(de)，網(wang)站做的(de)(de)好不(bu)好看非常(chang)重要。頁(ye)面要整(zheng)潔，所有的(de)(de)跳轉入口要顯眼，節省用戶(hu)瀏覽網(wang)站的(de)(de)時間(jian)成本，要是找(zhao)了半(ban)天都找(zhao)不(bu)到(dao)自己想要的(de)(de)，誰(shui)還會繼續留在這呢。

在這個網站模板的基礎，簡單幾步就能輕松完成建站。網站制作完記得要領(ling)取免費的十(shi)個城市分站，這是讓網站獲得大量曝光的關鍵。分站可以提升網站收錄，提升網站排名，挖掘更多精準用戶，讓你的網站產生巨大價值。