<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: fabform3</title>
    <description>The latest articles on DEV Community by fabform3 (@fabform3).</description>
    <link>https://dev.to/fabform3</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F900273%2F878f871e-ad48-4d9e-9535-abec11e0768d.png</url>
      <title>DEV Community: fabform3</title>
      <link>https://dev.to/fabform3</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/fabform3"/>
    <language>en</language>
    <item>
      <title>static website forms</title>
      <dc:creator>fabform3</dc:creator>
      <pubDate>Sun, 31 Jul 2022 14:53:00 +0000</pubDate>
      <link>https://dev.to/fabform3/static-website-forms-26d8</link>
      <guid>https://dev.to/fabform3/static-website-forms-26d8</guid>
      <description>&lt;p&gt;If you are using a static site generator SSG like &lt;a href="https://gohugo.io/"&gt;Hugo&lt;/a&gt; or &lt;a href="https://jekyllrb.com/"&gt;Jekyll&lt;/a&gt;, there maybe come a time that you may ask yourself, how do I handle forms.&lt;/p&gt;

&lt;p&gt;Since static websites don't have a back-end&lt;br&gt;
you can use the services of a forms back-end such as fabform.io that can handle your &lt;a href="https://fabform.io/a/create-a-static-website-with-contact-form-on-github-pages"&gt;static website forms&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--rs-Jx79_--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/8cnaax1doxgfl44amntv.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--rs-Jx79_--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/8cnaax1doxgfl44amntv.jpg" alt="Image description" width="880" height="571"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Simple create a free account at &lt;a href="https://fabform.io"&gt;fabform.io&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Once you are in fabform, its just a case of creating a forms endpoint and adding the endpoint id to your html form's action method as shown here.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;&amp;lt;form action="https://fabform.io/f/{form-id}" method="post"&amp;gt;
 &amp;lt;label for="email"&amp;gt;Your Email&amp;lt;/label&amp;gt;
 &amp;lt;input name="email" type="email"&amp;gt;
 &amp;lt;button type="submit"&amp;gt;Submit&amp;lt;/button&amp;gt; 
&amp;lt;/form&amp;gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;And that's all there is to it.&lt;/p&gt;

&lt;p&gt;You now have a fully working contact form working!&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>html</category>
      <category>forms</category>
      <category>ssg</category>
    </item>
  </channel>
</rss>
