Merge pull request #7 from genebean/form-updates

Add support for Netlify to contact form

exampleSite/config/_default/params.toml

@@ -22,8 +22,11 @@ custom_script = ""
 
 mainSections = ["blog"]
 
+# contact form works with https://formspree.io and Netlify
+# use Netlify's contact form functionality
+netlify = true # set to false if using formspree.io
 # contact form action
-contact_form_action = "#" # contact form works with https://formspree.io
+contact_form_action = "#"
 # copyright
 theme_copyright = true
 copyright = "Copyright by your company"

exampleSite/content/english/contact.md

@@ -3,10 +3,13 @@ title: "Contact"
 description: "this is meta description"
 layout: "contact"
 draft: false
+form_name: "contact"
 ---
 
 # Contact Me
 
-Menso comes with a built-in contact form, that you can use with Formspree service to
-handle up to 50 submissions per month for free. You could also easily switch to another
-contact form service if you want
+iWriter comes with a built-in contact form that you can use with Netlify or the Formspree.
+[Netlify](https://docs.netlify.com/forms/usage-and-billing/#app) allows for 100 submissions per month for free.
+[Formspree](https://formspree.io/plans) provides up to 50 submissions per month for free.
+You can also easily switch to another contact form service if you want.
+

layouts/_default/contact.html

@@ -8,8 +8,7 @@
         <div class="pb-5">
           {{ .Content }}
         </div>
-
-        <form action="{{ site.Params.contact_form_action }}" method="post">
+        <form action="{{ site.Params.contact_form_action }}" method="post" {{ with .Params.form_name }}name="{{ . }}"{{ end }} {{ if site.Params.netlify }}data-netlify="true" netlify-honeypot="always-empty"{{ end }}>
           <div class="row g-4">
             <div class="col-md-6 mb-3 mt-0">
               <input type="text" class="form-control" placeholder="{{ i18n `first_name`}}" aria-label="{{ i18n `first_name`}}" name="{{ i18n `first_name`}}" required>
@@ -24,6 +23,9 @@
             <div class="col-12 mb-3 mt-0">
               <textarea  rows="7" class="form-control mb-4" placeholder="{{ i18n `message`}}" id="floatingTextarea" name="{{ i18n `message`}}" required></textarea>
             </div>
+            <div hidden="true">
+              <input type="text" class="form-control" placeholder="Don’t fill this out if you’re human:" name="always-empty">
+            </div>
             <div class="col-12 mb-3 mt-0">
               <button type="submit" class="btn btn-primary btn-md">{{ i18n `submit`}}</button>
             </div>
@@ -38,4 +40,5 @@
 </section>
 <!--===================== Contact End =====================--> 
 
-{{ end }}
+{{ end }}
+