Send email from static page hosted on GitHub Pages
I have hosted a single static HTML page using GitHub Pages. I need to add a "Send Feedback" feature to my static page where a user can type in his name, email, comments and click the SUBMIT button. This will send an email with the contents to my email address. Can this somehow work in a static HTML page on GitHub? Does GitHub Pages support this mailing feature?
I also want to know what features/plugins etc can GitHub Pages server support based on the underlying web server it uses?
Yes it can be done this way with the help of Formspree.
Formspree
http://formspree.io/
HTML forms Just send your form to our URL and we'll forward it to your email. No PHP, Javascript or sign up required — perfect for static sites!You just need to open your text editor, and paste the following code:
<form action="http://formspree.io/[email protected]"><input type="email" name="_replyto"><textarea name="body"></textarea><input type="submit" value="Send"></form>
That's it, your form already works! It will post the form onto an external domain, formspree.io, and send you an email with all the form content. No database. And you can just hit reply in your mailbox to continue the conversation with your visitor.
This tool was built by the guys from Brace, then open-sourced and hosted by Assembly.
Setting it up is easy and free. Here's how:
You don't even have to register.
- Setup the HTML form
Change your form's action-attribute to this and replace [email protected] with your own email.
http://formspree.io/[email protected]
- Submit the form and confirm your email address
Go to your website and submit the form once. This will send you an email asking to confirm your email address, so that no one can start sending you spam from random websites.
- All set, receive emails
From now on, when someone submits that form, we'll forward you the data as email.
This cannot be done natively on GitHub pages. You will need to use some kind of form submission tool.
GitHub's pages documentation describes what you can and cannot do with the hosting, and what plugins it supports.
Github pages doesn't support php and some of the other backend stuff you'd need for this. A simple approach is to just create a google form which corresponds to your html form and use the action submit to that. It is a bit trickier to do it with out a redirect but it can be done.
Here's how I did it: https://github.com/toperkin/staticFormEmails/blob/master/README.md