編輯註:我們通過 WPressize Me 上的合作夥伴鏈接賺取佣金。佣金不會影響我們編輯的意見或評估。了解更多關於編輯流程的信息。
為何在 WooCommerce 添加簡短產品描述?
類似於文章摘要,簡短的產品描述可以使消費者更想了解產品。大多數 WooCommerce WordPress 主題會將描述顯示在個別產品頁面上直接位於價格下方。由於這是購物者會首先看到的內容之一,該描述非常適合分享重要的產品資訊,如產品尺寸或材料。這可以幫助購物者快速決定是否要通過滾動到完整描述或查看產品圖片畫廊來了解更多關於產品的資訊。換句話說,一個吸引人的描述可以作為產品頁面的銷售宣傳。
考慮到這一點,讓我們來看看如何在 WooCommerce 添加簡短的產品描述。
如何在 WooCommerce 添加簡短產品描述
要創建簡短的描述,請前往你的 WordPress 後台,導航至「產品」»「所有產品」。然後,找到你想添加簡短描述的產品,並點擊其「編輯」鏈接。
完成後,滾動到「產品簡短描述」框。你現在可以在文本區域中輸入描述。
當你對輸入的資訊感到滿意時,簡單地更新或發佈產品頁面即可。
現在,如果你訪問你的線上商城中的產品頁面,你會在屏幕頂部看到簡短描述。大多數主題會將該描述顯示在產品價格和「加入購物車」按鈕下方。你可能會根據你的 WordPress 主題看到不同的顯示效果,但通常會出現在頁面的頂部。
如何在主要商城頁面顯示簡短產品描述
默認情況下,大多數 WooCommerce 主題只會在個別產品頁面上顯示簡短描述。通常,它們不會在產品分類頁或主要商城頁面上顯示描述,如下圖所示。
然而,有時你可能希望在主要商城頁面和產品分類頁上顯示此資訊。這可以幫助顧客通過訪問完整產品頁面來了解更多吸引他們的產品。要在主要商城頁面和產品分類頁上顯示簡短描述,你需要向網站添加一些代碼。在 WordPress 中添加自定義代碼的最佳方式是使用 WPCode。它是最好的代碼片段插件,可允許你向線上商店添加自定義 CSS、PHP 等。
首先,你需要安裝並激活 WPCode 插件。更多資訊,請參閱我們的分步指南:如何安裝 WordPress 插件。
插件激活後,進入「代碼片段」»「添加片段」。
在這裡,你會看到一些預製的片段,你可以添加到你的网站上。這包括一個允許你完全禁用評論,上传 WordPress 通常不支持的文件類型,禁用附件頁面等等的片段。
在下一個屏幕中,你需要將鼠標懸停在「添加自定義代碼(新片段)」選項上,當它出現時點擊「使用片段」按鈕。
在這裡,為代碼片段輸入一個標題。這只是供你參考,所以你可以使用任何你想要的標題。
然後,打開「代碼類型」下拉菜單,選擇「PHP 片段」。
完成此操作後,將以下代碼粘貼到代碼編輯器中:
add_action( 'woocommerce_after_shop_loop_item', 'woo_show_excerpt_shop_page', 5 );
function woo_show_excerpt_shop_page() {
global $product;
echo $product->post->post_excerpt;
}
之後,點擊「非活動」滑塊,使其顯示「活動」。然後點擊「保存片段」或「更新」按鈕使代碼片段生效。
現在,主要商城頁面和產品分類頁面將顯示你的不同產品的簡短描述。大多數 WooCommerce 主題會將該資訊顯示在產品價格和「加入購物車」按鈕之間。你可以在下面的圖片中看到這一點。
請注意,在你的商城和產品分類頁面上有過多的文字會使站點看起來雜亂和混亂。如果你不喜歡某個特定的簡短產品描述的外觀,那麼你可以按照上面描述的過程隨時更改它。
如何在自定義 WooCommerce 主題中顯示簡短描述(高級)
如果你對產品頁面上描述的顯示效果不滿意,那麼你可以使用頁面構建插件來為你的線上商店創建自定義的 WordPress 主題。SeedProd 是最好的登陸頁面構建器和主題構建器,允許你在不編寫任何代碼的情況下構建自己的 WooCommerce 主題。這樣你可以完全控制簡短產品描述在產品頁面上的顯示位置。
SeedProd 的免費版本可以在 WordPress.org 上獲得,但我們將使用該插件的專業版,因為它附帶了主題構建器和預製的 WooCommerce 模塊。這些模塊包括一個“簡短描述”模塊。
在這一部分,我們將展示如何為你的 WooCommerce 商店創建一個完全自定義的單品佈局。你需要重複這一過程,為你的線上商店的每個頁面創建一個獨特的佈局。例如,你將使用 SeedProd 為你的商城首頁和存檔頁面創建設計。
這使你可以完全控制整個商城的佈局。這對任何希望設計完全自定義的 WooCommerce 商店的人來說都是一個強大且靈活的選擇。
安裝並激活 WordPress 插件後,SeedProd 會要求提供你的許可鑰匙。你可以在你的 SeedProd 網站賬戶下找到此資訊,以及在購買確認郵件中。
鍵入鑰匙後,轉到「SeedProd」»「主題構建器」。在這裡,點擊「添加新主題模板」按鈕。
在出現的彈出窗口中,在「名稱」字段中輸入你的產品頁設計的名稱,打開「類型」下拉菜單,並點擊「單品」。完成後,點擊「保存」按鈕。
你現在會看到 SeedProd 拖放頁面構建器。在右側,你會看到產品頁面的實時預覽,初始時是空白的。左側是顯示所有你可以添加到自定義 WooCommerce 產品頁面的塊和部分的菜單。
SeedProd 帶有許多預製塊,包括一些特殊的 WooCommerce 塊。例如,你可以使用“最新產品”塊來顯示 WooCommerce 中的最受歡迎產品。
你可以使用這些預製的 WooCommerce 塊在幾分鐘內建造完全自定義的產品頁面。
由於我們使用的是空白模板,你需要自己添加所有 WooCommerce 產品頁元素。這包括元素如「產品主圖」和「產品標題」,以及「簡短描述」。
你還可以使用 SeedProd 塊如間隔器、列和分隔線,給你的 WooCommerce 頁面一個漂亮的結構和有條理的佈局。
要開始,請在左側菜單中找到 WooCommerce 模板標籤,選擇一個塊添加。然後你可以簡單地將該塊拖放到頁面布局中。
要對塊進行更改,僅需在 SeedProd 預覽中單擊以選取它。左側菜單將顯示所有你可以用來自定義該塊的設置。例如,如果你單擊「產品標題」塊,那麼你將能夠更改字體大小、文本對齊方式等。
要將簡短描述添加到設計中,只需在左側菜單中找到「簡短描述」塊。然後,簡單地將此塊拖放至設計中。
在構建產品頁面時,你可以通過拖放塊來移動它們。這樣很容易在 SeedProd 中創建具有完全自定義布局的 WooCommerce 產品頁面。
當你對 WooCommerce 產品頁的設計感到滿意時,點擊右上角的「保存」按鈕。最後,點擊「發布」按鈕保存更改。
你現在已經為你的線上商店創建了一個完全自定義的產品頁面。你可以按照上述描述的相同過程,為所有不同的 WooCommerce 頁面創建模板。如果你不確定接下來要創建什麼設計,只需點擊「添加新主題模板」按鈕。
然後點擊「類型」下拉菜單。你現在會看到需要創建的所有不同模板的列表,如頁眉、頁腳和單個文章。
編輯完所有 WooCommerce 頁面後,你就可以使自定義主題上線。簡單地轉到「SeedProd」»「主題構建器」,然後點擊「啟用 SeedProd」滑動條,將其從「否」改為「是」。
獎勵提示:自定義更多 WooCommerce 頁面
當你對產品頁面的外觀感到滿意時,你可能希望重新設計其他核心 WooCommerce 商店頁面。這可以改善購物體驗,從而降低購物車放棄率並增加銷售量。研究顯示,幾乎七成的顧客會放棄購物車且永不回頭。考慮到這一點,你的購物車頁面應該盡一切可能確保銷售成功,但默認的 WooCommerce 購物車頁面沒有針對銷售進行優化。
有關如何使用 SeedProd 構建高轉換率購物車頁面的分步指南,請參閱我們的指南:如何創建自定義 WooCommerce 購物車頁面。
之後,你可能希望通過創建一個包含社交媒體鏈接、客戶評論、獨特品牌等的自定義 WooCommerce 結賬頁面來優化結賬過程的最後一步。
我們希望本文幫助你了解如何在 WooCommerce 中添加簡短產品描述。你還可以參閱我們的初學者指南:最佳 WooCommerce 插件和最佳 WordPress 網站即時聊天軟件。
如果你喜歡這篇文章,請訂閱我們的 YouTube 頻道觀看更多 WordPress 視頻教程。也可以在 Twitter 和 Facebook 上找到我們。