商城網站頁面怎么做？看看這幾個模板

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

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

編號：H3147

這個模板是主要做凈水設備的網站，產品類型相對比較垂直，但是商城網站的功能和布局都是大致相同的。首先看到banner位置，看上去似乎很復雜，圖文并茂，實際上它的圖片和文字內容是分開的。也就是說，你可以找到想要首推的產品，拍攝產品圖，然后利用創(chuàng)客貼這一類簡單的在線設計網站將圖片修改為合適的尺寸，替換進去就可以了。而文字部分，直接在編輯器添加文本，然后像PPT一樣調整大小、字體、排版，就完成了。

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

整個首頁看上去非常干凈，布局很有條理，對稱式的設計保證了用戶的觀感。右側有三個小方塊，鼠標放上去會顯示內容，第一個是商家的聯系方式，包含了微信、郵箱、電話等。第二個是線下門店的營業(yè)時間，第三個是微信公眾號的二維碼。這也就意味著，這個網站除了能完成商城的工作之外，還可以給線下門店和媒體平臺引流。

預覽鏈接：<span style="color:#337FE5;">www.iisp.com</span>

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

編號：H2449

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

banner下方額外增加了優(yōu)惠券領取的部分，這也是用戶線下消費最常出現的情況，他們會主動詢問有沒有優(yōu)惠，這里提前給用戶準備好優(yōu)惠券就是為了提升他們的消費欲望。產品展示部分做的更多設計，除了圖片和文本之外，還做了背景圖、背景色的設計，讓每個版塊都相對獨立，每個產品可以抓住用戶的眼球，而不是在眾多商品中找不到自己的目標。

預覽鏈接：<strong><span style="color:#337FE5;">www.iisp.com</span></strong>

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

編號：H1986

這個模板首先在配色上就讓人眼前一亮，使用了較為低調的深藍色，這樣的設計就讓banner位置的產品顯得尤為突出，這也是通過對比的方法將產品的吸引力放大的做法。像banner這樣較為復雜的圖片設計，可以找設計師來制作，或者使用產品本身的廣告海報。

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

預覽鏈接：<strong><span style="color:#337FE5;">www.iisp.com</span></strong>

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