DEV Community: irishgeoff9

send form to email

irishgeoff9 — Tue, 27 Sep 2022 11:27:29 +0000

When you create your next website just remember you don't have to program every feature you need.

If you want a quick way to get your HTML contact form submissions.

With just a few lines of HTML code. You can create a contact form for your website , that will send the form data to an email.

<form action="https://fabform.io/f/{form-id}" method="post">
 <label for="email">Your Email</label>
 <input name="email" type="email">
 <button type="submit">Submit</button> 
</form>

You just need to create a free account on the [static website forms] backend fabform.io

jamstack static website forms

irishgeoff9 — Sat, 24 Sep 2022 02:36:04 +0000

jamstack forms

I am going to show you a quick solution on how to quickly add static website forms to any static website.

As you may know, a static website does not have a backend -- so there are no server-side languages to handle any forms.

A static site only consists of just (HTML,CSS and Javascript). Static website are also known as jamstack websites.

That begs the question. How can you add a static website form to your website?

Turns out, its quite simple. We will be using a forms back-end service called fabform.io to add a contact form to our static site.

Simply navigate to fabform.io to create a free account and click on "Create Endpoint". Cut and paste your new endpoint id into the action property of your HTML contact form.

Here is an example HTML contact form for your jamstack ~ static website.

<form action="https://fabform.io/f/{form-id}" method="post">
 <label for="email">Your Email</label>
 <input name="email" type="email">
 <button type="submit">Submit</button> 
</form>

Feel free to modify your contact form and add any fields you which to collect forms data from.

Just remember to name each html forms field with the name you want to store each field for.

That's all there is to it. You can now publish your jamstack ~ static website as you normally do.

Congratulations! You have a fully working a static website form on up and running on your site.

Bonus

If you are creating a new website with the hugo static website generator.

I would recommend you check out these awesome free hugo themes that have static website forms already built into the themes.

free hugo themes - producthunt

irishgeoff9 — Mon, 19 Sep 2022 07:15:42 +0000

Just launched our free hugo themes on product launch
Please upvote everyone :)

free hugo themes on product hunt.

List of some awesome beautiful responsive free hugo themes

Jamstack forms

irishgeoff9 — Mon, 12 Sep 2022 09:54:57 +0000

This is going to be a very quick tutorial on how to add jamstack forms to a static website.

Static websites as you may know are websites that comprise of no more than just HTML, CSS and Javascript.

A static website by it's very nature does not have a server back-end, so there are no server languages to "post" your forms to --so to speak.

At some point you may want to add forms to your site and since your static website does not have a backend , you will need to employ the services of a jamstack forms backend.

To add a contact us form to your website we will be using the forms backend service fabform.io.

It's just a simple case of creating a endpoint on fabform.io and adding a HTML contact form to your web page and pointing the form's action method to your newly created fabform.io endpoint.

With your contact form up and running you can now easily collect all of your form submissions.

Here is all the code you will need to get a jamstack forms contact us page up and working on your site.

<form action="https://fabform.io/f/{form-id}" method="post">
 <label for="email">Your Email</label>
 <input name="email" type="email">
 <button type="submit">Submit</button> 
</form>

You will need to replace the form's action method to point to a endpoint that you will of have created on the jamstack forms forms backend service fabform.io

For additional information see how to
create a static website with contact form on github pages

There you have it folks. All you needed to get jamstack forms up and running on your website.

Free Hugo Themes

irishgeoff9 — Tue, 06 Sep 2022 19:56:00 +0000

I would like to share with everyone a very nice collection of free hugo themes for the Hugo static site generator (SSG). Hope you enjoy.