DEV Community

Cover image for Create a static webpage with a contact form on Github pages

Create a static webpage with a contact form on Github pages

Charalambos Ioannou on May 18, 2020

What are GitHub pages? GitHub pages allow you to host a website directly from your GitHub repository. It can host static websites that t...
Collapse
 
irishgeoff9 profile image
irishgeoff9

This is a some good additional information on how to create a static website with contact form on github pages

Collapse
 
charalambosioannou profile image
Charalambos Ioannou

Thank you! Will definitely check it out and update the article! πŸ˜ƒ

Collapse
 
jonnymoo profile image
Jonny Muir

Simple and to the point - just what I needed - ta!

Collapse
 
charalambosioannou profile image
Charalambos Ioannou

Thank you very much, glad I could help πŸ˜„

Collapse
 
jonnymoo profile image
Jonny Muir

You did!
And here it is in action if you are interested:
jonnymuir.com/#planet11-article

Thread Thread
 
charalambosioannou profile image
Charalambos Ioannou • Edited

Amazing, thanks I will take a look!

Collapse
 
adamfu profile image
adam-fu • Edited

Hi Charalambos,

this is a useful tutorial. It helps making GitHub and GitLab pages more popular.

I would suggest an alternative to use formspree. Because contact forms without a captcha are crap. And paying for this feature 10USD/month I consider a bit overpriced. So how about hosting your own contact form backend? I created an open source project that does just that, including a complete ansible playbook for installation: just-code.io

Cheers,

Adam

Collapse
 
charalambosioannou profile image
Charalambos Ioannou

Hello Adam,

If I'm not mistaken the captcha for Formspree is free. At least I'm using my form with captcha and I'm not paying anything. However i have looked at your project and looks very nice and well thought. When i have the time i will definitely replace my Formspree with your project

Sincerely,
Charalambos

Collapse
 
adamfu profile image
adam-fu

Hi Charalambos,

I think you are right, just had a second look on formspree.io/plans. They write "All forms come with reCAPTCHA support", the missing dot in the feature list is about advanced spam filtering. So for users with less than 50 contact requests per month, their free tier maybe an option :)

Cheers,
Adam

Thread Thread
 
charalambosioannou profile image
Charalambos Ioannou

Hello Adam,

Oh i see, yes you are right. I don't get 50 requests per month so it's suitable for me. But for people who will be frequently contacted then this is not suitable if they don't wanna pay. I will definitely see your project and contact you in the future on how to integrate it with my website. And also if you want we can write a new article together on github static pages and contact forms :)

Sincerely,
Charalambos

Collapse
 
yaireo profile image
Yair Even Or

Hi Adam, your link is dead...

Collapse
 
adamfu profile image
adam-fu

Hi Yair,
I changed the domain. team TLD was to expensive. I changed to just-code.io/

Collapse
 
thisdotmedia_staff profile image
This Dot Media

Great step-by-step Charalambos πŸ‘πŸΌ This is really helpful. You did awesome for your first post. Look forward to seeing more 😁

Collapse
 
charalambosioannou profile image
Charalambos Ioannou

Thank you so much This Dot Media. It means a lot πŸ˜„. Have a great day and will definitely publish more.

Collapse
 
thisdotmedia_staff profile image
This Dot Media

You are most welcome. Thanks so much πŸ˜„ And woohoo

Collapse
 
gdhebling profile image
Gui Hebling

Thanks for the tip on Formspree! πŸ‘πŸ˜
With that, I was able to deploy my first website with a functioning form! πŸ₯³πŸŽ‰

Collapse
 
charalambosioannou profile image
Charalambos Ioannou

That's amazing πŸ˜€πŸ˜€ congratulations 🎊 πŸŽ‰
I'm glad i could help πŸ˜ƒπŸ˜ƒπŸ˜ƒ

Collapse
 
irishgeoff22 profile image
irishgeoff22

Helpful tutorial github pages contact form

Collapse
 
farvic profile image
Victor Araujo

Thanks for the tutorial! This is gonna help me!

Collapse
 
charalambosioannou profile image
Charalambos Ioannou

No problem πŸ™‚ I'm glad I can help

Collapse
 
irishgeoff9 profile image
irishgeoff9

You may find this helpful also
fabform.io/a/create-a-static-websi...

Collapse
 
jfkquality profile image
John Knight

Thanks. Very glad I found this. But I just tried Formspree and the form's email came from "Formspree noreply@formspree.io". Is that correct? Not very nice. Is there a way to change that? Thanks.

Collapse
 
charalambosioannou profile image
Charalambos Ioannou

Yes, this is correct. Unfortunately you cannot change this because the user’s text is passed through formspree’s sever to create and direct the email to you. However this is just when you receive the email from a person. When you will reply back then the reply comes directly through your email address and not formspree.

Thank you and apologies for the late reply.