9

How are you guys handling simple web forms on static sites?

over 7 years ago from , Creative Director @ Design by Cosmic, Inc.

We're working on a non CMS site for the first time in awhile, and wondering what the community is using for form delivery and validation.

We're thinking some kind of integration between parsely.js and a simple PHP sendmail may be the way to go.

Wufu is not an option as we want to host the form on our server and avoid the monthly fees.

How are you guys handling forms on simple static sites?

19 comments

  • Fraser Deans, over 7 years ago

    You could create a form in Google docs, copy the form code straight into your static pages. Works a treat.

    3 points
  • Sifur Rahman, 3 years ago

    I know it's an old question and you may have already found solution. But for someone else it could help! If you're looking for a solution for processing static HTML forms without server or monthly subscription fee then use https://formsapi.jabwn.com, follow the documentation and setup your form. It support SPAM protection, Validation and another great feature is file upload.

    2 points
  • Jeff EscalanteJeff Escalante, over 7 years ago

    Oh wow I actually just ran into this issue and solved it in a slightly strange manner, so here's how I handled it.

    I made a tiny node (express) app that has one single route - /send - that you can POST to. Whatever it gets as data, it iterates through and formats it into a little html block that looks kind of nice. Then it connects to my gmail account and sends it to an address that I can set using Nodemailer (https://github.com/andris9/Nodemailer). I'm using CORS to make sure that only the site I'm controlling is able to send mail through the app.

    This is good because the app is super tiny, runs really fast and takes up hardly any memory, and one route can handle all the forms for any given domain. If I have to do this for other domains, I'll just abstract out the mail method, read the source from the header, and set up a little object that maps the sources to email addresses and that should do the trick.

    Was really quick to set up, works nicely in production, and I was happy with the results. If anyone is interested or has questions, feel free to reach out on twitter - @jescalan

    2 points
  • Jared KleinJared Klein, over 7 years ago

    Why do you need a pre-made solution?

    If it's a simple static site, why not write the form yourself and use some combination of Rails, HTML5, and/or JS validation?

    2 points
    • Eric ResslerEric Ressler, over 7 years ago

      Hi Jared,

      Thanks for taking the time to respond. We're not set on a pre-made solution perse, more just interested to learn more about how members of the community are tackling a common design implementation. Your solution is likely similar to what we will go with.

      0 points
  • Ankit Singhaniya, over 3 years ago

    I think http://www.formester.com/ has an affordable and easy to use solution. It is actively under construction and cool new features are on the way. I was pained by all the solutions out there so went over to make this. I hope it will ease you problems too. :)

    1 point
  • Mark Lutz, over 5 years ago

    Hi Eric,

    Not long ago a stumbled upon a very neat service http://flipmail.co where you can create your forms in pure HTML and it also gives you the posibility of form validation aswell. Even though you said you wanted to host it yourself i find the solution can do what you ask. And it's free!

    Best regards, Mark Lutz

    1 point
  • Roy BarberRoy Barber, over 7 years ago

    Eric, i have a simple php form class i use that i can remove functions easily, It can post results to a mysql DB, send an automated reply, send form submission results to admin email and redirect to a thankyou page. Combining that with inline validation from jquery validate works a treat.

    Roy

    1 point
  • Erik Gonzalez, over 1 year ago

    Parsely.js is nice but its only front-end validation and takes a few lines of code to get it done. https://kwes.io offers frontend and backend validation at the same time. This a huge benefit and the code is super simple.

    0 points
  • Dan Bar-Shalom, over 1 year ago

    This is an old thread, but it seem to still have traction, so here's another option that we have created - form-data It has bot protection, email notification, auto-responder to users and integrations with 3rd party services via Zapier or webhooks. There is a free plan you can start with

    0 points
  • nusu alabuganusu alabuga, over 2 years ago

    I know it's a little bit late but you should definitely look at formcarry

    0 points
  • Lorenzo Quintana, almost 3 years ago

    o wow, super old post but here are my 2 cents:

    A couple of weeks ago I needed form submissions capabilities for several of my sites. Now I had been recently migrating from Wordpress to just using static sites using CloudFront for all my sites. This is super great since all of my sites are running super fast, day and night! Not to mention not dealing with security exposed woes with Wordpress or any CMS for that matter.

    Anyways, I started using a couple of forms submit services, but both of these products were either buggy, never received 100% of the emails, or sometimes both services were down.

    I stumble upon a new app in producthunt called formata (formata.io) and it's awesome! I think these guys nailed it since it's super reliable, and best of all it's super fast and has like a honeypot in place for spam, and also user analytics so you can see where people are submitting from.

    Anyways that's my opnion on the matter, I know how frustrating it is sometimes for UX designers to get around these simple things in life, I know I should probably learn how to code, but hey, superb UX experiences don't design themselves, lol anyways give these guys a try, they're new I think but they do lots of cool stuff! Here's the website if you guys are looking for forms to work on static sites -> https://www.formata.io

    0 points
  • Victoria PalaciosVictoria Palacios, almost 3 years ago

    We saw the same issue that many of you already listed. We wanted some combination of all the existing solutions: low cost, unlimited forms and submissions, and relatively full control over the user experience. One thing we were also looking for was some layer of analytics around the forms and submissions.

    Since we couldn’t find exactly what we need, we created FormFor: https://formfor.com/

    There is a free 14 day trial so would love it if you all checked it out and gave us some feedback.

    0 points
  • Jesper Christiansen, over 3 years ago

    Formbackend (https://www.formbackend.com) is an option. You can create your form and style it the way you like it - and use the URL that Formbackend gives you, as the "action" of your form. All entries will end up in Formbackend, from where you can view them, export them etc.

    0 points
  • Dan LeboDan Lebo, over 7 years ago

    Gotta plug mailchimp.com, they have a great and easy form generator that can be styled however you'd like.

    0 points
  • Eric Ressler, over 7 years ago

    Thank you everyone for your responses. We ended up using a combination of parsley.js and a slightly modified version of Erik Reagan's Catch All PHP form processor: https://github.com/erikreagan/Catch-All-PHP-Form-Processor

    0 points
  • Jon GoldJon Gold, over 7 years ago

    For sites when I'm not using Rails I quite like hacking Google Docs Forms - instead of embedding the iFrame, copy & paste the source and then edit to your liking. You can do a bunch of bun stuff with jQuery.

    An example (not mine) http://mintdigital.com/new-designer

    0 points
  • Liang ShiLiang Shi, over 7 years ago

    Really like this, you can embed it: http://www.typeform.com/

    0 points