如何在 WordPress 中建立 Dropbox 上傳表單

WPressize Me

12/06/2023

為什麼使用 Dropbox 來上傳表單附件

有時候,您可能需要使用網站上的表單來讓用戶上傳附件。例如,求職網站可能需要文件上傳選項來上傳履歷或工作樣本。

客戶反饋表單可能需要圖片上傳選項,以便用戶能夠傳送截圖。或者,一個攝影比賽網站可能需要用戶上傳參賽作品。

當您收到文件時,您可以將這些文件儲存在您的 WordPress 網站中,它們將被添加到 wp-content 資料夾。

然而,如果您預期會收到大量的提交且它們並不與您的實際網站文件相關,那麼將它們單獨保存是一個好主意。

上傳表單附件到 Dropbox 有以下幾個優點:

  • 您可以將表單上傳的條目與 WordPress 文件分開保存。
  • Dropbox 讓您更容易與任何人共享這些文件,並且不需要讓他們訪問您的網站。
  • 您可以輕鬆地從 Dropbox 儀表板瀏覽和管理表單附件。
  • 如果您不再需要這些文件,您可以下載、存檔和刪除它們。

話雖如此,讓我們來看看如何在 WordPress 中製作一個帶有上傳文件選項的表單來上傳到 Dropbox。

在 WordPress 建立 Dropbox 上傳表單

在 WordPress 中製作 Dropbox 表單的最簡單方法是使用 WPForms。這是最好的聯絡表單插件,提供預製模板、拖放式表單建構器和高級整合。

首先,您需要安裝並激活 WPForms 插件。更多詳情,您應該查看我們的文章《如何安裝 WordPress 插件》。

注意:WPForms 是由 WPBeginner 同一團隊開發的付費插件,您需要至少訂閱其「專業計劃」來獲取我們將在本教程中使用的 Zapier 附加插件。您也可以免費使用 WPForms 輕量版。

激活後,您需要前往 WPForms » 設定頁面,並輸入您的許可證密鑰。您可以在 WPForms 帳戶區域中輕鬆找到許可證密鑰。

接下來,您需要訪問 WordPress 管理區域中的 WPForms » 添加新建頁面,從這裡您可以添加新的 WordPress Dropbox 上傳表單。

這將帶您進入 WPForms 表單建構頁面。在頂部為您的表單提供一個名稱,然後選擇「簡單聯絡表單」模板作為起點。

WPForms 將載入帶有常用表單欄位的表單模板。您可以點擊任意欄位進行編輯,並拖動欄位來重新排列它們或將新欄位添加到表單中。

接下來,您需要點擊左側列中的「Fancy fields」部分下的「文件上傳」欄位。

這將把文件上傳欄位添加到您的表單中。點擊「儲存」按鈕來保存您的表單,您的文件上傳表單已經準備就緒。

整合 Zapier 與 WPForms

接下來,您需要將您的表單連接到您的 Dropbox 帳戶。我們將使用一個叫 Zapier 的服務來完成這個操作。Zapier 允許您在不編寫任何代碼的情況下,將不同的應用程式連接到您的網站。在這種情況下,我們將使用它來建立 WPForms 和 Dropbox 之間的連接。

WPForms 帶有一個叫做「Zapier Addon」的附加插件,您可以使用它來整合超過 1500 個流行應用程式,包括 Dropbox。

要訪問此附加插件,您需要前往 WPForms » 附加插件頁面。在那裡,您需要找到 Zapier 附加插件並點擊「安裝附加插件」按鈕,它會自動啟用該附加插件。

接下來,您需要前往 WordPress 管理區域的 WPForms » 設定 » 整合頁面,在那裡您需要複製「Zapier API 密鑰」,這將用於將您的 WordPress 網站與 Zapier 連接。

複製後,您應該訪問 Zapier 網站並登入您的 Zapier 帳戶,點擊「建立 Zap」按鈕以繼續。接下來,Zapier 會要求您選擇一個觸發器。有很多應用可供選擇,請搜索「WPForms」並選擇它作為觸發器應用。

之後,您需要選擇「新表單條目」作為 WPForms 應用的觸發事件。這將在每次表單提交時建立一個觸發器。

接下來,您需要選擇一個 WPForms 帳戶。您可以點擊「登錄」按鈕來將您的 Zapier 帳戶與您網站上的 WPForms 插件連接。

現在將打開一個新窗口。要將 Zapier 與您的網站連接,您需要添加您的網站 URL 和之前複製的 Zapier API 密鑰。

