免費參與·100+跨境活動 
免費下載·4000+跨境資料 
免費學習·2000+直播課程 
免費加入·15萬+賣家交流群 
2024-03-07 11:20
親愛的梨粉們，看這里吖?。?！
大家好，我是雪梨??鴨～
今天跟大家分享如何在WooCommerce產品詳情頁添加產品參數表格（彈窗popup）
如圖
圖片來源：WooCommerce截圖
點擊Size Chart就可以觸發彈窗
圖片來源：WooCommerce截圖
彈窗顯示產品詳細的參數以及文案描述
看看如何實現吧。
1 Elementor Popup
大家可以自行用Elementor的彈窗功能去添加（不過這個適合產品數量少的獨立站）
2 Product Size Charts Plugin for WooCommerce
圖片來源：Product Size Charts Plugin for WooCommerce截圖
此插件可以配置高級產品參數表格
圖片來源：Product Size Charts Plugin for WooCommerce截圖
▲ 插件價格
圖片來源：Product Size Charts Plugin for WooCommerce截圖
創建具有無限行和列的尺碼表
圖片來源：Product Size Charts Plugin for WooCommerce截圖
使用我們可靠且易于導航的界面快速構建自定義尺寸的表格。
– 為尺寸圖表表創建無限的行和列
– 同時快速添加或刪除多行和列
– 根據您的要求添加/編輯尺碼表上的多行和多列
顯示靈活有效的尺碼表
圖片來源：Product Size Charts Plugin for WooCommerce截圖
您可以從前端顯示的各種尺碼表中進行選擇。他們可以：
- 彈出窗口
– 尺碼表選項卡
– 添加到購物車之前/之后
– 在自定義模板上使用精心挑選的短代碼
圖片來源：WordPress截圖
3 WPB Product Size Chart for WooCommerce
圖片來源：Product Size Charts Plugin for WooCommerce截圖
適用于 WooCommerce 的 WPB 產品尺碼表是 WooCommerce 商店的高級尺碼指南插件?？梢允褂么瞬寮⒊叽a表添加到WooCommerce產品頁面。包含先進的表格生成器，可讓您輕松管理尺碼表。
還可以使用自定義簡碼或 Elementor 頁面構建器在網站上的任何位置添加尺碼表按鈕。單擊按鈕后，將會彈出一個漂亮的尺碼表和內容。還可以在 WooCommerce 產品選項卡中顯示尺碼表和內容。
可以添加多個不同尺寸的圖表，并為多個不同的產品或產品類別設置表格。
WooCommerce 尺寸圖表按鈕文本、顏色、尺寸和按鈕位置可以通過插件設置進行更改。
WooCommerce尺碼表插件有多重要？
WooCommerce 的尺碼表插件對于電子商務企業來說非常重要。它為客戶提供有關產品尺寸的重要信息，幫助他們做出明智的購買決策，并減少因尺寸相關問題而退貨的可能性。該工具增強了整體購物體驗，建立了信任，并最終有助于提高客戶滿意度和增加銷售額。
特征
為 WooCommerce 產品尺寸指南添加無限尺寸圖表。
大小表生成器最多 3 列和 5 行。
根據所選產品及其類別將尺碼表添加到產品中。
在產品選項卡或彈出窗口上顯示尺寸。
用于選擇按鈕位置的設置。
尺寸內容調整設置。
非常容易使用。
RTL 和多語言就緒。
專業功能
WooCommerce 添加具有無限行數和列數的尺寸圖表。
WooCommerce 產品尺寸表：在產品編輯頁面上選擇預制的尺寸表。
多種表格樣式預設。
高級按鈕樣式自定義選項。
高級彈出樣式自定義選項。
尺碼表的 Elementor 小部件。
終身免費更新和支持。
無需每年續訂。
使用演示
圖片來源：WordPress截圖
安裝插件然后激活，就可以找到設置settings
設置好展示樣式
Button 是按鈕
Tab會展示在Product Data Tabs里面（Product Data Tabs會以后詳細用一篇文章給大家介紹）
圖片來源：WordPress截圖
然后設置好產品參數表格，配置好覆蓋到的產品
圖片來源：WordPress截圖
然后打開配置的產品單頁，就可以看到Size Chart
圖片來源：WordPress截圖
點擊就可以彈出產品參數表格
4 YITH Product Size Charts for WooCommerce
圖片來源：WooCommerce截圖
YITH給WooCommerce開發了很多好用的插件，but都需要氪金
在產品頁面中添加有效尺碼圖表，幫助您的客戶選擇合適的尺碼。
圖片來源：WooCommerce截圖
5 wpDataTables
使用wpDatatables來添加產品參數
圖片來源：wpDataTables截圖
然后去自由設計你的產品表格
圖片來源：wpDataTables截圖
最后用shortcode短代碼的方式粘貼到網頁任何需要的地方。（這個方法推薦，免費，簡單而且很方便）
給產品添加參數表格的方法還有很多，今天就先給分享這5種吧。
以上，大家就按照自己的喜好和需求，自行選擇和配置吧。
（來源：小王子的外貿筆記）
以上內容屬作者個人觀點，不代表雨果跨境立場！本文經原作者授權轉載，轉載需經原作者授權同意。?
