如何在WordPress中創建文件上傳表單(簡易解決方案)


您是否需要讓網站訪問者在您的聯繫表上上傳文件?

也許您正在招聘員工並想收集簡歷,或者您正在運行其他申請表或攝影比賽,您需要申請人附加文件。

在本教程中,我們將向您展示如何在WordPress中創建文件上傳表單(逐步操作)。

如何在WordPress中創建文件上傳表單

為什麼要在WordPress中創建文件上傳表單?

如果您想從用戶那裡收集任何類型的文件,那麼文件上傳表單是個好主意。 您可以讓用戶上載圖像,PDF文件,Word文檔或其他類型的文件。

使用文件上傳表單使您和您的用戶生活變得輕鬆。

您可以創建一個包含所需所有字段的表單,而不用來回發送電子郵件,以便您可以一次收集所有信息。

此外,您的表單應自動將表單數據保存在WordPress數據庫中。 這樣,即使您錯過或刪除電子郵件,也可以輕鬆找到提交的內容。

影片教學

訂閱WPBeginner

如果您喜歡書面說明,請繼續閱讀。

如何在WordPress中創建文件上傳表單

在本教程中,我們將使用WPForms,它是WordPress的最佳聯繫表單插件。

如果預算緊張,可以在WPForms的基本計劃中獲得文件上傳功能。 但是,功能全面的Pro計劃使您可以訪問獎金表格模板,調查報告以及大量其他強大功能。

首先,您需要安裝並激活WPForms插件。 如果您不確定如何安裝,請查看有關如何安裝WordPress插件的分步指南。

激活插件後,您將在儀表板上看到一個新的WPForms選項卡。

轉到 WPForms»附加組件 頁並向下滾動到“表單模板包插件”。 單擊“安裝附件”按鈕以安裝並激活它。

安裝WPForms表單模板包插件

現在,您可以創建您的第一個文件上傳表單。

前往 WPForms»添加新 頁。

使用WPForms創建一個新表單

您將直接進入WPForms構建器。 您可以在屏幕頂部為表單命名:

在WPForms中給表單命名

您還需要選擇一個模板。 我們建議您使用“文件上傳模板”,您可以在“其他模板”部分中找到該模板。 單擊模板以使用它。

文件上傳表格將自動為您創建。

從模板創建的默認文件上傳表單

您可以根據需要使用文件上傳表單,而無需進行任何更改。

默認情況下,它將允許用戶上傳以下文件類型:

  • 圖像文件:.png,.gif,.jpg
  • 文件:.doc,.xls,.ppt,.pdf
  • 音頻:.wav,.mp3,.mp4
  • 視頻:.mpg,.mov,.wmv

如果您想進一步限製文件類型,請單擊“文件上傳”字段進行編輯。 您將在屏幕左側看到“字段選項”:

在WPForms中編輯文件上傳字段

在“允許的文件擴展名”框中,您可以鍵入要接受的任何文件格式。 我們將允許圖像格式為.png,.gif和.jpg。 確保用逗號分隔它們。

輸入您要允許用戶上傳的文件類型

注意: WordPress出於WordPress安全原因限制了可以上傳到站點的文件類型。 如果要允許用戶上傳通常不允許的文件類型,則可以向WordPress添加其他文件類型。

您還可以設置最大文件大小和最大文件數。 對於我們的比賽,我們將允許人們提交最多3張每張最大50MB的照片。

如果要阻止人們提交表單而不附加他們的文件,則可以選中必填框。 這意味著除非至少上傳了一個文件,否則無法提交表單。

我們表單上的已編輯文件上傳字段

默認情況下,“文件上載字段”使用現代格式,允許用戶拖放文件。 但是,如果您的表單空間有限,或者您更喜歡經典的上載字段,則可以更改此設置。

只需單擊“高級選項”以打開該字段的更多選項。 然後,您可以使用下拉菜單將樣式從現代切換為經典。

編輯文件上傳字段的高級選項

小費: 經典上傳字段僅允許上傳一個文件。 如果您希望用戶能夠提交多個文件,則需要在表單中添加多個“文件上載字段”。

如果需要,您還可以選擇將提交的文件存儲在WordPress媒體庫中。 這使您可以輕鬆地將它們添加到帖子或頁面中。 例如,在我們的攝影比賽中,當宣布獲獎者時,我們可能會包括最佳照片。

注意: 即使您未選中此框,上傳的文件仍會保存在WordPress數據庫中。 它們只是存儲在WordPress託管帳戶的單獨文件夾中。

如果要編輯表單上的其他任何字段,可以單擊以相同的方式在左側編輯它們。

您也可以使用“添加字段”選項卡添加新字段。 只需將要添加到表單的任何字段拖放。

在這裡,我們在表單中添加了“網站/ URL”字段,以便攝影師可以給我們提供其網站的鏈接。

將網站/ URL字段添加到表單

如果要刪除字段,請將鼠標光標懸停在該字段上,然後單擊紅色的垃圾桶圖標。 我們將刪除“電話”字段,因為我們不需要攝影師的電話號碼。

從表單中刪除電話字段

對錶單滿意後,請點擊屏幕頂部的保存按鈕。

單擊WPForms中的“保存”按鈕

設置文件上傳表單的通知

在“設置”選項卡下,您可以單擊“通知”來設置表單的電子郵件通知。 您可能需要更改默認設置。

默認情況下,該表單將電子郵件通知發送到{admin_email}。

如果您自己創建了WordPress網站,那麼這就是您的電子郵件地址。 如果不是,那麼您可以刪除{admin_email}並在此處鍵入您自己的電子郵件地址。

更改發送表單通知的電子郵件地址

小費: 不確定{admin_email}是否是您的電子郵件地址? 去 設置»常規 在您的WordPress儀表板中。 查找管理電子郵件地址。 您可以在這裡更改。 之後,只需單擊底部的“保存更改”即可。

檢查或更改WordPress管理電子郵件地址

如果要將提交的文件發送給多個人,則還可以在此處設置多個通知。

您可能還希望更改提交表單後用戶看到的確認消息。 你可以在下 設置»確認

只需在框中輸入您想要的消息。 如果需要,可以添加粗體和斜體等格式。 這是默認消息的外觀:

更改用戶提交表單後看到的確認消息

進行更改後,請不要忘記保存表單。 您可以通過單擊右上角的X退出表單構建器。

將文件上傳表單添加到您的網站

創建表單後,您需要將其添加到您的網站。 您可以將其添加到現有帖子或頁面上,也可以創建一個新頁面。

我們將表單添加到新頁面。 要創建新頁面,請轉到 頁»添加新。 然後,通過單擊(+)圖標將新的塊添加到您的頁面。

在WordPress中創建新頁面並向其中添加新塊

接下來,您需要從“小部件”部分中選擇WPForms塊。 如果願意,可以使用搜索欄找到它。

將WPForms塊添加到您的頁面或帖子中

在將塊添加到頁面後,從WPForms下拉列表中選擇您創建的表單。

從WPForms下拉列表中選擇正確的表單

現在,預覽或發布您的頁面,並在您的網站上實時查看您的表單。 這是我們表格的外觀。

完成的文件上傳表格可在網站上實時顯示

您可以通過以下方式更改表單 WPForms»所有表單。 只需單擊表單名稱,或將鼠標懸停在該表單上,然後單擊“編輯”鏈接即可對其進行編輯。

編輯您已經在WPFormsv中創建的表單

當您編輯表單時,它會在您的網站上自動更新。 您無需再次將其添加到頁面中。

小費: 最好測試一下表單以確保它能按預期工作。 如果您在創建表單條目後沒有收到電子郵件通知,請查看有關修復WordPress不發送電子郵件問題的分步指南。

查看或下載上傳的文件

當有人通過您的文件上傳表單發送文件時,您可以通過電子郵件收件箱或WordPress儀表板獲取文件。

在每個表單條目中,您都會收到如下電子郵件:

您收到的帶有表單輸入詳細信息的電子郵件,包括文件下載鏈接

只需單擊鏈接即可查看或下載文件本身。

您還可以通過WordPress本身輕鬆找到文件。 去 WPForms»條目 然後單擊您的表單名稱。

選擇您的表單以在WordPress儀表板中查看表單條目

接下來,您可以在表單條目表中看到上載的文件。 或者,您可以單擊查看鏈接以查看表單條目的完整詳細信息。

該表的WPForms條目中顯示的文件鏈接

我們希望本教程可以幫助您學習如何在WordPress中創建文件上傳表單。 您可能還想查看有關最佳WordPress調查插件的指南以及有關如何創建電子郵件新聞稿的指南。

如果您喜歡這篇文章,請訂閱我們的YouTube頻道WordPress視頻教程。 您也可以在找到我們 推特 和Facebook。