5 ms·

Turn mailto links into clean contact forms

53 points by cmstoken 13y ago

szc 13y ago
Do these links work with the Baidu spiders? Baidu doesn't seem to understand that an href to a mailto: is in an email not html namespace!
FajitaNachos 13y ago
I'm using this on a couple projects and it's pretty slick. Much like the title says, your mailto links become a nice little contact form. Haven't had any problems with it so far.
CookWithMe 13y ago
Nice! For us, one use-case for contact forms is to request a webinar at a specific date. I'm guessing here, but I think more people will request a webinar if they can simply select a date and send it off vs. if they have to write a free-form email requesting a date. Any plans on adding a date-picker (instead / in addition to the main message)? I was going to implement that myself at the end of this week/next week...
pilif 13y ago
I don't understand why you'd even want a contact form over an email link. People have email clients configured and they know how to use them. Their email clients also provide much better editing features for a message than what a standard browser-textarea would provide. Things like rich text (ugh) or auto-save or save as draft and whatnot. Mail clients also usually archive sent messages so a sender automatically has something to reference in the future. Furthermore, it allows a customer to add the recipient email address to their address book if the need for further communication arises. On the receiving end, SPAM filtering for email has gotten so good that having a public email address posted somewhere is a non-issue, whereas having to deal with bots submitting contact form is still an issue in need to be solved on a per-site basis, so just having an email link will solve the spam issue for the recipient of the form. So - why would you still use a contact form? I mean - if it's for a plain contact form - the moment you want to ask for structured data or file attachments, it might start to make sense, but even then - who doesn't hate these forms where you have to click a radio button for selecting the purpose of a message when just typing a subject would do too - especially when the purpose you want isn't listed. Personally, I always prefer a plain email link over a contact form - both as a sender and as a recipient.
- girzel 13y ago
  Not everyone's spam filters are that good! Being able to run contact form submissions through akismet is pretty nice.
- cmstoken 13y ago
  Actually the email link is displayed above the contact form and is clickable. When I click it, it opens my default mail client. I think the point is to let the savvy users use their (already set up) mail client and everyone else who hasn't set one up (i.e. browsing from library etc...) use the contact form. Best of both worlds for site owners.
- danielrhodes 13y ago
  Four reasons why they are useful: 1) Not as many people as you think have configured email clients 2) Filling out a form does not break flow with looking at the site 3) Response rates are higher for these forms than an email address (based on my own experience) 4) a form allows you to collect more structured information from responders
- adrianhoward 13y ago
  I don't understand why you'd even want a contact form over an email link Because: * Some folk don't have email addresses and still want to contact you (it does happen) * Some folk are using this away from their primary machine and don't have email configured * The form's are large in-your-face pieces UI and are much more "obvious" than an email address. In multiple usability / split tests I've seen feedback forms get more responses than email addresses. People often completely miss the fact that their is an email address. They're looking for a form. * A large chunk of people just seem to prefer them - again I've seen this in multiple usability tests. Personally, I always prefer a plain email link over a contact form - both as a sender and as a recipient. Me to. But I'm generally not building web sites for me ;-)
- frio 13y ago
  Between my work computer, home computer, laptop and phone, I don't have a consistent mail experience. Some open my gmail account, some my other personal account, some my work account -- and some, nothing at all (depending on which browser I'm using). I'd much, much, much prefer a form over a mailto: link, which 90% of the time loads completely the wrong thing.
brianchu 13y ago
Here's a roll-your-own alternative: use an embedded Google form and style it to fit your website's theme. That's what I do at http://www.brianchu.com http://www.brianchu.com (Contact Me button at the left). Works like a charm and I get an email notification every time someone submits the form. A contact form is superior to publicly displaying an email address because 1) if you think about it as a conversion funnel, that's one less step for the person to reach out to you, and 2) a contact form makes it really clear that you're open to being contacted; some people are hesitant to email you out of the blue.
- twodayslate 13y ago
  You should write a tutorial on how to do this. How do you theme the form?
  - j_s 13y ago
    You can edit the HTML manually to tweak anything as desired: http://www.immersionmedia.com/blog/customizing-and-styling-google-forms/ http://www.immersionmedia.com/blog/customizing-and-styling-g...
