如何在 WordPress 中添加漂亮的定價表(無代碼)

您想向您的 wordpress 網站添加漂亮的定價表嗎?

定價表對用戶如何做出購買決定有著巨大的影響。添加易于瀏覽的精美定價表可以幫助用戶選擇正確的產品,這有助于您提高轉化率并增加銷量。

在本文中,我們將向您展示如何在 WordPress 中輕松添加漂亮的定價表,而無需編寫任何代碼。

如何在 WordPress 中添加漂亮的定價表(無代碼)

為什么使用 WordPress 插件添加定價表?

有兩種方法可以向您的WordPress 網站添加新功能。您可以使用代碼手動對其進行編程,也可以使用WordPress 插件。

如果您熟悉htmlcss,那么您可能希望使用代碼創建定價表。所需的編程和設計技能并不是特別高級,您將完全控制桌子的設計。

然而,編寫和測試代碼需要時間。您還必須考慮使用移動設備或不同網絡瀏覽器的用戶。您最終可能會得到一個沒有吸引力的定價表,并且對所有用戶來說都不合適。

使用 WordPress 插件更快更容易,如果您沒有設計或編碼經驗,它是最好的解決方案。

話雖如此,讓我們看看如何在 WordPress 中添加漂亮的定價表,而無需編寫任何代碼。我們將介紹兩種不同的 WordPress 插件,您可以選擇最適合您的一個。

  • 方法 1:使用簡單的定價表添加美觀的定價表
  • 方法 2:使用頁面生成器添加漂亮的定價表

方法 1:使用簡單的定價表添加美觀的定價表

此方法允許您將定價表添加到現有頁面或帖子。如果您需要自定義頁面的其余部分,則應使用方法 2。

首先,您需要安裝并激活?Easy Pricing Tables?插件。有關更多詳細信息,請參閱我們有關如何安裝 WordPress 插件的分步指南?。

在本教程中,我們將使用免費插件。還有一個高級插件,提供更多功能,單站點許可證起價為 29 美元。如果您希望訪問其他模板、添加圖像或將表格與WooCommerce集成,則需要高級版本。

第 1 步:創建定價表

激活后,從 WordPress 管理側邊欄前往定價表 ? 添加新頁面。

在這里,系統會詢問您要將表格添加到網站的何處。只需選擇“帶有定價表的新頁面”選項即可。

如何在 WordPress 中添加漂亮的定價表(無代碼)

這將在 WordPress 塊編輯器中打開一個新的定價頁面,其中屏幕上將打開“選擇模板”提示。

從這里,選擇您喜歡的設計,將定價表嵌入到您的 WordPress 頁面上。

如何在 WordPress 中添加漂亮的定價表(無代碼)

第 2 步:自定義定價表

定制定價表非常簡單。例如,您可以首先更改定價計劃的標題。

之后,您可以單擊表格開始添加副標題、功能、定價等。

如何在 WordPress 中添加漂亮的定價表(無代碼)

您可以使用表塊頂部的塊工具欄添加新列、更改行和列的對齊方式、對列重新排序以及更改其大小。

通常在定價表中,一種計劃被標記為“特色”或“最受歡迎”。您可以通過選擇要突出顯示的列,然后單擊工具欄上的星形圖標來執行此操作。

您還可以根據自己的喜好從屏幕右上角的塊面板更改表格的視覺外觀。

例如,您可以更改強調顏色以突出顯示最佳定價計劃或更改表格底部的按鈕顏色。

如何在 WordPress 中添加漂亮的定價表(無代碼)

您還可以單擊按鈕來編輯其標簽。

完成此操作后,您可以將您選擇的標簽和 URL 添加到字段中。

如何在 WordPress 中添加漂亮的定價表(無代碼)

第三步:發布定價表

要在 WordPress 網站上發布定價表,只需單擊屏幕右上角的“更新”或“發布”按鈕即可。

您還可以點擊“預覽”鏈接來查看您的頁面,然后再將其發布到您的網站上

如何在 WordPress 中添加漂亮的定價表(無代碼)

現在您可以訪問您的網站查看最終結果。

如何在 WordPress 中添加漂亮的定價表(無代碼)

方法 2:使用頁面生成器添加漂亮的定價表

如果您想完全控制定價頁面設計,則此方法是最好的。

首先,您需要安裝并激活SeedProd插件。有關更多詳細信息,請參閱我們有關如何安裝 WordPress 插件的分步指南。

SeedProd 是一款適用于企業、博主和網站所有者的拖放式 WordPress 頁面構建器,也是創建高轉化定價頁面的最佳選擇。您需要 Pro 或 Elite 計劃才能訪問我們在本教程中使用的定價表塊。

激活后,轉到SeedProd ? 設置頁面輸入您的插件許可證密鑰。您可以在 SeedProd 網站上您的帳戶下找到此信息。

如何在 WordPress 中添加漂亮的定價表(無代碼)

輸入您的許可證密鑰后,我們將首先創建一個新的登錄頁面,然后添加一個定價表塊。

創建新的登陸頁面

要為定價表創建登陸頁面,您需要前往SeedProd ? 登陸頁面,然后單擊“創建新登陸頁面”按鈕。

如何在 WordPress 中添加漂亮的定價表(無代碼)

在下一個屏幕上,系統會要求您選擇著陸頁主題。SeedProd 附帶了數十個漂亮的登陸頁面模板,這些模板針對不同的營銷活動類型進行了整齊的組織。

只需單擊即可選擇要用作起點的模板。

如何在 WordPress 中添加漂亮的定價表(無代碼)

您可以在我們有關如何使用 WordPress 創建登陸頁面的指南中了解如何自定義頁面并添加新塊。當您準備好后,我們將繼續添加定價表。

添加定價表

首先,您需要添加一些列,以便有地方放置定價表塊。您需要將“列”塊拖到頁面上,然后選擇足夠的列來顯示您的價格。在本教程中,我們將選擇三列。

如何在 WordPress 中添加漂亮的定價表(無代碼)

之后,您需要找到“定價表”塊,并將其拖動到剛剛創建的每個單元格中的“在此處拖動新塊”一詞。

對于本教程,您需要將塊拖到頁面上三次,每列一次。

如何在 WordPress 中添加漂亮的定價表(無代碼)

要編輯定價表,只需單擊它即可。

您可以使用“內容”選項卡上的設置來編輯計劃名稱并輸入您的產品或服務的名稱。您還可以更改價格和貨幣,添加商品不打折時的正常價格等。

如何在 WordPress 中添加漂亮的定價表(無代碼)

當您切換到“高級”選項卡時,您可以自定義文本字體和大小、按鈕顏色和大小、間距、懸停效果等。

例如,您可以使一個定價層比其他定價層更加突出,鼓勵用戶選擇該選項。

如何在 WordPress 中添加漂亮的定價表(無代碼)

發布定價表

一旦您對著陸頁和定價表感到滿意,就可以發布它了。

只需單擊“保存”按鈕上的下拉箭頭,然后單擊“發布”。

如何在 WordPress 中添加漂亮的定價表(無代碼)

您將看到一條通知,告知您您的頁面已發布。

您還可以點擊“查看實時頁面”按鈕來查看新的 WordPress 定價頁面的外觀。

如何在 WordPress 中添加漂亮的定價表(無代碼)

我們希望本教程可以幫助您學習如何在 WordPress 中添加漂亮的定價表,而無需編碼。您可能還想了解如何創建 WordPress 會員網站,或查看我們的商業網站基本 WordPress 插件列表。

? 版權聲明
THE END
喜歡就支持一下吧
點贊5 分享