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

一、網站banner

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

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

二、商品展示

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

用鼠標在首頁各個產品專區來回滑動很顯然是一件很麻煩的事情，滑上滑下特別浪費時間。這時候就輪到右側的懸浮窗口發揮作用了，它的作用就是方便用戶更快到達指定位置，只要點擊你想要去的專區，頁面會自動滾，大大提升了消費者的使用體驗。

三、優惠頁面

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

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

“建站+推廣”二合一定制方案，點擊咨詢

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

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