如何在 WordPress 中建立 Web 目錄(逐步)

您想在 WordPress 中建立 Web 目錄嗎?

Web 目錄允許您從訪問您網站的人提交的內容中賺錢。

在本文中,我們將向您展示如何在 WordPress 中創建網站目錄,甚至如何接受發佈高級網站清單的付款。

如何在 WordPress 中創建網站目錄

為什麼要在 WordPress 中創建 Web 目錄?

網路目錄就像列出企業或個人的目錄。

您可以找到他們的位置、公司電子郵件地址和他們提供的服務等資訊。

一個示例 Web 目錄

Yellow Pages、Angi 和 Yelp 都是幫助人們找到地點或服務的流行 Web 目錄的範例。

為了幫助訪問者找到他們正在尋找的內容,這些流行的目錄通常使用主題、類別和標籤、興趣和其他特徵來劃分他們的內容,如下圖所示。

Yelp 商業目錄

Web 目錄是一種流行的在線商業理念,也是從使用者生成的內容在線賺錢的好方法。

通常,您會找到向您展示如何使用 Web 目錄主題創建目錄的教程。 但是,這會將您永遠鎖定在主題中。 相反,我們建議安裝一個 Web 目錄外掛程式,您可以將其與您想要的任何WordPress 主題一起使用。

考慮到這一點,讓我們來看看如何在 WordPress 中創建 Web 目錄。 只需使用下面的快速連結直接跳轉到您要使用的方法。

方法 1:使用 Business Directory 外掛程式創建目錄

此方法最簡單,建議大多數使用者使用。 我們將使用商業目錄外掛程式。 這個 WordPress 目錄外掛程式擁有創建簡單企業目錄所需的一切。

還有一個免費版本的 Business Directory外掛程式可用,但您需要升級才能訪問更高級的功能。

首先,您需要安裝並啟動外掛程式。

啟動外掛程式後,轉到Directories » Settings。 您現在將看到一個彈出視窗,詢問您創建新頁面的許可權。

Business Directory 外掛程式需要此頁面才能正常工作,因此請繼續並按兩下“為我創建所需頁面”。

使用外掛程式創建網頁目錄

該外掛程式現在將創建一個名為「商業目錄」的新分頁。

默認情況下,此頁面具有訪問者查看您的不同清單並提交他們自己的清單所需的所有控件。

商業目錄 WordPress 外掛程式

首先,最好通過轉到目錄 » 設置來檢查外掛程式的設置。

在這裡,您會發現不同的部分:

  • 房源
  • 電子郵件
  • 支付
  • 外貌。

我們建議選擇每個選項卡,然後查看設置,看看您是否需要進行任何更改。

例如,在「清單」 中,您可以更改外掛程式在每個頁面上顯示的清單數量。

商業目錄設置頁面

完成後,不要忘記按兩下保存更改以儲存您的設置。

商業目錄有一個標準的形式,可以向訪問者顯示。 您可以通過轉到Directory » Directory Content自定義該表單。

在左側功能表中,按兩下表單字段。

更改在線目錄表單中的欄位

此螢幕顯示構成標準表單的所有欄位。

要更改欄位在表單中的顯示位置,只需按兩下訂單列中的向上和向下小箭頭即可。

更改表單中欄位的順序

要刪除欄位,請將滑鼠懸停在它上面,然後在出現時按兩下刪除“連結。

最後,如果您想對特定欄位進行一些更改,請將滑鼠懸停在該欄位上,然後按兩下編輯連結。

image 3

這將打開一個頁面,您可以在其中更改欄位標籤、將欄位標記為必填、添加可選說明等。

完成後,請不要忘記按兩下更新字段按鈕以保存更改。

如何自定義表單域

接下來,最好創建一些人們在提交清單時可以使用的類別。 這些類別還將幫助訪問者瀏覽您的目錄並找到他們正在尋找的內容。

默認情況下,此外掛程式只有一個「常規」類別,但您可以通過按兩下「類別」選項卡添加更多類別。 然後,繼續並選擇「添加新類別」。

將新類別添加到您的在線目錄

在出現的彈出視窗中,輸入類別的名稱。