輸入這些詳細資訊後,點擊「是的,繼續」按鈕。這將顯示 WPForms 帳戶,點擊「繼續」按鈕。

接下來,在「表單」下拉選單中,您需要選擇先前創建的文件上傳表單。完成後,點擊「繼續」按鈕。

在進入下一步之前,Zapier 將要求您測試新的文件上傳表單,以確保所有設定都正常工作。您可以訪問 WordPress 管理區域的 WPForms » 所有表單頁面,並點擊文件上傳表單下方的「預覽」連結。

為了讓這個測試順利進行,您應該上傳一個文件,並在信息部分添加虛擬文本。提交測試條目,然後返回您的 Zapier 帳戶,點擊「測試觸發器」按鈕。

注意:您可以在「查找數據」部分檢查測試條目。如果測試成功,它將跳至下一步,您可以將表單與 Dropbox 整合。

連接 WPForms 與 Dropbox

首先,您需要訪問您的 Dropbox 帳戶並創建一個新的 Dropbox 上傳資料夾。您可以將此資料夾命名為「WPForms 上傳」或任何名稱。所有您的文件附件將自動上傳到此資料夾。

接下來,您需要返回您的 Zapier 帳戶。在「行動」部分中,您需要搜索「Dropbox」應用並點擊它。它會要求您為 Dropbox 創建一個行動,選擇「上傳文件」選項並點擊「繼續」按鈕。

之後,您需要點擊「登入」按鈕,這樣,您可以選擇您的 Dropbox 帳戶並將其與 Zapier 連接。

接下來,您需要從下拉選單中選擇您的 Dropbox 帳戶,選擇完帳戶後,簡單點擊「繼續」按鈕。

現在,您需要配置 Dropbox 文件設定。它會要求您提供兩個選項:

  • 您希望保存文件附件的 Dropbox 資料夾
  • WPForms 文件上傳欄位

您可以向下滾動以查看更多高級設定,簡單點擊「繼續」按鈕。

完成設置後,您可以進行測試配置,點擊「測試並繼續」按鈕。

測試成功後,您需要發布您的 Zap,簡單點擊「發布 Zap」按鈕。

最後,會彈出一個窗口,您可以點擊「發布並開啟」按鈕。

您的帶有文件上傳選項的線上表單已經可以添加到您的網站。

在 WordPress 中添加 Dropbox 上傳表單

要在 WordPress 中添加 Dropbox 上傳表單,您可以編輯任何想要顯示表單的頁面或文章。簡單將 WPForms 區塊添加到內容編輯器並選擇您之前創建的表單。

在 WPForms 區塊中,從下拉選單中選擇您的 Dropbox 文件上傳表單。WPForms 將在內容編輯器中載入表單的即時預覽。

現在,您可以訪問您的網站查看表單運行情況。您也可以通過上傳文件並填寫表單來測試表單。

希望這篇文章能幫助您學會如何在 WordPress 中創建 Dropbox 上傳表單。您可能還希望查看我們的指南《如何在 WordPress 中舉辦抽獎活動以提高用戶參與度》以及我們的專家精選《最佳 Dropbox 插件》。

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



Related Posts

  • 2024-07-27
  • WordPress 插件

您是否希望在 WordPress 中要求文章必須設置精選圖片?如果您正在運營一個多作者的 WordPress 博客,您會希望確保每位作者在發布文章之前都添加精選圖片。在這篇文章中,我們將向您展示如何輕鬆地在 WordPress 中要求文章設置精選圖片。

閱讀更多
  • 2024-07-26
  • WordPress 插件

WordPress 內建搜尋功能,但其搜尋結果通常不盡人意。幸運的是,您可以自訂搜尋結果頁面,使其更加使用者友好。本文章將向您展示如何無需編寫任何代碼輕鬆自訂 WordPress 搜尋結果頁面。

透過自訂搜尋結果頁面,使用者能更容易找到他們需要的內容,並改善整體使用者體驗,從而提高頁面瀏覽量和轉化率。

閱讀更多
  • 2024-07-24
  • WordPress 插件

您在尋找如何創建影片和圖片的 WordPress Slider 吗?Sliders 是展示內容且吸引網站訪客注意力的絕佳方式。本文將為您提供使用 Soliloquy 簡易創建影片和圖片 Slider 的詳細指南。

首先,您需要安裝一個合適的 WordPress Slider 插件,例如 Soliloquy。這個插件使用簡單,可建立響應式的影片和圖片 Slider,不需要編寫一行代碼。接著,您可以根據需求添加各種媒體內容並調整 Slider 設定。

閱讀更多

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