如何設計電子商務產品頁面以獲得成功

已發表: 2020-11-11
a team looking at ecommerce product pages on a computer
好的產品頁面可以改善用戶體驗並提高轉化率
“最好的營銷感覺不像營銷。”
湯姆·菲什伯恩

您的產品頁面是軟木塞還是導管? 它們是否充滿了特氟龍塗層的文字或粘性的、刺激性的內容? 你的圖片是無聊的,還是引人注目的?

這是一個不可否認的事實:如果您想在電子商務方面做得好,您需要創建出色的產品頁面。 它們可以說是整個在線零售服務中最重要的部分。

好的產品頁面會提高您的轉化率。 糟糕的產品頁面會阻塞您的銷售渠道。 就這麼簡單。

根據商務體驗平台 Salsify 最近的一項調查,近 70% 的人會從寫得很糟糕、過於簡單的產品頁面中跳出來。

此外,大多數消費者希望在每個產品頁面上至少看到六張圖片和兩個視頻。

當然,賭注很高,但不要讓它讓你失望。 在本文中,我們將討論產品頁面的基本部分。 然後,我們將教您如何製作自己的完美產品頁面。 最好的部分? 你會玩得很開心。

讓我們開始吧。

“在每一項必須完成的工作中,都有樂趣的元素。你會找到樂趣——而且很快!——這項工作就是一場遊戲。”
歡樂滿人間

目錄

  • 這些是產品頁面的基本部分
  • 產品頁面對增長很重要
  • 什麼是完美的產品頁面?
  • 4個電子商務產品頁面的靈感
  • 電子商務產品頁面要點
想建立一個網上商店?
尋找電子商務開發者!

這些是產品頁面的基本部分

結構良好的產品頁面就像海綿蛋糕:它們看起來不錯; 他們表現得很好,他們讓你想要更多。 它們還有四種主要成分:

  1. 產品名稱(黃油):正如別名所暗示的那樣平滑,出色的產品名稱簡單、令人難忘且易於消化。
  2. 產品圖片(糖):與甜味劑一樣,引人注目的圖片會增加風味並使您的產品更受歡迎。
  3. 產品描述(麵粉):精心編寫的內容是王道——就像蛋糕中的麵粉一樣,它是頁面中的主要組成部分。
  4. 用戶體驗(雞蛋):雞蛋是使蛋糕膨脹的發酵成分之一。 精心打造的用戶體驗為您的頁面提供了類似的提升。

你可能會想“嘿——香草精和泡打粉怎麼樣?最重要的一小撮鹽怎麼樣?” 嗯,這些是您將用來將頁面整合在一起的創造性技能。 我們稍後會回到那些。

Bulk Nutrient ecommerce product page screenshot
[來源:散裝營養素]

產品頁面對增長很重要

消費者無法與電子商務商店中的商品進行物理互動——這就是精心設計的產品頁面的用武之地。從藍牙揚聲器到水瓶,當顧客覺得真實時,各種各樣的東西就會大量銷售。

讓我們深入探討一下:

1. 優秀的產品頁面有助於優化您的網站

優秀的產品頁面是 SEO 的重要組成部分。 如果您不優化您的頁面,人們將無法找到您的商品。 如果您確實優化了產品頁面,它們將共同幫助優化您的整個網站。

許多逆向工程都進入了 SEO。

為了獲得良好的 Google 排名,您需要弄清楚消費者在尋找與您銷售的產品類似的產品時會搜索哪些字詞。 然後,您必須在頁面內容中包含這些關鍵字。

商業智能工具和 Google Analytics 等工具可以幫助您找到相關的關鍵字,而 INK 等平台使以 SEO 為中心的寫作變得更容易。

2. 優秀的產品頁面增加轉化率

還記得我們之前提到的銷售漏斗嗎? 您的產品頁面位於該渠道的底部,它們要么將訪問者轉化為客戶,要么將他們完全從您的網站上移開。

也許不出所料,精心設計的產品頁面在遊戲的這個階段對您有利。

