We kunnen ons e-mailadres plaatsen in de sociale links zodat lezers contact met ons kunnen opnemen. Helaas worden e-mails vaak behandeld als spam en zelfs gefilterd. Daarom bieden we een functie genaamd contactformulier.
Vereisten
We moeten een contactpagina aanmaken met de naam contact/index.md in de map content, zodat we toegang hebben tot het contactformulier.
1+++
2title = "Contact Us"
3layout = "contact"
4+++
Zodra het is aangemaakt, verschijnt de link in de profielwidget.
Parameters
| Naam | Type | Standaard | Beschrijving |
|---|---|---|---|
contact | Object | - | |
contact.endpoint | String | - | Zie ook Backends. |
contact.file | Boolean | false | Bestandsupload in-/uitschakelen. |
contact.fileField | String | - | De naam van het bestandsveld. |
contact.reCaptcha | Object | - | Google reCAPTCHA |
contact.reCaptcha.siteKey | String | - |
Backends
Het is ontworpen om compatibel te zijn met de meeste backends, zoals Netlify form, Getform, Formspree en Fabform.io. Werkt ook met het zelf-gehoste alternatief Formailer.
Netlify
Netlify form wordt direct ondersteund; je hoeft de parameter contact.endpoint niet op te geven.
De demosite gebruikt Getform in plaats van Netlify form, omdat Netlify automatisch je formulierniveau kan upgraden als je de limiet van het huidige plan overschrijdt, wat kan leiden tot extra kosten.
Zorg ervoor dat de parameter
contact.endpointleeg is als je Netlify form wilt gebruiken.
Formailer
Formailer wordt ondersteund via een contactformulier-hook om een ontbrekend invoerveld aan het formulier toe te voegen.
Zie ook het Google Cloud Functions-voorbeeld upstream.
Overige
Laten we Getform als voorbeeld nemen:
1[contact]
2 endpoint = "YOUR_ENDPOINT"
reCAPTCHA
Naast het instellen van de parameter contact.reCaptcha.siteKey moet je aanvullende stappen uitvoeren volgens de backend: