We kunnen ons e-mailadres op sociale banden zetten, zodat lezers contact met ons kunnen opnemen. Helaas worden e-mails min of meer als spam behandeld en zelfs gefilterd. Daarom brengen we een functie genaamd contactformulier.
Vereisten
We moeten een contactpagina maken met de naam contact/index.md in de map content, zodat we toegang kunnen krijgen tot het contactformulier.
1+++
2title = "Contact Us"
3layout = "contact"
4+++
Eenmaal aangemaakt, verschijnt de link in de profielwidget.
Parameters
| Naam | Typ | Standaard | Beschrijving |
|---|---|---|---|
contact | Voorwerp | - | |
contact.endpoint | Tekenreeks | - | Zie ook Backends. |
contact.file | Booleaans | false | Bestandsupload in-/uitschakelen. |
contact.fileField | Tekenreeks | - | De naam van het bestandsveld. |
contact.reCaptcha | Voorwerp | - | Google reCAPTCHA |
contact.reCaptcha.siteKey | Tekenreeks | - |
Backends
Het is ontworpen om compatibel te zijn met de meeste backends, zoals Netlify-formulier, Ontvang formulier, Formspree en Fabform.io. Werkt ook met een zelfgehost alternatief Formailer.
Netlificeren
Netlify-formulier worden standaard ondersteund, daarom hoeft u de parameter contact.endpoint niet op te geven.
De demosite gebruikt Getform in plaats van het Netlify-formulier, omdat Netlify uw formulierniveau automatisch zal upgraden als u de limiet van het huidige abonnement overschrijdt, wat tot extra kosten zal leiden.
Zorg ervoor dat de parameter
contact.endpointleeg is als u het Netlify-formulier wilt gebruiken.
Formailer
Formailer wordt ondersteund met een contactformulier haak om een ontbrekende invoer in het formulier te injecteren.
Zie ook Voorbeeld van Google Cloud Functions stroomopwaarts.
Anderen
Laten we Ontvang formulier als voorbeeld nemen:
1[contact]
2 endpoint = "YOUR_ENDPOINT"
reCAPTCHA
Naast het instellen van de contact.reCaptcha.siteKey parameter, moet u aanvullende stappen uitvoeren volgens de backend: