30天學(xué)會開店：從零開始了解shopify之主題設(shè)計--Day8

跨境知道
2019年08月14日 17:10
3911
0
1

Shopify開店從0~1往期請看：Day1-7。今天我們要說的是Shopify開店后，如何找到和選擇合適的主題。

其實Shopify有很多免費主題可以選擇，你們沒有必要擔(dān)心自己找不到喜歡的主題。無論是免費主題還是付費主題，都能做到完善我們的網(wǎng)站，所以不用擔(dān)心。但是在選擇主題的時候，我會有幾點建議提供給大家。

首先是選擇主題。

登錄Shopify后臺，點擊Online store-->themes, 點擊進入主題商店：點擊ALL THEMES, 勾選免費主題（10個）：點擊按照Popularity受歡迎程度來排序結(jié)果，可以看到Brooklyn這個主題是最熱門的免費主題，排名前三的是：Brooklyn, Simple, Minimal.無論我們選擇什么主題，最最重要的是產(chǎn)品頁！下面我會分享一下我最喜歡的產(chǎn)品頁是什么樣，而且這樣的產(chǎn)品頁也經(jīng)過了反復(fù)測試，證明轉(zhuǎn)化率是很高的。

如果你用了trifunnels這個插件，就可以看到轉(zhuǎn)化率高的產(chǎn)品頁應(yīng)該是什么樣的布局，比如倒計時，社交分享按鈕，產(chǎn)品特征描述、產(chǎn)品推薦等等：關(guān)于trifunnels再多說一句，我們可以在里面設(shè)置跳過加購的步驟，比如下面這樣就表示：如果客戶看到產(chǎn)品，點擊Yes, 那么系統(tǒng)會自動跳轉(zhuǎn)到結(jié)賬頁面，省略了加入購物車這一步；如果客戶點擊NO，那么系統(tǒng)會跳轉(zhuǎn)到網(wǎng)站首頁。下面這個產(chǎn)品頁其實跟trifunnels里面的產(chǎn)品頁模板差不多，轉(zhuǎn)化率非常非常好。所以，我們在選擇主題的時候，盡量盡量找那些產(chǎn)品頁可以符合上面產(chǎn)品頁布局的主題。

回到免費主題，我們要瀏覽免費主題看看產(chǎn)品頁的演示效果是什么樣的。

比如Simple主題里的產(chǎn)品頁是這樣的：

這種產(chǎn)品頁我就不建議大家使用，因為他的圖片和描述都需要客戶向下滑動鼠標(biāo)才能看得到，重要的信息沒有展示在用戶一眼就能看到的位置。

我們再看看Minimal這個主題的產(chǎn)品頁是什么樣的：還不錯，圖片以列表呈現(xiàn)，按鈕比較突出，用戶進入產(chǎn)品頁后一眼就能看到描述。而且，下面還有產(chǎn)品推薦。

確定好主題以后，點擊Add theme把主題添加到Shopify店鋪里：添加成功以后，點擊主題旁邊的Actions-->Publish發(fā)布主題：再點擊publish：點擊Actions下面的preview就可以預(yù)覽店鋪樣式：下面我們會著重講解主題的首頁設(shè)置和產(chǎn)品頁設(shè)置。

點擊Actions旁邊的customize進入主題自定義設(shè)置：首先，我們會看到首頁上方的主菜單。如果覺得菜單太多了影響美觀，可以回到navaigation部分調(diào)整菜單，比如把cool gifts和funny gifts都放到creative gifts下面。最后點擊保存。回到主題自定義部分，刷新頁面，菜單就變成了以下樣式：左側(cè)欄部分。

Header：點擊Header, 我們可以選擇展示搜索框或者不展示搜索框，一般情況下可以勾選以展示搜索框：Logo：點擊select image可以上傳你的LOGO. 你可以花20-30美金到fiverr找設(shè)計師設(shè)計，如果想要質(zhì)量高一點的LOGO，就去99design. 如果暫時還沒有LOGO，就不用管這部分。Main menu：默認選擇的是主菜單，當(dāng)然你也可以點擊change更換成別的菜單。LOGO展示在頁面的左上角。Announcement：可以勾選展示也可以不勾選。勾選以后，填寫文字信息，比如：50% Off these gifts，這部分內(nèi)容會出現(xiàn)在網(wǎng)站首頁頂端。在link部分選擇打5折的產(chǎn)品集。點擊保存。點擊返回：再來看看Slideshow：