huhtenberg 13y ago
> Turns mailto links into clean contact forms Sounds like a description of a weekend hack project on Github, but apparently it's a service. Damn.
- deleted 13y ago
  [deleted]
- highace 13y ago
  Someone will get this up on github soon I'm sure. It's actually a very good idea, but a service would have been much better suited to a few years ago when pages were more static and adding a contact form to a page was reasonably hard work for a designer with no programming experience. Nowadays you pretty much get one built in to Wordpress/any CMS/template/whatever.
stef25 13y ago
This is amazingly useful. Every site I work on needs a contact form but it has to be styled, validated with JS and on the backend and then configured to be sent to my customer. I can do this all with my eyes closed, but it still takes time. Can't wait to use this.
gerhardi 13y ago
Before I saw this, I couldn't imagine email messages through a form to be more expensive than SMS messages.
dugmartin 13y ago
Very well executed. Two things I would add immediately though: 1) A WordPress plugin. I know it is just a script include but this makes it much easier to integrate and gives you visibility on the WordPress plugin list. You can also add an admin menu item to load your admin ui in a iframe inside the WordPress admin. 2) An affiliate program. I can see a lot of designers recommending this to clients and if you can give the designers a cut of ongoing monthly revenue you will greatly increase your reach and will give you a market focus.
- dugmartin 13y ago
  Third thing to add: 3) I'd remove the free monthly plan and just say "Free for your first 100 contact replies". This lets people try it out without having to think about how many valid contacts they get a month and filters out paying for spam messages. It also changes your conversion point from a monthly trigger to a single one so you can do lifecycle emails as they start getting close to their limit.
minhajuddin 13y ago
There is already http://getsimpleform.com/ http://getsimpleform.com/ for this. Ironically, its the most popular thing I've built with a fraction of time I spent on other projects like https://substancehq.com/ https://substancehq.com/ .
- twodayslate 13y ago
  How are you going to monetize getsimpleform? I like it.
  - minhajuddin 13y ago
    I don't plan on monetizing it, I just wanted something simple for a few websites I maintain, it runs at virtually no cost.
- aytekin 13y ago
  We also have something similar called Jotform Instant. Creating a live form takes like 30 seconds. 1. Pick a form from 3000+ form templates 2. Enter email address to receive responses 3. Copy the code provided to your site http://instant.jotform.com http://instant.jotform.com
nayefc 13y ago
Why would I pay for this when it's just 5 extra lines of HTML code for the modal dialog?
- l0gicpath 13y ago
  Then don't pay for it. Add those 5 extra lines of HTML code for the modal dialog. Then build some administrative area to view these messages that get sent through your 5-extra-lines-contact-form. Or build some simple(or not, depends on your needs) backend logic to mail the content of the form to your inbox in that case you might want to - integrate with some SMTP-relay/Mail-server-api like Mailgun, Postmark, Mandrill or any other to insure delivery and what not. - Or you could host your own mail server. - Or authenticate with an account @gmail or any other and mail it through their SMTP server. But really though, I am pretty sure it's geared more towards those with less technical experience than you and I or those with little time on hand to do anything more decent than putting a mailto link.
matthewbaker 13y ago
I really like this. A couple of random ideas: * Test integrations with various CRM type systems. Hubspot, Salesforce, Mailchimp all have huge ecosystems that you can leverage! * Offer per page configuration (on/off) * Expose CSS for easy skinning. This could be a text box on your portal. * Offer configurable fields to be collected * Implement a "send to your webmaster" button. * Expose that you are a whitelisted sender (if you are) Good luck!
aiiane 13y ago
Something important that seems to be missing from the website's available information: what happens when you hit the limit on free messages but haven't paid? It seems like there's two possibilities with any likelihood, either it gives the user an error or it starts behaving like a regular mailto: link until the limit rolls over - but it'd be nice if the site said which.
kbjoh 13y ago
Are not you guys worried about the customer`s and your company`s privacy when using these kinds of services? I think that customers have right to privacy as much as you do and these kinds of services are very questionable since they become the middle man,and I would be extremely cautious in the age of NSA runring the internet. just curious why everyone is so eager to outsource every script every font on the web to some server run by third parties?

53 points by cmstoken 13y ago

szc 13y ago

Do these links work with the Baidu spiders? Baidu doesn't seem to understand that an href to a mailto: is in an email not html namespace!

FajitaNachos 13y ago

I'm using this on a couple projects and it's pretty slick. Much like the title says, your mailto links become a nice little contact form. Haven't had any problems with it so far.

CookWithMe 13y ago

Nice! For us, one use-case for contact forms is to request a webinar at a specific date. I'm guessing here, but I think more people will request a webinar if they can simply select a date and send it off vs. if they have to write a free-form email requesting a date. Any plans on adding a date-picker (instead / in addition to the main message)? I was going to implement that myself at the end of this week/next week...

pilif 13y ago

I don't understand why you'd even want a contact form over an email link. People have email clients configured and they know how to use them. Their email clients also provide much better editing features for a message than what a standard browser-textarea would provide. Things like rich text (ugh) or auto-save or save as draft and whatnot. Mail clients also usually archive sent messages so a sender automatically has something to reference in the future. Furthermore, it allows a customer to add the recipient email address to their address book if the need for further communication arises. On the receiving end, SPAM filtering for email has gotten so good that having a public email address posted somewhere is a non-issue, whereas having to deal with bots submitting contact form is still an issue in need to be solved on a per-site basis, so just having an email link will solve the spam issue for the recipient of the form. So - why would you still use a contact form? I mean - if it's for a plain contact form - the moment you want to ask for structured data or file attachments, it might start to make sense, but even then - who doesn't hate these forms where you have to click a radio button for selecting the purpose of a message when just typing a subject would do too - especially when the purpose you want isn't listed. Personally, I always prefer a plain email link over a contact form - both as a sender and as a recipient.

girzel 13y ago
Not everyone's spam filters are that good! Being able to run contact form submissions through akismet is pretty nice.
cmstoken 13y ago
Actually the email link is displayed above the contact form and is clickable. When I click it, it opens my default mail client. I think the point is to let the savvy users use their (already set up) mail client and everyone else who hasn't set one up (i.e. browsing from library etc...) use the contact form. Best of both worlds for site owners.
danielrhodes 13y ago
Four reasons why they are useful: 1) Not as many people as you think have configured email clients 2) Filling out a form does not break flow with looking at the site 3) Response rates are higher for these forms than an email address (based on my own experience) 4) a form allows you to collect more structured information from responders
adrianhoward 13y ago
I don't understand why you'd even want a contact form over an email link Because: * Some folk don't have email addresses and still want to contact you (it does happen) * Some folk are using this away from their primary machine and don't have email configured * The form's are large in-your-face pieces UI and are much more "obvious" than an email address. In multiple usability / split tests I've seen feedback forms get more responses than email addresses. People often completely miss the fact that their is an email address. They're looking for a form. * A large chunk of people just seem to prefer them - again I've seen this in multiple usability tests. Personally, I always prefer a plain email link over a contact form - both as a sender and as a recipient. Me to. But I'm generally not building web sites for me ;-)
frio 13y ago
Between my work computer, home computer, laptop and phone, I don't have a consistent mail experience. Some open my gmail account, some my other personal account, some my work account -- and some, nothing at all (depending on which browser I'm using). I'd much, much, much prefer a form over a mailto: link, which 90% of the time loads completely the wrong thing.

brianchu 13y ago

Here's a roll-your-own alternative: use an embedded Google form and style it to fit your website's theme. That's what I do at http://www.brianchu.com http://www.brianchu.com (Contact Me button at the left). Works like a charm and I get an email notification every time someone submits the form. A contact form is superior to publicly displaying an email address because 1) if you think about it as a conversion funnel, that's one less step for the person to reach out to you, and 2) a contact form makes it really clear that you're open to being contacted; some people are hesitant to email you out of the blue.

twodayslate 13y ago
You should write a tutorial on how to do this. How do you theme the form?
- j_s 13y ago
  You can edit the HTML manually to tweak anything as desired: http://www.immersionmedia.com/blog/customizing-and-styling-google-forms/ http://www.immersionmedia.com/blog/customizing-and-styling-g...

huhtenberg 13y ago

> Turns mailto links into clean contact forms Sounds like a description of a weekend hack project on Github, but apparently it's a service. Damn.

deleted 13y ago
[deleted]
highace 13y ago
Someone will get this up on github soon I'm sure. It's actually a very good idea, but a service would have been much better suited to a few years ago when pages were more static and adding a contact form to a page was reasonably hard work for a designer with no programming experience. Nowadays you pretty much get one built in to Wordpress/any CMS/template/whatever.

stef25 13y ago

This is amazingly useful. Every site I work on needs a contact form but it has to be styled, validated with JS and on the backend and then configured to be sent to my customer. I can do this all with my eyes closed, but it still takes time. Can't wait to use this.

gerhardi 13y ago

Before I saw this, I couldn't imagine email messages through a form to be more expensive than SMS messages.

dugmartin 13y ago

Very well executed. Two things I would add immediately though: 1) A WordPress plugin. I know it is just a script include but this makes it much easier to integrate and gives you visibility on the WordPress plugin list. You can also add an admin menu item to load your admin ui in a iframe inside the WordPress admin. 2) An affiliate program. I can see a lot of designers recommending this to clients and if you can give the designers a cut of ongoing monthly revenue you will greatly increase your reach and will give you a market focus.

dugmartin 13y ago
Third thing to add: 3) I'd remove the free monthly plan and just say "Free for your first 100 contact replies". This lets people try it out without having to think about how many valid contacts they get a month and filters out paying for spam messages. It also changes your conversion point from a monthly trigger to a single one so you can do lifecycle emails as they start getting close to their limit.

minhajuddin 13y ago

There is already http://getsimpleform.com/ http://getsimpleform.com/ for this. Ironically, its the most popular thing I've built with a fraction of time I spent on other projects like https://substancehq.com/ https://substancehq.com/ .

twodayslate 13y ago
How are you going to monetize getsimpleform? I like it.
- minhajuddin 13y ago
  I don't plan on monetizing it, I just wanted something simple for a few websites I maintain, it runs at virtually no cost.
aytekin 13y ago
We also have something similar called Jotform Instant. Creating a live form takes like 30 seconds. 1. Pick a form from 3000+ form templates 2. Enter email address to receive responses 3. Copy the code provided to your site http://instant.jotform.com http://instant.jotform.com

nayefc 13y ago

Why would I pay for this when it's just 5 extra lines of HTML code for the modal dialog?

l0gicpath 13y ago
Then don't pay for it. Add those 5 extra lines of HTML code for the modal dialog. Then build some administrative area to view these messages that get sent through your 5-extra-lines-contact-form. Or build some simple(or not, depends on your needs) backend logic to mail the content of the form to your inbox in that case you might want to - integrate with some SMTP-relay/Mail-server-api like Mailgun, Postmark, Mandrill or any other to insure delivery and what not. - Or you could host your own mail server. - Or authenticate with an account @gmail or any other and mail it through their SMTP server. But really though, I am pretty sure it's geared more towards those with less technical experience than you and I or those with little time on hand to do anything more decent than putting a mailto link.

matthewbaker 13y ago

I really like this. A couple of random ideas: * Test integrations with various CRM type systems. Hubspot, Salesforce, Mailchimp all have huge ecosystems that you can leverage! * Offer per page configuration (on/off) * Expose CSS for easy skinning. This could be a text box on your portal. * Offer configurable fields to be collected * Implement a "send to your webmaster" button. * Expose that you are a whitelisted sender (if you are) Good luck!

aiiane 13y ago

Something important that seems to be missing from the website's available information: what happens when you hit the limit on free messages but haven't paid? It seems like there's two possibilities with any likelihood, either it gives the user an error or it starts behaving like a regular mailto: link until the limit rolls over - but it'd be nice if the site said which.

kbjoh 13y ago

Are not you guys worried about the customer`s and your company`s privacy when using these kinds of services? I think that customers have right to privacy as much as you do and these kinds of services are very questionable since they become the middle man,and I would be extremely cautious in the age of NSA runring the internet. just curious why everyone is so eager to outsource every script every font on the web to some server run by third parties?