在上一篇「第一課、網路開店穩定獲利 3 關鍵」中，我們介紹成功賣家業績不斷成長、獲利的重要心法。在這個章節，你將學到如何快速製作官網首頁，打造你的購物官網門面！
- 官網首頁版型：不用寫程式，滑鼠拖拉就搞定！
- 設定排程：時間到，圖片自動上下架
以下介紹如何製作官網首頁版型，都可以在手機上完美呈現喔！
一、購物官網版型第一步：設定主視覺版型
「品牌導覽」就是顧客進來你的購物官網後第一眼看到的畫面，包含：品牌 logo、主視覺大圖，以及導覽列選單。
要讓顧客留在你的官網，主視覺大圖很重要！因此主視覺大圖要定期更新，展示主打商品、最新優惠。以下是 91APP 合作店家，也是台灣品牌女裝名店SO NICE的購物官網主視覺，用簡約典雅的圖片吸引一樣喜愛時尚的顧客。
（圖片來源：SO NICE 官網）
另一個 91APP 合作店家，風格選品店 BearBoss｜熊老闆，在主視覺輪播推廣雙十二優惠，用圖片拼接的設計展示男女皆宜的實用電腦包。
（圖片來源：BearBoss 熊老闆官網）
在放上大圖視覺之前，需要在後台選擇你要的視覺版型架構。操作如下圖，在【選擇品牌導覽】選擇【全幅風格】，點選【加入】。
接下來，照著【品牌導覽】欄位的指引，一步步完成 header、輪播、文字選單、懸浮工具的設定。
你也可以自由選擇購物車圖示的顏色。通常購物車圖示的顏色會和品牌 logo 的主視覺一樣。如同下面熊老闆的官網，從 logo 到右側購物車圖示都是一致的深藍色。
二、秀出你的主打優惠：輪播大圖
購物官網最上方的主視覺可以用輪播展示多張大圖，顯示店家的多種優惠、商品線。每張大圖可以連到不同的商品頁，達到導購效果。
在右上【設定數量】的選單，你可以選擇輪播圖數量（最多可以有8張輪播），也可以拖曳來調整上下順序，順序愈上方代表輪播的順序愈前。
三、讓商品更好找：文字選單導覽列
官網首頁上方的文字選單導覽列可以幫助客人瀏覽，也可以讓客人第一眼就找到當季新品、活動。
如下圖 91APP 合作商家 Norns的購物官網文字選單列出了【商品分類】、【最新活動】、【聖誕禮物推薦】、【門市資訊】…等，讓訪客忍不住每個都點進去逛逛。
在後台，你可以在【自訂選單】設定選單的數量、用拖拉的方式排順序，讓你的每個選項能連結到不同的頁面導流導購。
四、版型靈活變化
當顧客看完首頁輪播後，會往下滑看更多商品。店家可以用 91APP 提供的多種版型自由排列組合，做成豐富的首頁：
你可以用輪播 + 四張小圖，展示主打商品，讓客人馬上加入購物車。（圖片來源：BearBoss 熊老闆官網）
也可以加入影音，讓模特兒、網紅為你展示商品，更加吸引人。（圖片來源：Qmomo官網）
或是設定優惠倒數，讓心動的顧客馬上行動。
除了以上舉例，還有更多版型模組，你都可以用點選的方式馬上加入、用滑鼠拖拉排定先後順序，並且隨時切換電腦、手機模式預覽效果。
下一課：讓官網圖片自動上下架！
恭喜你，完成了第一個購物官網首頁！你可以儲存為草稿，或是點選【發佈】，馬上讓首頁換新裝。
在下一篇「設定排程 讓圖片自動上下架」，你將會學到如何讓首頁圖片在預定的時間自動變換，讓老闆和小編不用熬夜換圖片，後台自動上檔最新活動！
想成為下一個百萬、千萬店家嗎？
91APP 有最多開店成功案例，我們和許多大品牌、小店家一起快速成長！
想知道如何用 91APP 做出導購功能強大的電商網站嗎？我們的開店顧問很期待能協助您，歡迎預約專人諮詢，開啟你的電商成功第一步！