如何在網站上顯示 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

  • 2024-08-04
  • WordPress 教学

不喜欢 WordPress 4.3 引入的格式化快捷键?觉得有点烦人?最近,有用户问我们如何在 WordPress 中禁用视觉编辑器格式化快捷键。在本文中,我们将向您展示如何做到这一点。

閱讀更多
  • 2024-07-31
  • WordPress 教学

你在 WordPress 网站上看到 503 服务不可用错误吗?503 错误是因为服务器无法处理请求,通常是由于服务器过载或维护。而这个错误不会告诉你具体原因,这对于初学者来说非常令人沮丧。本文将向你展示如何修复 WordPress 中的 503 服务不可用错误。

閱讀更多
  • 2024-07-30
  • WordPress 教学

管理一个企业需要大量的工作。如果您无法正确维护您的 WordPress 网站,可能会迅速看到流量和销售额下降的现象。幸运的是,您可以聘请虚拟助手 (VA) 来帮助管理您的网站。本文将教您如何聘请 WordPress 虚拟助手,以便您可以专注于业务中最重要的活动。

閱讀更多

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