如何構(gòu)建高轉(zhuǎn)化率的 Shopify 產(chǎn)品頁面？

稀缺的流量資源一直是獨立站最大的痛點。如果你不能打造流量池，那么你至少要懂得，如何利用僅有的流量資源，將他們轉(zhuǎn)化為你的忠實粉絲。對于Shopify的獨立站商家來說，產(chǎn)品頁的設(shè)計直接關(guān)系到潛在客戶的轉(zhuǎn)化率，因此，我們必須懂得學(xué)會如何去打造一個高轉(zhuǎn)化率的產(chǎn)品頁面。

產(chǎn)品頁面的目的是什么？

現(xiàn)在是跨境電商最好的時機，競爭當(dāng)然也是異常激烈，如果商家無法提高店鋪的轉(zhuǎn)化率，再多的流量只會增加營銷成本。用戶從網(wǎng)站首頁跳轉(zhuǎn)到產(chǎn)品頁，已經(jīng)具備購買的可能性，如果商家能夠在產(chǎn)品頁刺激到用戶的購買欲望，轉(zhuǎn)化率將會大大提高。

Shopify獨立站的核心頁面是有兩種，一種是著陸頁（其中以首頁最為核心），一種是產(chǎn)品頁。它們有著各自的角色和目的，同時影響著用戶的購買行為。著陸頁一般指網(wǎng)站的主頁面，最大的作用在于告訴用戶：我賣什么東西，為什么你要買我們的產(chǎn)品。

主頁雖然是整個網(wǎng)站的核心，但是最終影響用戶購買的還是在產(chǎn)品頁。用戶會在產(chǎn)品頁面停留比較長的時間，在整個時間段里，用戶心理只考慮一件事：我要不要買你家的產(chǎn)品？！相反，產(chǎn)品頁最終目的就是告 訴用戶：買，現(xiàn)在就買。

現(xiàn)在，我們就來詳細說下，Shopify的產(chǎn)品頁面應(yīng)該怎么構(gòu)建，才能驅(qū)動用戶將產(chǎn)品放入購物車。

產(chǎn)品頁設(shè)計前需要考慮什么？

首先，產(chǎn)品頁面設(shè)計風(fēng)格受限于你購買的Shopify店鋪主題。不少商家會碰到一個問題，你需要構(gòu)建的內(nèi)容模塊，主題里面不支持，這時候需要購買額外的App插件，增加支出。正確的做法是，在選擇購買主題前一定要多看看同類商家的產(chǎn)品頁面，他們的設(shè)計方案和信息模塊，然后購買一個符合自己要求的的主題。

其次，產(chǎn)品頁面的設(shè)計不是隨心所欲的，要站在用戶的角度去考慮，把自己想象成潛在客戶，購買這個產(chǎn)品最關(guān)心的是什么。如果頁面無法說服自己，打消疑慮，又怎么能說服購買欲不同的用戶呢。

產(chǎn)品頁面的關(guān)鍵元素

轉(zhuǎn)化率高的產(chǎn)品頁面，每個元素的設(shè)計都是有目的，這其中包含了以下幾個關(guān)鍵元素：

1. 明確的產(chǎn)品名稱

2. 吸引人的圖片

3. 優(yōu)質(zhì)的產(chǎn)品視頻

4. 產(chǎn)品特征描述

5. 產(chǎn)品細節(jié)描述

6. 客戶須知

7. 豐富的產(chǎn)品評論

8. 常見問題FAQ

9.  CTA號召性按鈕設(shè)計

在介紹產(chǎn)品頁面元素的同時，Booky將引入一個實例展示（ lovehair.com ），一家銷售頭發(fā)護理的Shopify店鋪。 

產(chǎn)品名稱

產(chǎn)品名稱應(yīng)該明確告訴用戶，你現(xiàn)在購買的是什么產(chǎn)品。簡單明了，不要有太多的修飾，否則會讓用戶感到困惑，更不要出現(xiàn)誤導(dǎo)性的詞匯。此外，要考慮搜索引擎SEO友好度，我們可以選擇一些長尾詞來作為產(chǎn)品名稱，有利于提高頁面在搜索引擎的曝光度。如果你銷售的產(chǎn)品是不同的品牌，一定要標明該產(chǎn)品屬于什么品牌。

