如何在 WordPress 中創建比較表

在 WordPress 中有一個比較表會產生顯著差異嗎？ 有21.4 億人在線購物，其中 65% 的人甚至在實體店時也會在線查找比較，24% 的在線購物者在購買前比較產品……答案是肯定的“是”。

在 WordPress 中創建比較表是企業和博主以有條理且易於理解的方式呈現數據的重要方式，為挑剔的客戶提供他們進行購買所需的所有信息，而無需去其他地方。

比較表允許讀者快速比較和對比不同的產品、服務或功能，使他們更容易做出明智的決定。

在本文中，我們將向您展示如何通過在 WordPress 中添加比較表來使您的內容更具吸引力和信息量。

創建比較表

儘管您可能會花很多時間使用 HTML 代碼設計和構建比較表，但更簡單快捷的方法是使用廣受歡迎的 WordPress 插件AAWP 。

1. 使用古騰堡塊

最簡單的方法是使用古騰堡塊來包含比較表。 單擊“+”圖標創建一個新塊並蒐索“AAWP”。

單擊 AAWP 徽標，這將在頁面上嵌入古騰堡塊。 現在選擇“比較表”選項來嵌入表格。 單擊“顯示更多設置”選項以顯示設置子菜單。

切換到“塊”選項卡，然後在“選擇表”菜單中，選擇我們剛剛創建的比較表。 如果表格配置正確，這應該會顯示文章中表格的預覽。

保存所有未保存的更改並發布文章。 您的比較表現在應該對新訪問者可見。 轉到博客頁面檢查一切是否正確。 如果您還看不到表格，請清除緩存或嘗試在隱身窗口中打開頁面。

古騰堡積木的替代品

如果您不使用 Gutenberg 編輯器，AAWP 允許您使用簡單的方法創建和自定義比較表。

步驟 1 – 創建一個新的比較表

安裝 AAWP 插件後，首先打開 WordPress 儀表板的 AAWP 選項卡中的表格子菜單。 單擊屏幕頂部的“添加新”按鈕以創建新表。

確保給表格一個描述性的標題。 這僅供您參考，不會對您的讀者可見。

第 2 步 – 添加產品數據行

產品列表中的每項數據都需要包含在其自己的行中。 例如，這可能包括產品標題、圖像、價格和簡短描述。 您需要為要包含的每項數據添加一行。 單擊“ + 添加新行”以在表格末尾添加一個空白行。

您可以為每一行添加一個標籤； 這些標籤顯示在最終表格的單獨列中。 如果您將所有行的此字段留空，則標籤列將被省略。

對於每一行，從下拉菜單中選擇內容類型。 該菜單包含一些預定義的值，例如產品標題和圖像。 但是，您將需要使用自定義文本和 HTML 字段將特定產品規格手動添加到您的表格中。

繼續向表中添加更多行。 您可以將每一行拖放到正確的位置以重組表格，然後單擊 bin 符號將其刪除。

第 3 步 – 突出顯示特定行

要突出顯示特定顏色的行，請單擊要突出顯示的行旁邊的畫筆圖標。 這會更改最終輸出中行的背景顏色，使其脫穎而出。

第 4 步 – 添加產品鏈接

除了默認的“在亞馬遜上購買”按鈕外，您還可以鏈接到比較表中其他行中的亞馬遜列表。 這很有用，因為有些用戶可能不會一直滾動到表格底部。 通過鏈接更多行，例如產品圖片和產品標題，您可以期望看到點擊率的上升。 單擊所需行左側的“鏈接”圖標以添加鏈接。

向下滾動到下一部分，將產品添加到您的表格中。 單擊“搜索產品”按鈕可在亞馬遜上搜索產品。 例如，搜索術語“電視”將為您提供該類別中的熱門產品列表。 選擇您要展示的產品並點擊“確認選擇”將它們添加到您的表格中。

如果您無法使用搜索選項找到特定產品，您可以通過添加其ASIN手動添加。 您可以在亞馬遜列表的產品信息部分找到此信息。

第 5 步 – 自定義列表

如果願意，您可以自定義每個產品的列表。 例如，如果您想添加自定義圖像而不是使用亞馬遜提供的默認圖像，您可以通過添加自定義 HTML 標籤來實現。

您還可以突出顯示一列。 為此，請在要突出顯示的產品上單擊“顯示更多選項”。 單擊“選擇顏色”以選擇強調色，然後輸入要在列表中顯示的文本。

第 6 步 – 發布您的比較表

創建表格後，單擊右側選項卡中的“發布”按鈕以保存更改。 這樣做將允許您在帖子中使用此表格。 發布表格後，它應該與您創建的任何其他表格一起顯示在表格子菜單中。

有兩種主要方法可以在您的帖子中包含表格：

2. 使用簡碼

記下表格的簡碼； 您可以通過單擊旁邊方便放置的剪貼板圖標來複製它。

現在您可以將此短代碼粘貼到您的博客文章中以在您的網站上顯示表格。 添加短代碼後保存博文，並確保它對公眾可見。

結束語

AAWP 使創建和自定義表格變得容易，並提供了廣泛的功能，可以幫助您有效地展示您的產品比較信息。 立即開始使用 AAWP，讓您的內容更具互動性和吸引力。