現在網購越來越便利，可選購的商品種類也越來越豐富，家里所需的五金用品也可以在網上購買，五金門店甚至連周邊住戶這一批核心消費群體都逐漸失去。想要從線上獲得用戶，你的第一反應可能是入駐淘寶，但是這么晚才開始布局你又怎么競爭的過別人呢？商城網站是現在最好的選擇，經營門店生意的商家就算是開拓線上市場，最終也還是需要回歸線下的，網站可以打通線上和線下，將它們連接在一起，轉化老用戶獲取新客戶。那么商城網站怎么做呢？不懂網站建設，又不會做設計，頁面內容那么復雜，真的能做嗎？這幾個模板就是專門為不了解建站技術的人準備的最好幫手。

<span style="color:#337FE5;&quot;>01|五金家用設備(bei)商城網站模板</span>

編號(hao)：H3147

這個(ge)模板是(shi)主要(yao)做凈(jing)水設(she)備(bei)的網(wang)站(zhan)，產(chan)品(pin)類型相對(dui)比(bi)較垂直(zhi)，但是(shi)商城網(wang)站(zhan)的功能和(he)布局都是(shi)大致相同的。首先看到banner位置，看上(shang)去(qu)似乎很復(fu)雜，圖文(wen)并茂，實際上(shang)它(ta)的圖片(pian)和(he)文(wen)字內容(rong)是(shi)分開的。也就是(shi)說，你可以找到想(xiang)要(yao)首推的產(chan)品(pin)，拍攝產(chan)品(pin)圖，然(ran)后(hou)利(li)用(yong)創(chuang)客貼這一(yi)類簡單的在線設(she)計網(wang)站(zhan)將(jiang)圖片(pian)修(xiu)改為(wei)合適的尺寸(cun)，替換(huan)進去(qu)就可以了。而文(wen)字部分，直(zhi)接在編輯器添加文(wen)本，然(ran)后(hou)像(xiang)PPT一(yi)樣調整(zheng)大小、字體、排版，就完成了。

其他的(de)布(bu)局(ju)排版可以保持模(mo)板中的(de)設計(ji)，LOGO位置在頂部(bu)左側，導航(hang)欄在banner上方，產品展示部(bu)分直(zhi)接替換產品圖片和文字即可，編輯(ji)器也(ye)(ye)有提供其他種(zhong)類的(de)產品模(mo)塊，不喜歡這種(zhong)也(ye)(ye)可以選擇其他的(de)。 

整個首(shou)頁看上(shang)去(qu)非常干凈，布局很(hen)有條(tiao)理，對稱式(shi)的(de)設計保(bao)證(zheng)了用戶的(de)觀感。右側有三個小方(fang)塊，鼠標(biao)放(fang)上(shang)去(qu)會顯示(shi)內容(rong)，第一個是商家的(de)聯系方(fang)式(shi)，包含了微信、郵(you)箱(xiang)、電話等(deng)。第二個是線下(xia)(xia)門店(dian)(dian)的(de)營業時間，第三個是微信公(gong)眾(zhong)號的(de)二維(wei)碼(ma)。這也(ye)就意味(wei)著，這個網站(zhan)除了能完成商城(cheng)的(de)工作之外，還(huan)可以給線下(xia)(xia)門店(dian)(dian)和媒體平臺(tai)引流。

預覽鏈接：<span style="color:#337FE5;">szjicheng.cn</span>

<span style="color:#337FE5;">02|五金商城網站模板</span>

編號：H2449

這(zhe)(zhe)個網站模板在設計(ji)(ji)上更加(jia)復雜一些，首(shou)先就是banner部分，地圖和文字的(de)(de)設計(ji)(ji)與上一個相(xiang)似，但是區別就在于(yu)“立即搶購”這(zhe)(zhe)個按鈕。這(zhe)(zhe)個banner除了具有展示作用(yong)，推(tui)廣作用(yong)，還能夠讓(rang)用(yong)戶直接跳(tiao)轉到對(dui)應(ying)的(de)(de)頁(ye)面，在做營銷活動(dong)時，可以做類似的(de)(de)設計(ji)(ji)，引(yin)導用(yong)戶直接跳(tiao)轉到優惠頁(ye)面，通過性價比促使(shi)消費者買(mai)單(dan)。

banner下(xia)方額外(wai)(wai)增加了優惠(hui)(hui)券領取的(de)(de)部分，這也是用(yong)戶線下(xia)消費最常出現的(de)(de)情況，他們會主動詢問(wen)有(you)沒有(you)優惠(hui)(hui)，這里(li)提(ti)前給用(yong)戶準備好優惠(hui)(hui)券就是為了提(ti)升(sheng)他們的(de)(de)消費欲望。產品展示部分做(zuo)的(de)(de)更多設(she)計，除了圖片和文本之(zhi)外(wai)(wai)，還做(zuo)了背(bei)(bei)景圖、背(bei)(bei)景色的(de)(de)設(she)計，讓每(mei)(mei)個版(ban)塊都相對獨(du)立，每(mei)(mei)個產品可(ke)以抓(zhua)住(zhu)用(yong)戶的(de)(de)眼(yan)球，而(er)不是在眾多商品中(zhong)找不到自己的(de)(de)目標(biao)。

預覽(lan)鏈接：<strong><span style="color:#337FE5;">szjicheng.cn</span></strong>

<span style="color:#337FE5;">03|五金商城網站模板</span>

編號：H1986

這(zhe)個模板(ban)首先在配(pei)色上就讓人眼前一亮，使(shi)用(yong)了較(jiao)為(wei)低調的(de)(de)深藍(lan)色，這(zhe)樣的(de)(de)設計就讓banner位置(zhi)的(de)(de)產品(pin)(pin)顯得尤為(wei)突出，這(zhe)也是通(tong)過(guo)對比的(de)(de)方(fang)法將(jiang)產品(pin)(pin)的(de)(de)吸引(yin)力(li)放大的(de)(de)做(zuo)法。像banner這(zhe)樣較(jiao)為(wei)復(fu)雜的(de)(de)圖片設計，可以找(zhao)設計師來制(zhi)作，或者使(shi)用(yong)產品(pin)(pin)本身的(de)(de)廣告海報。

下方(fang)產品(pin)展示(shi)部分(fen)的(de)布局(ju)風格(ge)更加多元化，與傳統的(de)設計思路不同，在保證整體性的(de)前期下，又讓每個(ge)板塊各具特(te)色。這個(ge)模板更適合對于(yu)排版有一(yi)定了(le)解的(de)，或者是有一(yi)定PPT制作功底的(de)人使用(yong)，可以做(zuo)出(chu)非常(chang)個(ge)性化的(de)網站頁面。

預覽鏈(lian)接：<strong><span style=&quot;color:#337FE5;">szjicheng.cn</span></strong>

其實網站建設的思路基本就是像模板展示的這樣，你也可以點擊預覽鏈接，再點擊模板右上角的免費試用親自體驗一下建站，簡單幾步就能做好一個網站啦。網站做完了，想讓它真正有用可沒那么簡單，網站沒人訪問就成了擺設。所以記得制作完成后，免費領取十個城市分站，它將幫助網站做好推廣工作，增加收錄，提升排名，獲取大量潛在用戶。