0
(0)

如果你正在使用谷歌廣告，臉書廣告來付費推廣你的網站時，那Landing Page 登入頁必是你不可或缺的一個HTML純靜態頁面，優點就不必多說：打開速度快，一頁式展現，避免過多的導航和干擾，更有利於轉化率的提高。

在建立這種HTML純靜態網站時，對於B2B企業、問卷調查、學術機構、線上商店、客戶支援和市場營銷等公司或企業來說，HTML表單確實是一個非常常見的元素。當你設計這樣的互動表單時，你希望使用者能夠在登入頁面填寫HTML表單，然後點擊提交按鈕，這樣你就能夠快速收集到所需的資訊，以便迅速回覆。

然而，處理表單資料和後端程式碼的設定可能對於非技術背景的使用者來說相當困難。大多博主推薦使用SMTP來連接這個HTML表單，以便將表單提交的資料發送到指定的電子郵件地址。然而，使用SMTP的設置與後端程式碼的設定仍然需要一定的技術知識和配置。

另外：還有一個非常不安全的因素即是，SMTP通常需要提供SMTP主機、用戶名和密碼等敏感信息。如果這些信息不正確地處理或存儲，可能會導致安全風險。

所以波哥更願意去使用現成的HTML Form Endpoint 服務，但是大多數這樣的EndPoint服務都要嘛是收費的，要嘛就是有著各種各樣的限制。但是波哥今天要推薦的這個HTML 表單EndPoint服務商——FormSubmit, 网址：https://formsubmit.co/，則是非常豪橫！100%免費不說，還沒有任何限制，轉帖一下官方的說明，讓你看看他們有多豪氣！

感謝支援《波哥分享》原創文章!

原文標題：簡單易用的登入頁面HTML表單收信服务 - FormSubmit

原文網址：https://www.booooker.com/958.html

You can have unlimited submissions from unlimited forms you created.
For one email you can create unlimited forms and also you can receive unlimited submissions.

翻譯成正體中文的意思即是：無限制收信和無限制的郵箱數量！更重要的是：它無需PHP、JavaScript或任何後端程式碼，即可將表單連接到端點並通過電子郵件將提交的內容發送給你。是不是很棒呢？

主要收信參數：

https://formsubmit.co/documentation

自訂HTML表單收信

根據收信參數文檔中，選取需要用的參數，比如你們可以看看波哥下面主要用到的參數，解釋一下：

  • _next 主要用於提交表單後跳轉到感謝頁，這通常作用於Google Tag Manager的轉化事件跟蹤。感興趣的可以再看看波哥這篇：Google 代碼管理工具之元素可見度抓取聯絡表單提交事件
  • _subject 主要是收信的標題，當使用者填寫好表單，點擊提交表單。FormSubmit 就會默認發送一封以你設定的郵件標題到你的郵箱，方便你辯識該信件主要來源於哪裏。
  • _cc 則是用於抄送，这个应该不用过多解释。
  • _template 请看下方收信模板DEMO。
  • _captcha 是禁止使用验证防止SPAM的，波哥默认设定为false。
  • _autoresponse  使用者提交表單後，自動發送一封確認信會儘快聯絡他/她，對提升使用者體驗有一定幫助。由於波哥設定了感謝頁，這裏就不再用了。
  • _honey  就是根據honypot攔截垃圾郵件用的。
  • File uploads 如果你需要表單也讓使用者上傳檔案的話，可以啟用。

其它參數作用不是特別大，波哥就不一一解釋了。

波哥主要用到的參數

<form action="https://formsubmit.co/收信郵箱" class="contact-form" method="post">
<input type="hidden" name="_next" value="感謝頁的URL">
<input type="hidden" name="_subject" value="收信標題">
<input type="hidden" name="_cc" value="抄送郵箱">
<input type="hidden" name="_template" value="table">
<input type="hidden" name="_captcha" value="false">

在HTML登入頁上線後，你需要先在form action="https://formsubmit.co/收信郵箱" 中以這樣的格式然後再人為的在你的登入頁中的HTML表單中手動提交一份。連線成功後，FormSubmit就會發送一封郵件給你，然後裏頭有一個EndPoint URL，是這樣的格式：https://formsubmit.co/xxxxxx, 你到時再在HTML源程式碼中替換https://formsubmit.co/收信郵箱 為https://formsubmit.co/xxxxxx 即可正常收信了。

收信模板DEMO

https://formsubmit.co/email-templates

整體使用起來是非常簡單的，不需要太多的技術，而且現在很多免費網站都提供有一頁式登入頁的模板，我們只要下載並替換成自己要用的內容就可以上線了，然後再使用這個FormSubmit的表單EndPoint服務即可收集使用者提交的資訊（有不同的登入Landing Page，也可以使用不同的郵箱去收信，官方是不限制你郵箱數量的，唯一的缺點就是收信會有一個FormSubmit的廣告，但是畢竟人家免費了，幫人打下廣告是應該的）。

在這篇後，波哥會再另外推薦一個免費的一頁面Landing Page模板網站給大家，有免費的登入页模板供大家下載。

這篇文章對你有幫助嗎？

給個5星好評吧？

平均分 0 / 5. 評價計數: 0

還沒有人評價哦～

抱歉喲～如果您覺得不好，可以聯絡我們進行質量提升喲！

期待您的反饋

Tell us how we can improve this post?

猜你喜歡

轉載請保留原文連結：https://www.booooker.com/958.html
  1. 本站所有文章，如無特殊說明或標註，均為本站原創釋出。在未徵得本站同意時，禁止複製、盜用、採集、釋出本站內容。
  2. 本站資源僅供研究、學習交流之用，若使用商業用途，請購買正版授權，否則產生的一切後果將由下載使用者自行承擔。
  3. 如若本站內容侵犯了原著者的合法權益，可聯絡我們進行處理。 聯絡方式（#替換成@）：info#booooker.com