獨立站的頁面，設計從我的從業Shopify經驗來看，一個網站的設計主要會包含以下幾個方面：①插件的選擇 ②landing page的設計 ③主題選擇和裝修
下面我們就詳細的來幫大家指導一下：
（1）Shopify的「裝機必備」 插件介紹接觸過Shopify的獨立站賣家應該都知道，Shopify有非常多插件，多到讓人眼花繚亂，讓賣家十分頭大，今天總結下比較好用的插件，希望能幫到大家！下面我將分為7個版塊給大家介紹這些插件。
簡單來講，Shopify就像一部手機，擁有手機只能滿足你打電話、發簡訊的基本需求，如果想實現購買東西、視頻聊天等功能，你就要下載某寶、某信。同樣shopify店鋪開下來之後，也是只有基礎的購物功能，但是Shopify 的兼容性非常好，如果你要批量管理產品，批量管理訂單，高級的郵件營銷等功能，只需安裝相應的插件即可。話不多說，開始今天的正題~
1）店鋪設計
1.Sales Pop：彈窗銷售信息插件+彈窗銷售信息插件（有免費和付費的版本）
2.Privy：退出時彈窗留存+功能強大的EDM營銷（15天免費試用）
3.BEST Currency Converter：動態貨幣顯示（有免費和付費版本）
4.McAfee SECURE：網站安全性顯示插件
5.Quick Announcement Bar：公告欄插件（有免費和付費版本）
6.Product Reviews：評論系統插件（免費）
2）產品渠道
1.Oberlo：目前比較火的一款產品上架插件。Shopify 一件代發插件，簡單來講，就是把其他渠道的貨一鍵搬家到你的Shopify店鋪，客戶下單給你的shopify店鋪，系統再自動下單給你的貨源渠道，適合想做drop shipping的賣家。賣家可以將精力集中在營銷上。
價格：分為免費、$ 29.90/月 、$ 79.90/月
2.Spreadr App：導入亞馬遜產品代售，賺取佣金（7天免費試用）
3.Printful：在沒有庫存的情況下開始在線商店。出售定製服裝，配件和家庭裝飾產品，而無需庫存，也無需預付成本。
4.Modalyst：在數百個類別中添加數百萬個高利潤率的產品，而不必擔心包裝和運輸問題。在時尚，鞋類，電子產品，廚房用具，家居裝飾品，運動裝備以及全部零售商品的60-90％以上查找產品。
5.Spocket：美歐供應商及代理商溝通平臺
Shopify的批發供應商，裡面的產品都是從美國，歐洲，加拿大，亞洲等地的最佳供應商處尋找快速發貨和熱銷產品，只需點擊幾下即可將其添加到Shopify商店。
3）物流渠道
1.ShipStation：物流渠道（收費：最低$9/月，30試用期）
2.Oeder Printer Templates：訂單列印系統（支持發票、收據等等；免費安裝，模板收費）
4）市場營銷
1.Kit：接通Facebook廣告（免費，需要BM和廣告帳戶權限）
2.SEO Image Optimizer：網站SEO插件（有免費和$24.99/月）
3.Ominsend：郵箱+EDM（有免費和收費版本）
4.Smile：積分及VIP服務（免費）
5.Better Coupon Box：優惠券插件（有免費和收費版本，14天免費使用）
6.Recart Messenger Marketing：第三方Facebook Messenger營銷+購物車再營銷
7.Bold Discounts：定製折扣、閃購、預售等功能（$ 14.99 /月，14天免費試用）
5）客戶維護
1.Facebook Messenger：分享產品到Facebook中，並提供實時溝通（免費）
2.Tidio Live Chat：在線客服功能（有免費和收費版本）
3.Easy Contact Form：在網站加個收集信息的表格（$ 9.99 /月，30天免費試用）
6）庫存管理
1.Stocky: Shopify應用商店中一款助力於庫存管理的免費應用（Shopify官方11.14新推出的）可實現訂單採購、需求預測、收貨、庫存調撥、盤點和調整、報告分析等功能。（免費）
2.Bulk Product：批量管理編輯產品（有免費和收費版本）
7）銷售功能
1.Countdown Timer Bar：購物車購買倒計時插件（$ 6.99 /月起，7天免費試用）
2.Free Shipping Bar：購物車營銷，提供送貨優惠、動態定位（免費）
3.Ali Reviews：速賣通評論導入（$ 9 /月起，7天免費試用）
Tip：最後，提醒大家：好酒莫貪杯，插件再好，也不能安裝太多，一旦插件過多，將會影響網站的加載速度，造成客戶流失。一般建議同類型的插件選擇一個適合自己的安裝即可。以上為大家整理的內容啦，希望能夠幫你省事省力省心！
所有插件查找網址：
https://apps.shopify.com/
（2）首頁Landing Page的四個設計方法：
ROI是平的或者略虧的，就應該開始考慮站內優化，站內優化做的好，ROI就會提升很多。站內優化其中很重要的一個點就是著陸頁的設計，一個好的著陸頁體現的是更多的是高轉化或者好的活動設計，現在就給大家分享幾個shopify店鋪中典型的幾種著陸頁的用法。一般來說，新手剛開始推廣的時候，會選用shopify的產品頁，類目頁，或者直接店鋪首頁，今天介紹的是使用shopify page頁自定義的著陸頁。
用法1：打折促銷活動
可以看到這個著陸頁主要突出的是折扣的優惠以及優惠的時間，產品圖片集中在一個地方，點擊」Grab All My Hoodies At 17% Off」的時候是個bitly連結，然後跳轉到分類目錄，這樣就可以統計從這個page頁面進去分類目錄的流量情況。
案例連結: https://innerartworld.com/pages/hoodies-collection-sale-vip
用法2：黑五比賽活動
填寫完表單後，就可以進入下一步的社交分享。
具體的分享規則可以點擊右下角的Rules(View RULES)查看學習。
說明：這裡的比賽活動需要有一定的流程以及收集用戶的郵件信息等，這個案例是通過https://www.viralsweep.com/ 這個第三方服務集成到shopify的page來實現的。
案例連結：https://www.trepadora.com/pages/black-friday（類似比賽案例：https://www.athletikan.com/pages/win，使用的服務是https://gleam.io/）
用法3：amazon產品留評
點擊LEAVE REVIEW就會跳轉到amazon網站。
用法4：免費促銷活動
做免費活動，只收郵費，點擊後進入shopify的產品詳情頁進行購買。
以上的四種基本用法都是以活動為主，page數量不會多，最後再提一個page批量的用法，直接給幾個案例，都是超過一百個的page，具體怎麼用大家自己去研究，也可以留言交流。
備註:通過google的site命令，可以查到某個網站page數量，注意，這裡是最少的page數量，即是有被收錄的page數量。
批量page案例：
site:https://www.hameraypublishing.com/pages
site:https://adelanteshoes.com/pages
site:https://theglobalartcompany.com/pages
site:https://planetvegeta.me/pages
shopify利用page的幾種著陸頁的用法，都是點到為止，給大家以思路，具體的大家可以結合案例自己去分析，這些其實在獨立站都是有這樣的玩法，只是在shopify的page更容易搭建和使用，著陸頁和活動的設計會大大提高轉化，已經入門的同學可以開始考慮page的使用了。
（3）如何購買及選擇合適的Shopify主題模板很多跨境電商獨立站經營朋友選擇Shopify進行建站，原因之一是設置操作非常簡單，網站有很多主題模板可以選擇，並且操作可視化，所見即所得。O(∩_∩)O。
那麼怎樣購買及選擇合適的shopify主題模板呢？
一、購買shopify主題
總的來說，shopify主題分2種渠道購買。第一種為shopify官網購買主題，第二種為第三方購買主題。
1、shopify官網購買主題
（1）打開主題模板頁面
進入控制面板，選擇在線商店內的「模板」，右側「訪問模板商店」
（2）查看主題模板
shopify提供71種模板，其中包括10個免費模板，61個付費模板，費用在140-180美元之間。
2、第三方平臺購買主題
（1）themeforet 主題森林
（2）templatemonster 怪獸模板
第三方提供多種平臺模板，價格相對shopify來說更價格優惠一些，且可選擇的模板種類更多，但購買的時候一定要確認主題是否適用於shopify店鋪。與直接在shopify中購買的主題不同，在第三方購買的主題，需要通過上傳才能使用。
二、主題模板選擇原則
不管你通過什麼渠道購買主題模板，在選擇的過程中，以下幾點需要特別注意。
從正規渠道購買付費主題，不要亂去下載一些免費的，不靠譜，存在風險。
根據自己商品特點，選擇合適的主題，不要風格一點都不搭，看起來非常彆扭，也顯得不夠專業。
不要在自己的主題中添加過多的元素，會降低網站打開速度，影響購物體驗。
認真查看主題的評價，看主題的優點、缺點，全面權衡之後再決定購買。
具有自適應性。因為購物越來越趨向於移動端化，店鋪能否在不同型號的手機上完美展現是非常重要的。
以下以shopify官網選擇主題模板為例進行說明
1、根據左側菜單進行篩選
你可以通過shopify提供篩選菜單，根據自己店鋪的特徵，按照自己想要的商品展示方式、主頁特點等進行初步篩選。
2、通過對模板排序進行篩選
shopify主題提供3種排序原則：按照受歡迎程度、價格由低到高、價格由高到低。你也可以通過這種方式進行初步篩選。不過shopify目前一共提供71種主題，也就三頁，你可以每個主題都看看。
3、查看主題
每種主題都有2-3種不同的版式，在外觀上大體相同，但是具有的功能一樣。你可以選擇「Try theme」,可以將這個主題應用在已有的店鋪裡面。或者你可以選擇」View demo」直接查看右邊對應主題的商店。如果你決定購買，直接點擊」buy theme」，費用將會一次性直接從你Shopify網站綁定的信用卡裡面扣除。
你也可以把頁面往下拉，有一項「Stores using xxx」的展示。可以看看應用此款主題商鋪的更多應用效果
更重要的一步，查看應用該主題的用戶反饋，看評價高不高，了解主題的優點、缺點。
shopify主題地址： https://themes.shopify.com/themes
如上圖所示，你可以在該頁面左側邊欄按照主題價格，產品數量多少，頁面布局方式，以及產品頁面功能等等條件對主題進行篩選，也可以在右上角Sort按鈕按照主題的價格，受歡迎程度以及主題發布時間對主題進行排序。
點擊你看中的主題，進入主題之後，你可以查看主題的風格，以及這個主題的主要功能，如下圖：
Shopify官方的所有主題都是無需下載的，點擊Start with this theme (免費主題) / Try Theme (付費主題) 即可直接安裝該主題到你的Shopify網站，其中付費主題為一次性付費，費用會直接從你Shopify網站綁定的信用卡裡面扣除。
主題安裝之後不會自動啟用，頁面會自動跳轉到你的Shopify後臺 > Online Store > Themes 頁面。要啟用新安裝的主題，需要在MORE Themes一欄中，點擊主題對應的Actions按鈕，在下拉選項中選擇Publish按鈕就可以了。
第三方的Shopify主題市場，
Themeforest (https://themeforest.net/category/ecommerce/shopify) 這家公司也是以賣主題模板，插件為出名的。用戶如果在上面進行購買，請前往一點要注意：
你所要購買的主題的是否是Shopify
你所要購買的主題的是否是Shopify
你所要購買的主題的是否是Shopify
一定要和shopify的店鋪兼容，否則就浪費錢了。
在Themeforest上購買主題之後，你就可以直接在shopify的店鋪中，進行主題的上傳
通常在第三方Shopify模板市場上購買的主題，下載下來的是壓縮文件，壓縮文件裡面會有和很多和該主題的相關文件，例如Documentation， Licensing等等等等不需要上傳的文件，因此首先需要解壓縮，找到裡面的需要上傳的主題文件，然後再打開Shopify後臺 > Online Store > Themes 頁面，找到Upload Theme按鈕點擊上傳，如下圖：
這裡注意：
所上傳的文件必須是ZIP格式的壓縮文件，上傳文件最大50M，
如果你的文件超過50M請再仔細查找甄別你下載的主題裡面哪個才是真正需要上傳的模板文件。
模板上傳成功之後，默認是未激活的狀態，需要點擊主題對應的Actions按鈕，在下拉選項中選擇Publish按鈕來發布主題。
通常出現的上傳模板文件出現錯誤的原因可能有：
未解壓縮查找模板文件而是直接上傳的從Themeforest上下載下來的壓縮文件
下載過程中因為網速問題導致的文件不完整，出現上傳錯誤
上傳過程中因為網速問題導致的文件不完整，出現上傳錯誤
在Shopify網站後臺模板管理頁面，主要有兩大板塊，一個是Current Theme， 一個是MORE Themes， Current theme就是你的Shopify網站當前使用的主題，Current Theme有且僅有一個主題。More Themes是你安裝在Shopify後臺的，其他未啟用的Shopify主題。一個Shopify網站一次性最多安裝20個主題，即1個激活的主題和19個為激活的主題。
每個Shopify模板在你的網站後臺都會有兩個功能按鈕，一個是Actions，一個是Customize。
Actions按鈕的功能包括：
Preview: 在你的網站前臺預覽Shopify主題顯示效果
Publish: 激活該Shopify模板主題
Rename: 重命名該Shopify主題
Duplicate: 複製Shopify主題
Download Theme File: 下載該Shopify主題
Edit Code: 編輯該Shopify主題的代碼
Edit Langulages: 編輯Shopify主題框架特定文字的語言或者顯示方式
Remove: 從Shopify後臺刪除該模板
這裡面，詳細解釋下下面的幾個Shopify模板的Action功能
Duplicate – 點擊Duplicate按鈕之後，會在你的Shopify網站後臺生成一個該Shopify主題的副本文件，意即你Duplicate Brooklyn主題之後，在後臺會生成一個名叫Copy of Brooklyn的模板文件。Duplicate功能的使用目的通常是在你對你的Shopify網站進行排版，代碼修改之前，做一個當前模板的備份，如果出現問題，可以儘快激活備份的模板文件使你的網站恢復正常。
還有就是在做一些特定活動的時候可以使用Duplicate功能，例如我使用Duplicate功能對Brooklyn模板生成了3個Copy of Brooklyn模板文件，並將這三個Copy of Brooklyn文件重命名為Brooklyn-NEWYEAR， Brooklyn-Christmas， Brooklyn-BlackFriday，分別對這三個主題進行編輯，在三個節日期間分別激活對應的模板，在平常激活Brooklyn主題。這樣可免於對模板樣式調整過來調整過去造成的麻煩。
Download Theme File: 下載Shopify主題，可以幫你快速的複製你當前的Shopify網站樣式到新的Shopify網站，免於重新調整設置的麻煩。
Edit Code – 所有對Shopify模板的代碼修改都是在這裡進行的。建議在修改代碼之前先使用Duplicate功能備份然後再進行修改，以免出現不必要的麻煩。
Edit Languages – 修改的是你Shopify網站的語言以及框架的文字內容。一個Shopify網站的文字內容由兩個部分組成，一個是你可以在你的Shopify網站後臺直接添加修改的，例如產品標題，描述，價格，產品目錄名稱，博客內容，頁面內容等等等等，一個是你無法直接在Shopify網站後臺直接修改的，如購物車按鈕上的Add to Cart文字等等。
在Edit Languages可以幫你修改你的Shopify網站的語言，例如將英語改為西班牙語。
也可以幫你修改網站框架的文字內容，例如購物車按鈕默認顯示的Add to Cart改為全部大寫的ADD TO CART，或者BUY NOW
Shopify另外一個功能按鈕是Customize, 也就是Shopify網站各個頁面板塊的顯示布局設置。
點擊Customize按鈕之後，網站會自動跳轉到網站前臺，並且在網站前臺會有一個左側邊欄，列舉了網站當前頁面各個板塊的功能設置。左側邊欄分為兩個部分，一個是Sections功能，一個是Theme Settings功能。
Sections功能負責的主要是網站頁面的布局以及各個板塊內容的設置。
Theme Settings功能負責的是網站框架的顏色設置，字體設置，社交網絡設置，購物車頁面設置以及結算頁面的設置。
目前大部分Shopify模板是支持Shopify的Section模塊功能的，在設置上所見即所得，也就是說你在左側邊欄做了哪些改動，在右側網站前臺視窗會做對應的改變。
如下圖，將Newsletter板塊移動到Featured Collection上方，只需要用滑鼠拖動左側邊欄的板塊名稱，右側網站前臺視窗就可以即時的顯示你所做的修改。
左側的任意模塊都是可以點擊進去進行詳細設置的，要添加模塊，點擊Sections項下的Add Section按鈕，選擇要添加的板塊，點擊Add按鈕就可以了。然後對板塊拖動進行頁面的排序。
要刪除某個模塊，需要點擊去模塊，在該模塊的最下方找到Remove Section按鈕，然後點擊確認保存，就可以了
在右側的網站頁面視窗上方左側，為頁面切換按鈕，下拉選擇不同的頁面，會在左側邊欄顯示不同的頁面模塊，然後對對應的頁面進行設置。網站前臺視窗的正上方三個按鈕分別顯示的是手機移動端的顯示效果，帶左側邊欄的顯示效果，以及不帶左側邊欄的全屏顯示效果。
Shopify主題之間的設置是相互獨立的，也就是說，你在設置好Brooklyn主題之後，安裝並激活新的主題，新主題需要重新進行頁面排版，顏色字體的設置，而且對新的主題的設置不會影響到Brooklyn之前的設置，重新激活Brooklyn主題之後，顯示的還是安裝新主題之前的樣子。
~以上三個板塊足夠讓你建立一個優質的獨立站網頁~
（來源：跨境HenryDong）
以上內容屬作者個人觀點，不代表雨果網立場！本文經原作者授權轉載，轉載需經原作者授權同意