WordPress建站｜5種方式給你的產(chǎn)品頁面添加尺寸參數(shù)表格？

親愛的梨粉們，看這里吖！?。?/p>

大家好，我是雪梨??鴨～

今天跟大家分享如何在WooCommerce產(chǎn)品詳情頁添加產(chǎn)品參數(shù)表格（彈窗popup）

如圖

圖片來源：WooCommerce截圖

點(diǎn)擊Size Chart就可以觸發(fā)彈窗

圖片來源：WooCommerce截圖

彈窗顯示產(chǎn)品詳細(xì)的參數(shù)以及文案描述

看看如何實(shí)現(xiàn)吧。

1 Elementor Popup

大家可以自行用Elementor的彈窗功能去添加（不過這個(gè)適合產(chǎn)品數(shù)量少的獨(dú)立站）

2 Product Size Charts Plugin for WooCommerce

圖片來源：Product Size Charts Plugin for WooCommerce截圖

此插件可以配置高級產(chǎn)品參數(shù)表格

圖片來源：Product Size Charts Plugin for WooCommerce截圖

▲ 插件價(jià)格

  圖片來源：Product Size Charts Plugin for WooCommerce截圖

創(chuàng)建具有無限行和列的尺碼表

圖片來源：Product Size Charts Plugin for WooCommerce截圖

使用我們可靠且易于導(dǎo)航的界面快速構(gòu)建自定義尺寸的表格。

– 為尺寸圖表表創(chuàng)建無限的行和列

– 同時(shí)快速添加或刪除多行和列

– 根據(jù)您的要求添加/編輯尺碼表上的多行和多列

顯示靈活有效的尺碼表

圖片來源：Product Size Charts Plugin for WooCommerce截圖

您可以從前端顯示的各種尺碼表中進(jìn)行選擇。他們可以：

- 彈出窗口

– 尺碼表選項(xiàng)卡

– 添加到購物車之前/之后

– 在自定義模板上使用精心挑選的短代碼

圖片來源：WordPress截圖

3 WPB Product Size Chart for WooCommerce

圖片來源：Product Size Charts Plugin for WooCommerce截圖

適用于 WooCommerce 的 WPB 產(chǎn)品尺碼表是 WooCommerce 商店的高級尺碼指南插件。可以使用此插件將尺碼表添加到WooCommerce產(chǎn)品頁面。包含先進(jìn)的表格生成器，可讓您輕松管理尺碼表。

還可以使用自定義簡碼或 Elementor 頁面構(gòu)建器在網(wǎng)站上的任何位置添加尺碼表按鈕。單擊按鈕后，將會彈出一個(gè)漂亮的尺碼表和內(nèi)容。還可以在 WooCommerce 產(chǎn)品選項(xiàng)卡中顯示尺碼表和內(nèi)容。

可以添加多個(gè)不同尺寸的圖表，并為多個(gè)不同的產(chǎn)品或產(chǎn)品類別設(shè)置表格。

WooCommerce 尺寸圖表按鈕文本、顏色、尺寸和按鈕位置可以通過插件設(shè)置進(jìn)行更改。

WooCommerce尺碼表插件有多重要？

WooCommerce 的尺碼表插件對于電子商務(wù)企業(yè)來說非常重要。它為客戶提供有關(guān)產(chǎn)品尺寸的重要信息，幫助他們做出明智的購買決策，并減少因尺寸相關(guān)問題而退貨的可能性。該工具增強(qiáng)了整體購物體驗(yàn)，建立了信任，并最終有助于提高客戶滿意度和增加銷售額。

特征

為 WooCommerce 產(chǎn)品尺寸指南添加無限尺寸圖表。

專業(yè)功能

WooCommerce 添加具有無限行數(shù)和列數(shù)的尺寸圖表。

使用演示

圖片來源：WordPress截圖

安裝插件然后激活，就可以找到設(shè)置settings

設(shè)置好展示樣式

Button 是按鈕

Tab會展示在Product Data Tabs里面（Product Data Tabs會以后詳細(xì)用一篇文章給大家介紹）

圖片來源：WordPress截圖

然后設(shè)置好產(chǎn)品參數(shù)表格，配置好覆蓋到的產(chǎn)品

圖片來源：WordPress截圖

然后打開配置的產(chǎn)品單頁，就可以看到Size Chart

圖片來源：WordPress截圖

點(diǎn)擊就可以彈出產(chǎn)品參數(shù)表格

4 YITH Product Size Charts for WooCommerce

圖片來源：WooCommerce截圖

YITH給WooCommerce開發(fā)了很多好用的插件，but都需要氪金

在產(chǎn)品頁面中添加有效尺碼圖表，幫助您的客戶選擇合適的尺碼。

圖片來源：WooCommerce截圖

5 wpDataTables

使用wpDatatables來添加產(chǎn)品參數(shù)

圖片來源：wpDataTables截圖

然后去自由設(shè)計(jì)你的產(chǎn)品表格

圖片來源：wpDataTables截圖

最后用shortcode短代碼的方式粘貼到網(wǎng)頁任何需要的地方。（這個(gè)方法推薦，免費(fèi)，簡單而且很方便）

給產(chǎn)品添加參數(shù)表格的方法還有很多，今天就先給分享這5種吧。

以上，大家就按照自己的喜好和需求，自行選擇和配置吧。

（來源：小王子的外貿(mào)筆記）

以上內(nèi)容屬作者個(gè)人觀點(diǎn)，不代表雨果跨境立場！本文經(jīng)原作者授權(quán)轉(zhuǎn)載，轉(zhuǎn)載需經(jīng)原作者授權(quán)同意。?