使用 Shop Kit 創建更好的產品頁面的 5 種方法
已發表: 2022-09-15隨著 Kadence Shop Kit 2.0 的推出，世界各地的 WooCommerce 網站所有者開始使用這個創新插件中提供的工具創建更有效的產品頁面。
在最近的 Page Builder 峰會上，Kadence 創始人 Ben Ritner 概述了為什麼產品頁面對於將網站訪問者轉化為品牌客戶如此重要。 該視頻現在可以在我們的 YouTube 頻道上觀看，並且嵌入在下方。
如果您剛剛開始使用 Kadence Shop Kit，您可能想知道應該開始在產品頁面上自定義哪些區域。 如果您剛剛開始使用 Kadence Shop Kit，我們希望為您提供一些快速且可操作的步驟，這些步驟突出了您可以用來使您的 WooCommerce 產品頁面更強大的策略。 我們已經包含了我們的最佳技巧以及一些可以很好地展示電子商務產品以獲得靈感的網站。
1. 用清晰簡潔的信息來製定你的滾動策略
一個有效的頁面設計策略是讓您的網站的“首屏”（即在頁面加載時立即顯示的內容）包含您的客戶在購買之前需要知道的所有內容。 在這個空間中，您只有幾分鐘的時間來吸引潛在客戶的注意力，因此您必須使您的報價盡可能易於理解。 清楚地展示您的受眾將通過購買您的產品獲得什麼。 在最高級別，明確該音調，然後使用頁面的其餘部分以證據支持該信息，無論是推薦、概述功效的測試數據，還是技術細節、測量等。提供更複雜的數據進一步向下頁。
Love Hair 在突出產品優勢方面做得很好。 放置良好的產品照片（包括視頻）以身臨其境的體驗展示產品。 當用戶向下滾動時，突出顯示易於閱讀的推薦書並用顏色突出顯示，購物 TL；DR 事實可在手風琴中獲得，分組推薦書可在頁面下方進一步獲得。
Kettle & Fire 是另一個進行基於訂閱的購買的網站，它使理解報價變得非常容易。 在首屏，您擁有單擊立即購買所需的一切，隨著用戶進一步向下滾動，您將獲得更多信息。
2. 每頁專注於一個目標
WooCommerce 旨在每頁專注於一種產品，但店主通常有理由一起銷售多種產品。 每個頁面應該只有一個號召性用語，並且該行動應該是購買您的產品。
如果您的登錄頁面旨在讓某人選擇加入您的郵件列表，請不要試圖在該頁面上添加多個號召性用語。 如果這是該特定登錄頁面的目標，那麼贏得新的電子郵件關係就可以了。 您總是可以培養這種關係並在以後進行銷售。
非常有意識地為您的客戶開發旅程。 請記住，如果他們正在查看您的產品頁面，他們已經經歷了買家旅程的教育和評估階段。 他們現在正在評估購買，踢那些輪胎，你作為數字營銷人員的工作是幫助他們採取行動並完成銷售。
您的產品頁面的主要重點是讓他們採取下一步將產品添加到他們的購物車以準備結帳。
3.優化購買按鈕
號召性用語將成為您頁面上最重要的元素。 確保它位於前面和中間，明亮且易於找到。 當訪問者將鼠標懸停在按鈕上時，使按鈕活躍的懸停效果提供了採取行動的視覺提示。 確保您的“立即購買”或“添加到購物車”文本清晰簡潔，不要試圖變得太聰明。
但是，如果做得好，一個聰明的購買按鈕可以吸引人們對您的產品的關注。
蒙大拿哈德森做得很聰明，購買按鈕上寫著“我想要”。 為什麼是的，謝謝。 我願意！
當然，任何類型的聰明都應該通過一些測試來實現。 使用 Optimizely 等工具運行 A/B 測試，以確保您的號召性用語經過優化，可將訪問者轉化為客戶。
4.使產品描述文本易於瀏覽
具有諷刺意味的是，我們已經隨著互聯網作為基於文本的搜索市場而成長，然而當網站訪問者進入您的頁面時，他們對略讀更感興趣？ 專注於與客戶會面的目標。
保持副本簡潔。 將段落限制在 3 個句子或更少。 使用提供副本定義且易於瀏覽的字體。
並且，讓你的文案值得一讀。
Poo-pouri 充分利用文案來使產品描述變得有趣，以閱讀有關禁忌話題的內容。 來吧，我們知道你想讀它。
5.使用高質量的攝影
當您展示待售產品時，您正在嘗試為您的網站訪問者創造一種身臨其境的體驗。 這樣做，他們更有可能在擁有您的產品時設想自己解決了問題或提升了身份。 注重攝影質量和視頻體驗是必須的。 幸運的是，手機攝影幾乎和專業攝影一樣好，但知道如何設置好鏡頭可能需要專業人士。
但是，當您看到產品頁面上顯示的誘人照片時，這項投資非常值得。
如果您有產品變體，請確保您在攝影中也有這些產品變體，Shop Kit 可以幫助您部署。
Rent the Runway 在攝影方面做得很好。 他們必須。 網站訪問者正在尋找重要事件的完美外觀，並且沒有出錯的餘地。 產品攝影必須獲勝。
所以你喜歡咖啡。 你知道它在你的杯子裡是什麼樣子的。 Blue Bottle Coffee 在獨特而優雅的咖啡照片上做得非常出色，超越了普通的熱氣騰騰的咖啡。 這種令人嚮往的攝影提升了購物者心中的晨磨儀式。
您將如何處理您的產品頁面？
Kadence Shop Kit 解鎖產品頁面。 借助預構建的模板來幫助您設計突出產品優勢的創新產品佈局，新產品佈局的入門比以往任何時候都更加容易。
Kadence Shop Kit 是 Kadence Full Bundle 的重要組成部分。 完整捆綁包包含 Kadence 提供的所有內容，包括用於有效彈出窗口、幻燈片和橫幅的 Kadence Conversions，用於在眾多站點之間共享設計庫的 Kadence Cloud，當然還有 Kadence Theme Pro 和 Kadence Blocks Pro，以便您可以有效地使用動態內容，條件顯示等等。
您在使用 Kadence 商店套件嗎？ 在下面的評論中分享您的經驗，讓我們知道我們可以在哪裡看到您的產品頁面以獲得靈感！