點擊進去以后，可以選擇輪播圖的高度，可以勾選“自動輪播”，可以選擇輪播圖自動切換的間隔時間，可以選擇圖片過渡效果，可以選擇字體大?。?img class="fr-fin" data-fr-image-preview="false" alt="Image title" src='/images/loading.gif' data-original="http://static.ikjzd.com/uploads/index/editer/20190814/c173343340293df1a8874e6f16e98f00.png" width="320">如果你只有一張圖片，那么可以刪掉其他多余內(nèi)容模塊，只留下一個內(nèi)容模塊就可以。點擊Slide-->remove content即可：點擊Slide--> Select image選擇輪播圖的圖片然后可以在輪播圖上面寫文字，填寫標(biāo)題、按鈕名稱、選擇按鈕鏈接，最后保存：其實在標(biāo)題下面如果還能寫上一行子標(biāo)題最好，不過我們用的這個模板不提供這個功能。Debut模板里就可以在標(biāo)題下面添加一行子標(biāo)題，大家可以自己去嘗試，加了子標(biāo)題以后會這樣顯示：現(xiàn)在我們看看加了輪播圖以后，網(wǎng)站是什么情況：所以，我們已經(jīng)有了輪播圖和菜單。

Nes部分可以拖放到最下面。接下來就是popular this week, 也就是精選產(chǎn)品集。這個部分要充分利用，因為這是你推銷產(chǎn)品最好的地方，這個部分會幫你賣掉很多產(chǎn)品。

根據(jù)你要銷售的產(chǎn)品，重新命名標(biāo)題；選擇每排展示4-5個產(chǎn)品，一般選擇4個，排版起來更好看；選擇展示1-2排產(chǎn)品，建議選2排。

點擊Change修改產(chǎn)品集，選擇你想要展示在首頁的產(chǎn)品集，再點擊Select。然后修改標(biāo)題，最后保存。關(guān)于每排放幾個產(chǎn)品的問題，你也可以多試試看，比如放2個，放3個，放4個，看看哪種排版更美觀。

在Minimal這個主題里，還有一個Featured Product的部分，一般都是放上你店鋪里最有競爭力的熱銷產(chǎn)品，如果不需要這個部分，就可以刪除內(nèi)容。

News部分會更新你發(fā)布的博客帖子，可以保留，也可以刪除。

這里還有一個重點，就是我們需要添加一個Newsletter的模塊，雖然底部菜單部分已經(jīng)有了Newsletter，但是樣式太丑了，我們可以刪除。點擊Footer--> Newsletter signup-->remove content：然后點擊Add section-->Newsletter-->Add：編輯標(biāo)題和內(nèi)容，選擇背景顏色，最后保存：上面就是首頁上的設(shè)置，主題不同，有些細節(jié)會有所不同。

接下來是產(chǎn)品頁的設(shè)置。

我們現(xiàn)在在首頁設(shè)置頁面，點擊具體產(chǎn)品就可以進入產(chǎn)品頁設(shè)置，比如點擊第一個產(chǎn)品進去：點擊product page就可以對這個產(chǎn)品頁進行設(shè)置了：比如，展示數(shù)量選項，選擇圖片放大形式，縮略圖放在主圖右邊還是下面，是否啟用產(chǎn)品分享社交按鈕（按需選擇，一般情況下用戶不會分享，除非是對某個利基很有激情的用戶才會分享產(chǎn)品），啟用相關(guān)產(chǎn)品推薦，啟用動態(tài)結(jié)算按鈕（必選）：我前面就說過，主題不同，設(shè)置的內(nèi)容就會有所不同，比如debut這個主題在設(shè)置產(chǎn)品頁的時候就可以選擇主圖大小。

到目前為止，我們的網(wǎng)站已經(jīng)有模有樣了。店鋪里可以再填充一點產(chǎn)品，然后就可以開始引流了。

要記住一點：我們要看看那些做得比較好的競爭對手網(wǎng)站是什么樣式的。如果在Shopify主題市場找不到類似的主題，你可以去themeforest.net看看，上面有很多優(yōu)秀主題可以選擇。

進入themforest官網(wǎng)，點擊eCommerce-->Shopify：瀏覽一下這些主題看看有沒有喜歡的，點擊主題旁邊的preview可以預(yù)覽主題：有很多主題都非常美觀，非常好看，但是這樣購買的主題要安裝到Shopify店鋪會比較麻煩。

我的建議是，你可以選擇我上面用的minimal主題，充分了解主題，看看圖片的展示效果。

如果你要自己制作圖片比如LOGO，就可以利用canva.com.

登錄canva以后，可以自定義尺寸，比如250x100像素，開始設(shè)計：點擊文字，選擇文字模板并拖放到右邊空白框里，或者直接添加文字框，輸入LOGO名稱。然后調(diào)整字體、大小和顏色：然后點擊元素，搜索關(guān)鍵詞game看看里面有沒有什么小圖標(biāo)是我們可以利用的。小圖標(biāo)有免費的也有付費的，付費的一般是1美金。做好以后，點擊右小角的下載，選擇PNG格式下載即可。如果是付費小圖標(biāo)，這個時候就需要填信用卡信息付款以后才能下載。回到Shopify主題自定義設(shè)置部分，點擊Header, 上傳LOGO圖片。我們可以通過調(diào)整Custom logo width的數(shù)字來調(diào)整LOGO在網(wǎng)站上顯示的大小。以上就是今天要說的有關(guān)主題方面的設(shè)置。