誘人的產(chǎn)品圖片

產(chǎn)品圖片是最能影響用戶購買的元素之一，因為用戶并不能親眼看到摸到產(chǎn)品，功能不僅在于展示，更要創(chuàng)造用戶體驗感。圖片制作不能太隨便，一定要進行美工處理。此外，產(chǎn)品圖片模塊的布局應(yīng)該遵循以下幾個原則：

高分辨率圖片，可放大查看：研究表明，用戶進入產(chǎn)品頁面，最先瀏覽的就是圖片。用戶非常依賴于視覺感觀。美觀的圖片大大增強了用戶的購買欲望。低質(zhì)量的圖片不僅讓人沒有購買欲，對整個品牌印象也非常 差。

多張圖片，展示優(yōu)秀的產(chǎn)品細節(jié)：很多品類的產(chǎn)品是需要更多的細節(jié)圖片來影響用戶，告訴客戶我們的產(chǎn)品質(zhì)量非常高，材料環(huán)保安全系數(shù)高。并且通過圖片放大功能增強細節(jié)的視覺體驗感。

產(chǎn)品的使用場景圖片，增強購買欲：使用場景就是為了營造出現(xiàn)實的樣子，告訴用戶這個產(chǎn)品給它帶來哪些積極的變化。如果是賣手表，應(yīng)該展示給用戶，手表給用戶帶來不同凡響的氣質(zhì)。如果是賣玩具，應(yīng)該展示親子互動的場景。如果是買化妝品，應(yīng)該展示使用前后的變化，進一步提高用戶的購買欲望。

需要注意的是，圖片太多，尺寸太大，會造成網(wǎng)站的性能的降低，加載速度變慢，要善于使用Lazy loading的方式來加載圖片。

優(yōu)質(zhì)的產(chǎn)品視頻

往往圖片還不能夠很強烈刺激用戶的購買欲，可以借助視頻來展示產(chǎn)品各方面的特點和使用場景，視頻具有很強烈的代入感，能夠進一步的說服用戶，打消用戶的購買疑慮。

你可以制作各種不同主題的視頻，增強網(wǎng)站的可信度和產(chǎn)品的體驗感。視頻的類型可以有多種選擇：

• 產(chǎn)品介紹

• 開箱視頻

• 生產(chǎn)線視頻

• 操作方法視頻

• 品牌介紹視頻

• 真人秀視頻

視頻同樣需要注意加載速度的問題，不能直接上傳本地視頻到Shopify，這個操作不可取。最好的方式是引入YouTube視頻，讓用戶點擊播放。

產(chǎn)品特征描述

產(chǎn)品特征描述就是產(chǎn)品說明，應(yīng)該明確的告訴用戶，產(chǎn)品用途和一些基本信息，特別是介紹產(chǎn)品獨特性，賣點在哪里。

產(chǎn)品描述不能太累贅，要有條理性和邏輯性，句子要簡單明了，避免使用過長的句子，否則會讓用戶感到困惑。例如護膚品類，可以把產(chǎn)品描述分為：產(chǎn)品基本介紹；產(chǎn)品成分表；使用方法；注意事項等。

產(chǎn)品細節(jié)描述

細節(jié)描述也是屬于產(chǎn)品描述的一部分，只是它應(yīng)該更為突出。如果你的產(chǎn)品介紹都是很普通的描述，那說明你沒有站在用戶的角度考慮這款產(chǎn)品。例如一款媽咪包，除了包包的外在尺寸和外形外，里面的尺寸是多大，能夠放多少東西，包包里面是如何分層的，包包里面是什么布料，能不能防水，包包的做工質(zhì)量怎么樣。

細節(jié)描述的目的在于打消用戶對產(chǎn)品的各種疑慮，用戶在這一過程中，可以進一步確定，這個產(chǎn)品是不是和用戶需要的或者想象中的一模一樣。

用戶須知

用戶須知包含了多方面的元素，這些信息是用戶購買前需要知道的，特別是優(yōu)惠券之類的，客戶會特別留意。如果新用戶可以通過注冊會員獲取20%的優(yōu)惠，這將更具有誘惑力。用戶須知的元素可以有下面幾種：

