如何在網站上顯示 WordPress 表單條目

WPressize Me

01/08/2024

如何在網站上顯示 WordPress 表單條目

您是否想在網站前端顯示 WordPress 表單條目?這樣做可以向訪客展示重要信息,例如正面評價、目錄、活動日曆等。在本文中,我們將向您介紹如何在您的網站上顯示 WordPress 表單條目。

為什麼在前端顯示 WordPress 表單條目?

表單是與訪客保持聯繫、獲取反饋和建議的重要工具。在某些情況下,您可能希望在您的 WordPress 網站上向訪客顯示表單條目。例如,您可以顯示用戶通過線上表單提交的推薦語和產品評價,從而利用社會證據建立品牌信任並提高轉化率。您還可以顯示表單條目來創建商業目錄、顯示用戶提交的活動日曆、展示統計數據,或展示其他通過線上表單收集的重要信息。這是一種提供有價值的社會證據並增加您的業務可信度的好方法。

然而,默認情況下,當用戶在您的 WordPress 網站上提交表單時,他們的條目是私密的。只有 WordPress 管理員和具有權限的其他用戶才能查看表單條目。讓我們看看如何使用 Formidable Forms 和 WPForms 在您的 WordPress 網站前端顯示表單條目。

使用 Formidable Forms 顯示 WordPress 表單條目(簡單方式)

在 WordPress 中顯示表單條目最簡單的方法是使用 Formidable Forms。這是一個流行的 WordPress 聯絡表單插件,提供了一個集所有功能於一身的表單構建器,具有許多自定義功能。

首先,您需要安裝並啟用 Formidable Forms 插件。激活後,您可以進入 Formidable » Forms,然後點擊頂部的「+ 增加新表單」按鈕。

接著會彈出一個窗口要求您選擇表單類型,例如聯絡我們表單、用戶註冊表單、調查表單等。在這個教程中,為了收集用戶推薦語,我們將創建一個聯絡表單。輸入表單名稱和描述後,點擊「創建」按鈕來自定義您的表單。Formidable 提供了一個易於使用的拖放式構建器,您可以從左側的選項中選擇任何表單字段並將其放置在表單模板中。自定義完成後,可以將表單嵌入網站的任何位置。

嵌入表單

最簡單的嵌入表單方法是點擊表單構建器頂部的「嵌入」按鈕,然後選擇現有頁面或創建新頁面來添加表單。您也可以在 WordPress 內容編輯器中使用 Formidable Forms 區塊或短代碼區塊來嵌入表單。

安裝和激活可視化視圖附件

激活表單並開始收到條目後,您需要在 Formidable Forms 中安裝並啟動視覺視圖附加件。為此,請轉到 WordPress 儀表板中的 Formidable » 安裝套件,滾動至「視覺視圖」附加件並點擊「安裝」按鈕。安裝後,進入 Formidable » 視圖,點擊頂部的「+ 增加新視圖」按鈕,並選擇視圖類型,例如網格、表格、日曆、經典視圖等。

接下來,選擇數據源並輸入視圖名稱。選擇數據源後,點擊「創建視圖」按鈕以打開視圖構建器。您可以使用「佈局構建器」來選擇顯示表單條目的佈局,並在佈局中添加內容。請記得保存佈局並復制視圖名稱下的短代碼,用於嵌入網站顯示表單條目。

在網站上顯示表單條目

將短代碼複製到您想顯示表單條目的頁面或文章中的短代碼區塊中,然後預覽頁面並發表。

使用 WPForms 顯示 WordPress 表單條目(高級方法)

另一種在您的 WordPress 網站前端顯示表單條目方法是通過 WPForms。然而,這種方法需要編輯代碼,只適合具備編碼知識的高級用戶。首先您需要安裝並啟用 WPForms 插件,並使用 WPForms Lite 或 Pro 版本來創建線上表單。

要顯示表單條目,您需要將以下程式碼添加到主題的 functions.php 文件中。這樣做有風險,我們建議使用 WPCode 來添加安全的自定義代碼。詳細步驟請參考我們的指南 如何在 WordPress 中輕鬆添加自定義代碼

function wpf_entries_table( $atts ) { /*...程式碼省略...*/ } add_shortcode( 'wpforms_entries_table', 'wpf_entries_table' );

一旦添加代碼,請使用以下短代碼將表單條目顯示在頁面或文章中:

[wpforms_entries_table id="FORMID"]

將 FORMID 替換為您表單的 ID。您可以在 WPForms » 所有表單中找到表單 ID。

希望本文能幫助您學習如何在網站上顯示 WordPress 表單條目。您或許還想看看我們的指南 如何創建自定義 WordPress 主題最佳聯絡表單插件 精選推薦。

如果您喜歡這篇文章,請訂閱我們的 YouTube 頻道,您也可以在 TwitterFacebook 上找到我們。



Related Posts

  • 2025-02-16
  • WordPress 教学

你是否想过,能不能用更引人注目的方式取代WooCommerce中基本的促销徽章?答案是肯定的!通过自定义产品徽章,你可以在在线商店中突出新产品、折扣商品或限时优惠。在这篇文章中,我们将展示给你两个简单的方法,使用强大的插件或添加简单代码来为你的WooCommerce商店添加自定义产品徽章。

閱讀更多
  • 2025-01-18
  • WordPress 教学

我们都知道推荐计划是强大的武器。但要找到真正的品牌代言者并不容易。许多计划吸引的只是想快速赚钱的人,导致非真实的推广,无法有效转化客户。幸好,作为 WooCommerce 商店的店主,您有一个巨大的优势:一群真正喜爱和使用您产品的内置客户群。通过将这些现有客户转化为推广合伙人,您可以释放真实口碑营销的力量。

閱讀更多
  • 2025-01-10
  • WordPress 教学

最近,我们的一位比利时读者在其在线商店中苦于销售增长缓慢。除了其他建议外,我们建议他们在网站上设置Bancontact支付。Bancontact是一种主要在比利时使用的流行支付系统,客户可以通过银行账户进行安全的实时支付。

閱讀更多

{"email":"Email address invalid","url":"Website address invalid","required":"Required field missing"}
>