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

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

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

編號：H3147

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

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

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

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

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

編號：H2449

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

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

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

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

編號：H1986

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

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

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

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