• 物流費用，是否包郵

• 發(fā)貨時間

• 是否有折扣價，如何獲取折扣

• 是否支持分期付款

豐富的用戶評價

對于大多數(shù)的小品牌來說，口碑的顯得更為重要。用戶比較關(guān)心該產(chǎn)品的購買評價來進一步確定他的決定是沒有錯的。顯示用戶評論和評論條數(shù)，會大大提高轉(zhuǎn)化率，研究表明，有5條評論的產(chǎn)品比0評論的產(chǎn)品，購買率要提高270%。

除了提高轉(zhuǎn)化率，評論的另外一個主要目的就是SEO優(yōu)化，評論當(dāng)中出現(xiàn)的產(chǎn)品長尾詞會被谷歌抓取，當(dāng)評論越多的時候，谷歌會認為該頁面很受歡迎，并且提高該頁面的權(quán)重和曝光度。

常見問題FAQ

常見問題是指用戶在使用過程當(dāng)中反復(fù)出現(xiàn)的情況，有必要提前告訴用戶，當(dāng)出現(xiàn)該情況的時候，應(yīng)該怎么處理。把所有的常見問題做一個整理，通過在Shopify頁面添加FAQ列表，不僅節(jié)省了售后服務(wù)的大量工作，同時避免的后續(xù)不必要的誤解和摩擦。

 CTA號召性按鈕設(shè)計 

CTA也既是Call ToAction，在于引導(dǎo)用戶采取某方面的行動。它是一句號召性語言，并通過一個按鈕，一張圖片，或者一條橫線傳達出去。它的目的在于給處于不同階段的用戶提供不同的CTA，讓用戶采取行動。例如以下幾個階段：

• 注冊新訪客: 常見的有 Subscribe 按鈕

• 引導(dǎo)下載文本: Download Now

• 用戶咨詢：Call Me 或者 Contact Now

• 添加購物車：Add To Cart 或者 Shop Now

你或許會覺得只是個簡單按鈕，但它卻影響著用戶的點擊行為。不同的號召性用語會直接觸發(fā)不同的轉(zhuǎn)化效果。CTA的設(shè)計和它的位置和轉(zhuǎn)化率有一定的關(guān)聯(lián)。我們在Shopify的產(chǎn)品頁面布局CTA按鈕的時候，很難去把控CTA對轉(zhuǎn)化率的影響有多大。因為每個店鋪都不一樣，適合這個店鋪的CTA不一定適合你的店鋪。因此，CTA的轉(zhuǎn)化效果是需要通過測試，才知道哪些CTA更加符合你的店鋪。

當(dāng)然，最簡單的CTA布局規(guī)則應(yīng)該是，位置突出，色彩對比度明顯，夠大氣，第一眼能夠清楚看到，點擊效果變化明顯，在移動端的CTA大小要占據(jù)一整行的位置。

總結(jié)

高轉(zhuǎn)化率的Shopify產(chǎn)品頁面設(shè)計不一定要大而全，各方面信息都包含其中不一定好，相反，干凈利落，重點突出的產(chǎn)品頁面會有驚人的轉(zhuǎn)化率。那么，該如何判斷這樣的頁面是否適合你的店鋪，我的回答是：嘗試與改進。

嘗試設(shè)計不同的產(chǎn)品頁面模板，當(dāng)然模板數(shù)量不宜太多太雜，例如2-3種模板。針對有特殊需求的產(chǎn)品，構(gòu)建不同的頁面布局，避免千篇一律。

善于利用其他SEO工具，例如 google analytics，判斷用戶在產(chǎn)品頁面的平均停留時間以及轉(zhuǎn)化率，可以看出你的頁面是否受歡迎。如果停留的時間太短，轉(zhuǎn)化率低，說明不具有吸引力，需要進一步修改頁面的布局方案。通過分析，很容易看到那種設(shè)計模板的轉(zhuǎn)化率比較高。

不論如何，產(chǎn)品頁面直接影響到了用戶的購買行為，你需要花費更多的時間去改進布局效果，不斷提高用戶體驗感。但，這一切都是值得的。