您還可以將類別組織成父子關係,類似於WordPress中的子頁面。 要將類別轉換為子類別,只需打開「父類別」下拉功能表並選擇一個父類別。

組織目錄類別

要創建類別,請繼續並按兩下「添加新類別」。

您可以通過重複上述相同過程向您的企業目錄添加更多類別。

現在,訪問者可以通過轉到您的企業目錄頁面並按下「添加清單」按鈕來創建新的清單。

將清單添加到您的 WordPress 網站

這會將他們帶到一個屏幕,他們可以在其中輸入清單的所有資訊。

然後,他們只需點擊頁面底部的 「完成清單 」 按鈕,即可提交他們的清單。

image 4

每次訪問者以這種方式提交清單,你都需要手動批准它。 要做到這一點,請在你的WordPress儀錶板上的目錄 “ 目錄內容。

現在你會看到一個待定的清單。

image 5

要想仔細查看一個清單,只需將滑鼠懸停在它上面,然後在它出現時點擊 「預覽 」連結。

這將在一個新的標籤中打開清單。

image 6

要對清單進行任何修改,再次將滑鼠懸停在清單上,但這次要點擊 「編輯」。。

你現在可以做任何你想要的改變。 當你對它的外觀滿意時,點擊 「發佈 」按鈕。

如何發佈企業清單

作為 WordPress 管理員,您還可以在儀錶板中創建清單。 例如,您可能想為您的合作夥伴創建清單,這樣他們就不必自己做這項工作。

要創建清單,請轉到目錄 » 目錄內容,然後按下「添加新清單」。。

將清單添加到線上目錄

這將打開一個螢幕,您可以在其中輸入所有資訊。

完成後,按兩下「發佈」以使清單生效。

如何將清單發佈到您的 WordPress 網站

接受目錄清單的付款

商業目錄外掛程式允許您接受發佈清單的付款。 默認情況下,該外掛程式僅支援 Authorize.net 支付閘道,但您可以添加其他閘道,如 PayPal、Stripe、Payfast,作為其專業版的一部分。

要設置 Authorize.net,請轉到目錄 » 設置,然後按兩下「付款」選項卡。

將支付閘道添加到您的 WordPress 網站

然後你可以繼續選擇『Authorize.net』。 在這裡,點擊『啟用 Authorize.net』開關,使其變成激活狀態。

這增加了一些新的設置,你可以輸入 Authorize.net 帳戶的登錄ID和交易密鑰。

image 7

一旦你完成了這些,點擊 「常規設置 」標籤。

如果你還沒有準備好開始接受支付,那麼請確保啟用 「將支付閘道置於測試模式」。

image 8

默認情況下,該外掛程式接受美元支付,但你可以使用 「貨幣 」下拉功能表選擇不同的貨幣。

你還可以鍵入不同的感謝資訊,當使用者向你發送付款時,這些資訊將顯示給使用者。

當你完成配置支付設置后,別忘了點擊 「保存更改 」來存儲你的設置。

在接受付款之前,您還需要至少創建一個付款計劃。 要開始,請按兩下左側功能表中的“計劃”。

如何通過您的企業目錄獲利

該外掛程式附帶一個免費計劃和一個默認計劃,即 365 天 1.00 美元。

要更改任何一個計劃,只需將滑鼠懸停在它上面,然後按兩下編輯連結。

將計劃添加到您的 Web 目錄

這會將您帶到一個螢幕,您可以在其中對計劃進行各種更改。

這包括更改價格,甚至為特定類別創建不同的價格。

如何編輯您的企業目錄

當您對所做的更改感到滿意時,請不要忘記按下「保存更改」按鈕以使您的計劃生效。

方法 2:創建具有強大表單的 WordPress 目錄

創建企業目錄的第二種方法是使用Formidable Forms

它是市場上最先進的WordPress表單生成器外掛程式,可以幫助你創建很多不同的表單,包括調查表、付款表、預訂表等等。

Formidable Forms還帶有一個強大的’Visual Views’功能,你可以用它來在你的網站上顯示使用者提交的數據。 使用這個功能,你可以很容易地創建目錄、房地產清單、招聘欄、活動日曆等等。

考慮到這一點,讓我們使用Formidable Forms外掛程式創建一個企業目錄。

