我們可以將郵寄地址放在 社交連結上,以便讀者聯繫我們。 但不幸的是,郵件或多或少會被當成垃圾郵件,甚至被過濾。 因此我們帶來了一個聯系表單的功能。
前置條件§
我們需要在 content
目錄創建一個名為 contact/index.md
的頁面,以至於我們可以訪問聯系表單頁面。
1+++
2title = "Contact Us"
3layout = "contact"
4+++
一旦創建,連結將出現在簡介小部件中。
參數§
名稱 | 類型 | 默認值 | 說明 |
---|---|---|---|
contact | Object | - | |
contact.endpoint | String | - | 請參閱 後端。 |
contact.file | Boolean | false | 開啟/禁用文件上傳。 |
contact.fileField | String | - | 文件字段名稱。 |
contact.reCaptcha | Object | - | Google reCAPTCHA |
contact.reCaptcha.siteKey | String | - |
後端§
其被設計成可以相容大部分後端,比如:Netlify form、Getform 和 Formspree,以及 Formailer。
Netlify§
Netlify form 可開箱即用,囙此,你無需指定 contact.endpoint
參數。
演示網站使用 Getform 而不是 Netlify form,因為當你超過當前套餐限定時,Netlify 會自動升級你的套餐,這會導致額外的支出。
如果你打算使用 Netlify form,請確保
contact.endpoint
參數為空。
Formailer§
Formailer is supported with a contact form hook to inject a missing input to the form.
See also Google Cloud Functions example upstream.
其他§
我們以 Getform 為例:
1[contact]
2 endpoint = "YOUR_ENDPOINT"
reCAPTCHA§
除了需要設定 contact.reCaptcha.siteKey
參數外,你還需要根據後端進行額外的操作:
評論