kova/hugo-profile
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Integrate with FormSpree for submitting 'Contact me' form

Browse Source 
To enable the integration, uncomment the section `params.contact.formspree` and set the `formId` value (provided by FormSpree).
It's recommended to change the `btnName` from "Mail me" to "Contact me" as far as visitors won't see your email address.
FormSpree section has preference over `email` if the both are set.
This commit is contained in:
Dmytro Mantula
2023-01-14 15:47:14 +01:00
parent 9c1b16ec3d
commit 001841d6e6
3 changed files with 17 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
layouts/partials/sections/contact.html
+13 -1
View File
@@ -8,7 +8,19 @@
<div class="text-center">
{{ .Site.Params.contact.content | emojify | markdownify }}
</div>
{{ if .Site.Params.contact.email }}
{{ if .Site.Params.contact.formspree.enable | default false }}
<form action="https://formspree.io/f/{{ .Site.Params.contact.formspree.formId }}" method="POST">
<div class="text-center pt-3">
<input type="email" name="email" required="true" placeholder="{{ .Site.Params.contact.formspree.emailCaption | emojify | default "Your email" }}">
</div>
<div class="text-center pt-3">
<textarea name="message" required="true" placeholder="{{ .Site.Params.contact.formspree.messageCaption | emojify | default "Your message" }}"></textarea>
</div>
<div class="text-center pt-3">
<button type="submit" class="btn">{{ .Site.Params.contact.btnName | default "Get in Touch" }}</button>
</div>
</form>
{{ else if .Site.Params.contact.email }}
<div class="text-center pt-3">
<a href="mailto:{{ .Site.Params.contact.email }}" class="btn">
{{ .Site.Params.contact.btnName | default "Get in Touch" }}