1.創建一個表格,為你的目錄收集數據

你需要做的第一件事是安裝和啟動Formidable Forms外掛程式。

啟動后,你需要安裝Formidable Forms Lite。 這個免費外掛程式為高級外掛程式的更高級功能提供了核心基礎。

一旦你完成了這一工作,進入Formidable Forms “ 全域設置頁面,選擇 「點擊手動輸入許可證密鑰」。。

image 9

你可以在Formidable Forms網站上的帳戶下找到許可證密鑰。

輸入這些資訊后,繼續點擊 「保存許可證 」 按鈕。

許多網站擁有者向訪客收取提交清單的費用。 如果你想創建一個高級網站目錄並接受信用卡支付,那麼你需要安裝一個外掛程式並設置一個支付閘道。

Formidable Forms可以用PayPal、Stripe或 Authorize.net 來收集付款。

在本指南中,我們將向您展示如何使用PayPal接受付款,但其他支付網關的步驟也類似。

在你的WordPress儀錶板上,進入Formidable “ Add-Ons。 在『PayPal標準』部分,點擊『安裝』。

image 10

在本指南的後面,我們將使用 「可視化檢視 」來顯示訪問者輸入到我們表單中的所有資訊。

考慮到這一點,找到 「Visual Views」外掛程式並點擊其 「安裝」按鈕,因為我們以後會需要這個外掛程式。

image 11

一旦你完成了這些,就去Formidable “ 全域設置。

然後,在左側功能表中選擇 「PayPal」。

image 12

在這個螢幕上,鍵入與你的PayPal帳戶相連的電子郵件位址。 你還可以改變貨幣和訪客完成付款或取消訂單後將載入的URL。

輸入這些資訊后,點擊 「更新 」按鈕,保存您的更改。

image 13

現在你已經準備好創建一個表單了,請進入Formidable “ 表單頁面。

在這裡,點擊『添加新的』。

image 14

這將彈出一個你可以使用的所有表格範本的清單。

在本指南中,我們將創建一個房地產目錄,所以請點擊 「房地產 」類別。

image 15

現在你可以看到這個類別中的所有不同範本,包括多個抵押貸款計算機範本。

要預覽一個範本,只需將滑鼠懸停在它上面,然後點擊看起來像眼睛的小圖示。

image 16

要使用一個範本,只需將滑鼠懸停在它上面,然後點擊『+』圖示。

完成後,在 「表格名稱 」欄中輸入一個標題,並輸入一個可選的描述。 這些資訊只是供你參考,所以你可以使用任何你想要的東西。

然後,點擊 「創建 」按鈕。

image 17

這將在Formidable Forms編輯器中打開該範本。

在這裡,你可以簡單地指向和點擊來定製表格中的任何欄位。 例如,你可以點擊 「簡介 」字段,然後在 「字段標籤 」中輸入一些新的文本。

image 18

你也可以通過選擇左側功能表中的 「添加欄位 」來添加更多欄位。

然後,把任何一個字段拖到表單佈局上。 例如,你可能想添加一個訪客可以輸入姓名的欄位。

image 19

要繼續定製範本,只需重複這些步驟。

當你對表格的設置感到滿意時,點擊螢幕右上角的 「更新 」按鈕。

如果您想收款,則需要在表單中添加一個操作。 為此,請按兩下「設置」選項卡,然後選擇「操作和通知」。

之後,按兩下PayPal“將操作添加到您的表單中。

向 Web 目錄表單添加操作

接下來,滾動到“PayPal”部分。

我們想向訪問者收取創建新清單的固定費用,因此請點擊「設置金額」。

將支付方式添加到您的網站目錄

您現在可以輸入要收取的費用。

您還可以使用「付款類型」下拉功能表選擇是一次性付款、捐贈還是定期付款。

如何創建高級網站目錄

如果您選擇「訂閱」,那麼您可以使用控件來指定向此人收費的頻率。

通過這種方式,您可以長期從您的清單中賺錢。 您還可以為客戶提供免費試用。

將經常性收入支付添加到網路目錄表單

完成配置 PayPal 後,請不要忘記按兩下“更新”以保存您的更改。 現在,訪問者需要先付款才能提交表格。

2. 在 WordPress 中發佈您的表單