訪問您網站上的產品頁面的消費者已經對您的產品感興趣並願意接受建議。 您需要做的就是輕輕地輕推它們。

要獲得銷售,您只需讓訪問者相信您的商品具有相關價值。

什麼是完美的產品頁面?

您不需要擁有溝通學位即可創建有效的產品頁面。 您所要做的就是遵循一組最佳實踐。 每當您發布新產品頁面時,都需要包含以下五項基本內容:

1.大而美麗的圖像

正如我們之前提到的,消費者希望看到令人印象深刻的產品圖片——而且數量眾多。

我們在本文開頭引用的 Salsify 調查比一般的共識更進一步,將消費者分為不同的年齡組。

18 至 24 歲的消費者希望看到每種產品的 8 個圖像和 4 個視頻。 35 至 44 歲年齡段的消費者同意圖像配額,但預期有五個視頻而不是四個。

順便說一下,如果您有興趣探索這條大道,我們這裡有頂級視頻製作公司的列表。

回到正題:

Hubspot 的進一步研究表明,存儲有高質量圖像的產品頁面獲得的瀏覽量增加了 94%。

顯然,視覺營銷至關重要——即使在虛擬環境中也是如此。 以下是一些可以幫助您製作增加收入的產品圖片的熱門提示:

  • 使用高分辨率圖像:當消費者無法實際操作產品時,高分辨率圖像會讓他們感覺真實。 考慮您想在商店中檢查的每種產品的各個方面,並相應地提供特寫。
  • 使用大圖像:永遠不要吝嗇像素尺寸。 人們希望能夠放大以查看您的產品,因此請避免使用小於 1024x1024 像素的照片。
  • 為網絡優化您的圖像:像素尺寸和文件大小不是一回事。 為獲得最佳效果,請使用 PhotoShop 等優秀的照片編輯軟件,並將圖像保存為優化的 JPG,以減少頁面加載時間。
  • 利用客戶圖片:通過鼓勵人們使用您的產品發布自己的圖片,利用您現有的粉絲群來推動銷售。 社會證明有助於建立品牌信譽。

內幕建議 #1:有時,PNG 比 JPG 更好。 PNG 文件支持透明背景,因此它們非常適合在數字背景上顯示的徽標、計算機生成的圖像和產品圖片。 PNG 還支持更廣泛的顏色範圍,並且比 JPG 具有更好的對比度,因此它們非常適合用於高度詳細的產品圖像。

cutting borad screenshot tuscan olive wood image
[來源:砧板]

2. 獨特的產品描述

不要試圖回收或修改產品說明。 重複的內容會削弱您的在線形象並使您的 SEO 策略無效。 相反,為每個產品創建一個全新的描述。

當你寫,想想該產品是什麼,它是誰,它是如何工作,以及從同類產品可在其他地方為什麼它是不同的。 您需要說服訪問者當場購買您的產品。 就是這樣:

提示#1:為您的目標受眾寫作

想想你想把你的產品賣給誰。 如果這不是您之前考慮過的事情,請創建一個買家角色,然後將您的文本定位到您想像中的客戶。

Tp #2:使用動作詞

行動詞鼓勵……行動! 每個描述都以一個動作詞開始,告訴讀者他們可以用你的產品實現什麼。 像這樣:

  • “用這款多色調牆紙裝飾您的客廳。”
  • “使用我們適合家庭的即食食品系列,讓晚餐變得簡單。”
  • “使用這款節省空間的迷你食品加工機,在幾秒鐘內切碎蔬菜。”

Tp #3:使用客戶使用的語言

出售各種工具? 使用實用的語氣和直截了當的語言。 賣昂貴的古董? 使用正式的語言和適當的術語來展示您的專業知識。

3. 添加評論和評分

評論——尤其是當它們包含客戶圖片時——使您的品牌更加可信。 根據 Bazaarvoice 的轉換指數第 8 卷,查看評論的訪問者進行購買的可能性要高 58%。

評論和評分還將您的平均訂單價值 (AOV) 提高了 3%,並將每次訪問的收入提高了 62%。

讓我們重新審視社會證明。

您可能在上次購買新產品時也閱讀了評論。 產品評論的前提很簡單:如果現有客戶認為產品或服務很棒,您可能會有類似的積極體驗。

40% 的客戶將開始與以良好客戶服務著稱的競爭品牌開展業務。 簡而言之,這就是社會證明。

如果您的品牌獲獎,請在您的產品頁面上提及。 信任徽章(Better Business Bureau 認證、TRUSTe 認證)可以讓消費者放心——特別是如果您的品牌是市場上的新品牌。

4. 清除號召性用語

網站訪問者通常需要被告知下一步該做什麼。 產品描述結尾處寫得很好的號召性用語 (CTA) 作為提示。

入站營銷專家稱 CTA 為“秘密武器”,因為它們可以增加轉化率、提升 AOV,並且通常會漏斗通向終點線。

需要一些 CTA 示例嗎? 幹得好:

  • “點擊這裡了解更多關於我們的能量提升生物補充劑,並在您的下一個訂單中享受 10% 的折扣。”
  • “今天購買並免費獲得隔夜送貨服務!”
  • “立即聯繫我們安排免費諮詢或個人產品演示。”

CTA 黑客超越了文本,可能包括:

  • 箭頭按鈕:在 CTA 中添加箭頭圖標可以將點擊率 (CTR) 提高 26%。
  • 紅色或橙色文本:將文本顏色從枯燥的黑色更改為鮮豔的紅色或橙色,可以將轉化率提高 32.5%。
  • 一個可點擊的按鈕:將你的整個 CTA 變成一個巨大的按鈕可以將點擊率提高 45%。
  • 減少雜亂:在極簡主義的設置中展示您的 CTA,並獲得高達 232% 的點擊流量。
  • 個性化:有針對性的 CTA 可以將您的點擊率提高多達 42%。

內幕建議#2: CTA 也是一種神奇的營銷策略成分。 根據 AdRoll 和 Wordstream 的調查,CTA 將社交媒體帖子的點擊率提高了 285%,並將營銷電子郵件的點擊率提高了 371%。

5. 產品推薦

產品推薦 - 個性化與否 - 可以推動您的平均籃子價值飆升。

在您的產品描述下方添加一些內容,以增強您的頁面並圍繞您的品牌創建一個普遍的嗡嗡聲。 有八種主要的產品推薦類型:

  1. 同類產品:同類產品推薦讓消費者更容易找到理想的商品搭配。
  2. 追加銷售選項:展示產品的高價高級版本以鼓勵消費者支出。
  3. 經常一起購買:排列相互搭配的產品,使您的 AOV 翻倍。
  4. 推薦產品:使用數據根據訪問者的瀏覽歷史推薦產品。
  5. 以前瀏覽過:向訪問者展示他們以前瀏覽過的產品以鼓勵購買。
  6. 產品捆綁包:通過為客戶提供特別折扣,讓他們更容易購買捆綁包。
  7. 熱門產品:利用同伴壓力鼓勵訪問者選擇其他項目。
  8. 新品:通過新品輪播展示季節性系列和全新的科技產品。
Belli skincare ecommerce product page example
[來源:Belli Skincare]

4個電子商務產品頁面的靈感

仿真是成功的萬無一失的公式。 讓我們看看我們最近看到的一些最有效的產品頁面,並談談它們為何如此有效:

1. 拉克

Larq 基本上是一家單一產品公司。 各種顏色的創新自清潔水瓶和隨附的袖子構成了其在線產品的大部分。

它的主要水瓶頁面簡單而優雅,並解釋了 Larq 水瓶提供的功能以及它與其他水瓶的不同之處。

查看 Larq 產品頁面上的語言、科學和價格點,我們可以看到 Larq 的目標消費者群既精通技術又相當富裕。

Larq 的產品頁面極簡且易於吸收,提供精緻、直觀的體驗。

Larq ecommerce product page screenshot
[來源:拉克]

2. 地洞

接下來讓我們看看 Burrow 的 Block Nomad 沙發。 Burrow 生產優質家具,每件家具都可以直接從製造商訂購併運送給消費者。

Nomad 是一款簡潔大方的三人座車型,並且具有防污飾面——奢華且經久耐用的一款便捷包裝。

產品選擇和結賬是一個臭名昭著的購買障礙,但 Burrow 讓它變得容易。 單選按鈕可讓您選擇顏色、飾面、手臂樣式、坐墊選擇和可選升級。

每次從一個選項切換到另一個選項時,主圖像都會更改以匹配。 很容易想像你會收到什麼樣的沙發——這是一個天才的營銷舉措。 厲害了,伯羅。

向下滾動,Block Nomad 產品頁面經過精心打磨且不做作。 首先是尺寸,然後我們繼續進行簡短、周到的產品描述。

主要功能如下(圖標創建視覺標記),然後是 Burrow 首席執行官的引語,這在公司和消費者之間建立了巧妙的聯繫。 自動播放視頻和動畫起到裝飾作用。

block nomad sofa product page design
[來源:伯羅]
block nomad sofa ecommerce product page
[來源:伯羅]

3. 狂歡

是時候穿上一點永恆的裝束了。 Revelry 成立於 2009 年,避開了傳統零售店,讓在家購買伴娘禮服變得容易。

您無需離開起居室即可訂購面料樣本、選擇衣服長度並指定定制的附加功能。 每件連衣裙都是按各種尺寸、顏色和材料定制的。

為了進行細分,讓我們檢查一下 Dylan 天鵝絨伴娘禮服產品頁面。

在產品名稱的正下方,我們列出了完整的價格以及 Klarna 分期付款。 分期付款定價可以通過分攤昂貴物品的成本來幫助您增加銷售額,從而使它們更容易負擔得起。

好動作,狂歡。

消費者可以通過方便、直觀的下拉列表和單選按鈕來選擇顏色、尺寸、衣長和交貨時間等選項。

向下移動頁面,我們會看到產品說明和有關這件衣服的更多信息。 最後,評論提供了社會證明,“更多的愛”輪播顯示了替代方案。

revelry screenshot ecommerce website design
[來源:狂歡]

4. 骷髏糖

音樂是一種通用語言,Skullcandy 產品讓音樂更易於體驗。

以該品牌的 Venue 降噪耳機為例。

它們舒適且經過精心設計,還包括主動降噪技術,使和聲更容易被聽到。 我們幾乎立即了解到這些信息,因為它非常清楚地顯示在產品頁面上。

鮮豔的色彩和尖端的圖形為這個頁面增添了時尚的氛圍; 易於理解的圖標和單句摘要說明為讀者提供了易於閱讀的、可掃描的信息。

隨後,一段視頻從各個角度展示了該產品,將其從二維變成了三維。 再向下滾動一點,您將獲得全屏功能和優勢。

照片、引述和技術事實將 Venue 耳機宣傳為一種可行(且更時尚)的替代知名降噪品牌的耳機。 評論以居中格式位於頁面底部 - 它們看起來像專輯評級。

聰明,與唱片公司的氛圍相當。 打得好,Skullcandy。

venue noise-canceling headphones ecommerce product page
[來源:Skullcandy]
scullcandy venue noise-canceling headphones product page design
[來源:Skullcandy]

電子商務產品頁面要點

產品頁面位於銷售漏斗的底部附近,它們要么迫使訪問者進行購買,要么使他們直接離開您的網站。

優秀的產品頁麵包括精心編寫且獨特的描述性文字、引人注目的圖像、真實的評論和明確的行動號召。

為所有這些頁面元素添加一點您自己的風格,您就會使您的產品栩栩如生。 如果您在優化產品頁面後發現銷售額激增,請不要驚慌! 祝你好運!

想要建立一個 Shopify 商店?
查找 Shopify 開發人員