當您對表單感到滿意時,就可以通過將其添加到任何帖子或頁面來將其發佈到您的網站上。

我們將通過前往WordPress 儀錶板中的頁面 » 添加新頁面來將表單添加到新頁面。 您現在可以為該頁面命名,上傳特色圖片,並添加您想要在該頁面上顯示的任何其他內容。

之後,按兩下“+”圖示並輸入“Formidable Forms”。

強大的 WordPress 塊

當出現正確的塊時,按兩下它以將其添加到頁面。

接下來,只需打開「選擇表格」下拉功能表並選擇房地產清單表格。

使用 WordPress 塊編輯器向您的網站添加表單

然後 Formidable Forms 會將表單添加到帖子中,並在塊編輯器中顯示預覽。

當您準備好使表單生效時,請繼續併發佈頁面。

之後,最好將該頁面添加到您的WordPress 導航功能表中,以便人們可以輕鬆找到它。 您可能還想向您的電子郵件清單發送一條消息,以便您的聽眾知道他們現在可以向您的網站提交清單。

3. 構建具有強大視圖的 Web 目錄

接下來,您需要創建一個 Web 目錄,以便使用者提交的內容出現在您的WordPress 網站上。

您可以使用視覺視圖功能執行此操作,因此請轉到Formidable » Views,然後按兩下“Add New”。

如何在 WordPress 中創建企業目錄

現在會有一個彈出窗口,顯示你可以為你的目錄使用的不同佈局。

只要點擊『經典』,因為這允許你從頭開始創建一個新的佈局。

image 20

在下一个屏幕上,打开 “使用表格中的条目 “下拉菜单,选择我们之前创建的房地产表格。

Formidable Forms会根据你用作数据源的表单给你的视图起一个名字。然而,如果你想,你可以改变这一点。

image 21

當你對你所輸入的資訊感到滿意時,點擊 「創建視圖」。。

你現在可以輸入任何你希望出現在清單上方和下方的資訊。 例如,你可能想在頁面底部添加你的聯繫資訊,或打出一個簡短的介紹。

要做到這一點,只需點擊 「在內容之前添加 」或 「在內容之後添加」。

image 22

這將打開一個彈出視窗,你可以輸入任何你想在房源上方或下方顯示的文字。

在右邊,也有一些你可以使用的參數。 Formidable Forms將用你網站上的真實值替換這些參數。 例如,它將用你網站的URL替換[siteurl]。 在右邊,也有一些你可以使用的參數。 Formidable Forms將用你網站上的真實值替換這些參數。 例如,它將用你網站的URL替換[siteurl]。

image 23

當你對你所輸入的資訊感到滿意時,點擊 「更新檢視 」來保存你的修改,並返回到主視圖編輯螢幕。

一旦你完成了這些,你就可以為目錄頁上的不同清單創建佈局了。 要開始,請點擊中間的 “+”圖示。

image 24

現在你可以在主文本編輯器中輸入文字,並在左側功能表中選擇不同的參數。

在下面的圖片中,我們正在創建一個簡單的布局,顯示每個房產的簡要介紹,然後是房源的價格和類型。

最後,我們將展示完整的描述。

image 25

在下圖中,您可以看到這個簡單佈局在您的 WordPress 網站上的外觀範例。

要擴展這個非常簡單的佈局,只需按照上述相同過程繼續添加更多參數和純文本即可。

image 26

您很可能想要展示每處房產的照片。 為此,請繼續並按兩下自定義「框的」高級選項卡。

然後,按兩下顯示影像,它會顯示訪問者提交的所有圖像。

如何顯示使用者提交的圖像

在處理佈局時,您可以通過按兩下更新檢視來預覽訪問者的外觀。

這會將您帶回主編輯器,其中會顯示您正在創建的佈局的預覽。

如何預覽目錄清單佈局

當您對目錄的外觀感到滿意時,您可以使用左側功能表中「查看名稱」下的簡碼將其添加到任何頁面或帖子。 只需找到此代碼,然後按下其「複製」按鈕即可。

完成後,只需訪問該頁面或發佈即可查看完成的 Web 目錄。

使用 Formidable Forms 建立的在線 Web 目錄
分享你的喜愛

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *