I'm currently available for freelance projects. Enquire within.

contactableHeader

Contactable is a jQuery plugin designed to make contact/feedback forms simpler and more accessible. This plugin will enable you to create a contact form on any page of a site with minimal effort. If you have ever seen the feedback forms provided by kamypyle you will be familiar with the technique they use, however contactable makes this process even simpler by overlaying the content onto your page quickly and easily with a slide effect and inline validation.

Contactable version 1.3 now available. With great thanks to Shimon Doodkin

Download contactable

Try the demo

Usage

Contactable takes care of a lot of issues for you, however the plugin does have a dependency on jQuerys validate plugin, which is included in this download. To start simply create a div with an ID:

<div id="contact">
</div>

You will need to call in the jquery framework as well as the validator to make this plugin work:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>
<script type="text/javascript" src="jquery.validate.pack.js"></script>
<script type="text/javascript" src="jquery.contactable.min.js"></script>

To initiate the contactable plugin simply call the plugin on the ID of your div. In the download you will also see a mail.php file. It is important that you put this at the top level of the of your server as to make the ajax request successfully.

$(function(){
 $('#contact').contactable({
  subject: 'A Feeback Message'
 });
});

Important once downloaded open the mail.php file and navigate to the line 12. look for /*RECIPIENTS EMAIL ADDRESS HERE*/ and replace with the email address you wish to use.

mail('/*RECIPIENTS EMAIL ADDRESS HERE*/', $subject, $contactMessage);

Options for contactable

There are a lots of extra parameters for contactable, you can adjust pretty much everything on the form in terms of how it displays. A new feature added in 1.2.1 is hideOnSubmit which by default is set to true, this simple hides the contact form once a message has been sent successfully.

 name: 'Name',
 email: 'Email',
 message : 'Message',
 subject : 'A contactable message',
 recievedMsg : 'Thankyou for your message',
 notRecievedMsg : 'Sorry, your message could not be sent, try again later',
 disclaimer: 'Please feel free to get in touch, we value your feedback',
 hideOnSubmit: true

Demo

You can see the contactable plugin in action here. You can find all the styling included within the download, which has been tested on IE6 IE7 FF PC FF mac Safari. Thanks for checking it out, and please shout if you find any bugs or can think of ways to improve the plugin.

Version History

26/08/2009 – Version 1.0

24/09/2009 – Version 1.2

18/01/2010 – Version 1.2.1

21/12/2010 – Version 1.2.2

13/02/2010 – Version 1.3 (thanks to Shimon Doodkin)

New features included

  • Plugin now supports Strict HTML Doctypes
  • CSS error field bug fixed
  • Submit button issue fixed
  • CSS IE6 IE7 style issues resolved
  • Added auto hide form feature
  • Security update to mail.php
  • Sever side email validation
  • optional feedback.png or contact.png tab wording
  • Support for hebrew lang
  • right to left support
  • added css prefix
  • short readme file included

About the author

My name is Philip Beel. I have four years commercial experience in front end web development. My disciplines include XHTML, CSS, PHP, MYSQL, Smarty and javascript. I am also a keen advocate of the jQuery framework.

Read more posts by


563 Comments on Contactable – A jQuery Plugin

  1. tigrou

    Nice work!!!

    « Reply

    מצלמות אבטחה Reply:

    yes that great work very easy to work with…

    « Reply

    Faton Reply:

    nicely done !

    « Reply


  2. Mariano Teixeira

    very nice!

    « Reply


  3. Bob Cravens

    Very clean and nicely done!

    « Reply


  4. Michael

    Great work! Works fine… Nicely done

    « Reply


  5. Nokadota

    This is excellent. I’ve seen a lot of forms that attempt to make it easier to implement them as it seems to be a problem of much concern to the design community.

    Thanks for this!

    « Reply


  6. Bruno

    Excellent. But IE6, IE7 need hacks???

    « Reply

    philipbeel Reply:

    @Bruno Thanks – I have tested IE7 on XP and Vista everything worked ok for me. If you spot any bugs please let me know and I will try to fix thanks!

    « Reply

    jophin Reply:

    @philipbeel,

    Thanks for sharing your knowledge……

    I am found bug on xp ie7 ..plz can you update it

    « Reply

    Kent Reply:

    @Bruno, Stop hacking for IE6 and let the browser die ! I NEVER do hacks for IE versions under 8. IE6 Visitors to my site can change browsers or **** off. Tough but necessary

    « Reply

    Anon Reply:

    @Kent, Obviously don’t work for clients then.

    « Reply

    Maulik Bengali Reply:

    @Bruno, I have tweaked contactable.css for IE6 & IE7.

    I hope it is useful.

    Only two changes are required.

    1) Add this rule to #contactable #contactForm after position:fixed property “_position:absolute;”(without quotes, of course)

    2) Change the rule *position:absolute in #contactable #contactable_inner to “_position:absolute;”(without quotes, again)

    « Reply


  7. Simes

    A minor buggette…
    Line 80 of the contactable.js has:
    $(‘#callback’).show().append(defaults.recievedMsg);

    I think this should be

    $(‘#callback’).show().append(defaults.notRecievedMsg);

    « Reply

    philipbeel Reply:

    @Simes – Great spot, all fixed and updated, thanks for your help!

    « Reply


  8. shin

    It seems it does not sanitize customer inputs. Is it safe enough to use on live?

    « Reply

    philipbeel Reply:

    @shin – The fields will be specific to the users machine, each comment will only be viewable by the user and yourself – It will not be public for others to see.

    « Reply


  9. Bruno

    @philipsbeel – Test using DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”

    « Reply


  10. Setiaji

    CoolIt’s very cool, I like it..

    « Reply


  11. Hetal

    Thanks for the plugin… something I have been looking for.

    « Reply


  12. alpin

    very cool, this would be great for my applications. thanks

    « Reply


  13. Wee Chuan

    Like it, but it break my WP theme. So cannot use but very nice plugin..not sure if it is due to the jquery in my WP theme. Are you planning to convert this plugin into WP compatible?

    « Reply



  14. Derek

    How can I make it slide closed after 5sec or after success?

    « Reply


  15. I. Ostrovsky

    Elegant, classy, thank you for a gem.

    « Reply


  16. port119

    @philipsbeel @Bruno: Using that DOCTYPE seems to be a problem with ie6/ie7. Any idea how to fix it? Thanx for this nice plugins ;-)

    « Reply

    philipbeel Reply:

    @port119

    Thanks for the headsup I will look into fixing it as part of the next release. Cheers!

    « Reply


  17. Emile

    Hi There, I would like to have the form appear when clicking on an isolated link, eg contact in the navigation menu, what do I need to call for this to work? Thank you

    « Reply

    philipbeel Reply:

    @Emile – Currently the contactable plugin does not facilitiate this feature, however it is a very good suggestion and I will consider including it in the next version – thanks!

    « Reply



  18. Jhonattan

    Very nice work, i have one question, how can i change form´s language?

    « Reply


  19. ryan

    it looks fine now, BUT the “submit” button is not pressable.
    when i click it to submit, it does nothing…what could this be?
    thanks.
    very cool script!

    « Reply


  20. Michael

    Really great work!!
    How is it possible to realize an inline form validation with default values (e.g. default value is “First name”, but the value on this input field is blank when focussed)??

    M.

    « Reply

    philipbeel Reply:

    @Michael – Thanks.

    Im not entirely sure I understand what you mean, but if your suggesting the form is too rigid in its structure It should only serve a generalized scope, if your looking for something more bespoke I would highly recommend writing another solution, or even adapting what I have created so far!

    « Reply


  21. Michael

    Hi Philip,

    thanks for reply and sorry for the confusion. I sent you some more information via contact form.

    M.

    « Reply


  22. arnaud-k

    Thanks for the plugin !
    I’m setting it on my blog.
    I just found 2 ‘minor’ bugs :
    - the option ‘disclaimer’ is not defined in the packed version of the plugin. Instead there is this text : ‘This will be some contact information about opening hours etc’

    - the animation has a weird behavior if you give the id ‘contactable’ to the empty

    For everything else, it works !

    « Reply

    philipbeel Reply:

    Thanks for your feedback. I will be sure to get this fixed in the next release!

    « Reply


  23. Todd

    This is such a cool script. I am having one problem though and it doesn’t seem to be affecting anyone else though. I have the problem narrowed down to the doc type at the beginning of the HTML is causing the script not to work. When I remove that and replace it with only the and tags it works fine but the rest of my page does not display properly. Any suggestions?

    « Reply

    philipbeel Reply:

    hi @midamericametals – I have had a few people mention this issue. I have only tried it out on a XHTML strict document and found that some of the CSS styling was at fault. I will be releasing version 1.2 of the plugin soon and I hope to have any of these issues resolved as part of the release! Cheers for the heads up thought!

    « Reply


  24. Todd

    disregard my post. There is a problem in the contactable.css file where form should have a capital F, not lowercase. After this is fixed, the form works with the standard DOC type.

    « Reply


  25. maddy

    hello i ws wondering , how to add the date functionality to this ? suppose i want my guests to insert date to the feed back?? is it possible ??

    « Reply

    philipbeel Reply:

    @maddy – Thanks for your question. At the moment there is no date setting on the form. This could be extended with the date picker plugin, although it would be too bulky for a general release.

    « Reply



  26. James

    Very bad idea, having recipients specified on the client side and then sending them through in the query string. You’ve essentially created a spam sender, any remote server can send countless emails through this… And what exactly is the appeal of this versus a pure server-side solution; one which would work for users with JavaScript disabled?

    Also, since the email exists in the source code, it’s a very easy target for an everyday email-harvesting bot.

    « Reply

    philipbeel Reply:

    @James – Thank you for your concern. If spamming is something you are worried about I highly recommend modifying the plug-in to set your email in the mail.php file, this way your email address will not need to be passed into the form. I realize Ideally the plugin would do this for you, but I wanted to create something which would be accessible to a wider audience. If you have a solution to this problem please feel free to share it . As I have stated I am still learning this wonderful language myself so any guidance is always appreciated!

    « Reply


  27. Sanjeev

    Excellent plugin but having some problem with the demo. Link is not working, Please check.

    « Reply


  28. Haring

    Really cool! Congratulations Philip. One questions: it’s possible to use and to edit contactable? thanks! f

    « Reply


  29. Luiz Lopes

    I had the same issue happen to me when I used the plug-in. Internet Explorer 7 and 8 were not behaving like FF. I’m using XHTML 1.1 in my website, and so I wrote a post about what I did to fix it. I hope this comes useful for others.
    http://www.andphp.com/2009/10/29/jquery-contactable-plug-in-on-internet-explorer/

    « Reply


  30. Pradeep

    Can we make it slideout on page load. I need something like this when page is loaded. and once clicked it can behave like normal.

    « Reply


  31. Jimmy

    Is it possible to set the “from” address, so when you get the emailed form through its from xyz@example.com? At the moment its coming through from a root admin email address on our server hosts?

    Also, has anyone successfuly made this a bit more secure, by setting recipient in mail.php? Have tried to edit file as Phil suggested, but I just broke it…!

    « Reply

    philipbeel Reply:

    @Jimmy – I dont believe it is possible to switch the email that you receive the message from, However you could always pass the host email into a forwarder on a more preferable email address with your control panel.

    You can hard code your email in the mail.php file like this: $email = 'yourname@yoursite.com'; I hope this helps you out!

    « Reply


  32. manik

    its not working properly in IE6

    « Reply


  33. Robert

    Looking for a code to do the same but with twitter Follow me button.

    « Reply

    philipbeel Reply:

    That sounds interesting, however Im pretty sure that wouldn’t involve a plug-in. You could achieve the same ends with some CSS and an

    « Reply


  34. Josh S

    I almost used this, but then I looked at the mail.php script — unfortunately it is completely insecure. Spammers will love this and use your server to send their spam. I recommend not using this unless you secure the mail.php script by hardcoding the email, stripping any headers, etc.

    « Reply

    Aileen Reply:

    @Josh S,

    Hey Josh. Can you tell me what to use for the mail.php script to make it secure? Spammers hitting my site like crazy :(

    « Reply



  35. Matt

    is there a way to make the contact form to slide back after a timeout when the message is sent?

    « Reply

    philipbeel Reply:

    @Matt – No there is not, but it is a good suggestion and something I could integrate into the next release. cheers!

    « Reply


  36. Keith

    Great plug-in, just wondered if there was a way to have a 2 color state? One when it is hidden and one when it is out?

    « Reply


  37. Robert

    I’ not sure whether you are aware of that nice spam relay you’re promoting here.

    Please stop encouraging people to deploy the packaged mail.php on their servers until it contains at least a little bit of CSRF protection…

    « Reply

    philipbeel Reply:

    @Robert, I will assume you did not bother to read any of the comments above, so I will reiterate. The security flaws have been recognized by a number of users, all of which have been kind enough to leave constructive feedback. Taking this on board I have been working on a new release, which I will making available soon.

    « Reply

    Robert Reply:

    @philipbeel, looks like I missed these comments. Glad to hear that a more secure version is on the drafting table. Wouldn’t it be helpful for aspiring users to include a short heads-up into the article body?

    « Reply


  38. Marco

    The design is great, but the lack of security is horrific! You should immediately secure your mail.php – otherwise, it’s an open gate to all spammers of the world!

    Try to paste my suggestion to this post:
    $c = array(
    ‘recipient’ => ‘/^ [\w.!#%&\*\/=\?\^\`\{\|\}\~+-]{1,64}\@[[:alnum:].-]{1,255}\.[a-z]{2,6} $/xi’,
    ‘name’ => ‘/^[[:print:][:space:]]{10,}$/’,
    ‘email’ => ‘/^ [\w.!#%&\*\/=\?\^\`\{\|\}\~+-]{1,64}\@[[:alnum:].-]{1,255}\.[a-z]{2,6} $/xi’,
    ‘comment’ => ‘/^[[:print:][:space:]]{10,}$/’,
    ‘subject’ => ‘/^[[:print:]]{3,}$/’,
    ‘text’ => ‘/^[[:print:][:space:]]{10,}$/’,
    );

    foreach ($_GET as $k => $v) {
    if (isset($c[$k])) {
    if (!preg_match($c[$k], $v)) die(‘There is a problem with ‘.$k.’: ‘.$v);
    }
    }

    $notes = stripcslashes($notes);
    $message = “Message: “.$_GET["comment"].”\r\nFrom: “.$_GET["name"].”\r\nReply-to: “.$_GET["email"];
    mail($_GET["recipient"], $_GET["subject"], $message);

    Merry X-Mas and a Happy New Year,
    Marco

    « Reply


  39. Frank-Andre Thies

    Hi,

    I have a problem when I try to integrate it into wordpress. WordPress loads jquery with:

    … script type=’text/javascript’ src=’http://…/wp-includes/js/jquery/jquery.js?ver=1.3.2′ …

    But your script doesn’t work, nothing will be shown. When I add

    …script type=”text/javascript” src=”http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js …

    it works, but not the rest of the scripts like superfish-menu. Can someone help me, where I made a mistake or so?

    Thanx

    Frank

    « Reply

    philipbeel Reply:

    @Frank-Andre Thies, Its not something I have seen before. Have you tried turning off the other plugins to make sure its not conflicting. I have had reports of issues in using contactable with lightbox. There will be a new release available soon.

    « Reply

    Frank-Andre Thies Reply:

    @philipbeel, i set the other plugins off, but it still not works. I copied the jquery.js from wordpress to use it with your example and then i got this error:

    Error: $ is not a function
    Quelldatei: file … contactable/index.html
    Line: 22: $(function(){

    But when I change the first two lines from

    jQuery(function(){
    $(‘#contact’).contactable({

    into

    jQuery(function(){
    jQuery(‘#contact’).contactable({

    it works!

    Maybe that is a help for other users.

    Thanx

    Frank

    « Reply

    Brandon Reply:

    @Frank-Andre Thies, THANK U SO MUCH! I tried so long to debug, finally i did it with your comment. GREAT!

    Gary Dates Reply:

    @Frank-Andre Thies,

    Start your js file as follows:

    jQuery(document).ready(function ($) {
    //your code here
    });

    Then you won’t need to change every “$” to “jquery”.

    Nicholas Reply:

    @philipbeel,

    I am experiences a conflict with lightbox as well. I’d really like your idea, but I can’t implement it unless there is no conflict… Is there a new version.

    « Reply


  40. Simon

    Nice! I’ll try to create new version, connected with IzzyHelp.com, so visitor will have handy FAQ there or contact option. I’ll post it here when done!

    Thanks!

    « Reply


  41. Abdullah

    nice feedback form, but is it possible to let it come out of the right side of the page..? sorry for my bad engles.

    Thanks

    « Reply

    philipbeel Reply:

    @Abdullah, Currently the form does not give that option, You are more than welcome to manually modify the plugin to enable this to work, (you would need to adjust some js settings as well as CSS)

    « Reply

    Abdullah Reply:

    @philipbeel, Thanks for the quick response. Unfortunately I am not a programmer so I just have to find another solution.

    Thanks..Greats from The Netherlands

    « Reply


  42. anna

    There is no demo?

    « Reply

    philipbeel Reply:

    @anna, Hi, if you go to http://www.theodin.co.uk/tools/tutorials/jqueryTutorial/plugins/contactable/? you should see a ‘feedback’ tab on the left, that is the plugin

    « Reply


  43. Simon

    I’ve just published an updated version, with IzzyHelp support in tabs, hover effect and as Philip suggested me, small update in mail.php file, view demo or download here

    Enjoy! And Philip – thanks again for great script! :)

    « Reply


  44. Petar

    I am very beginner at code, i have a problem. I have copied all the contents of the folder into the root of my website, and i have a problem i dont know how to get it to appear on my index page of my website, on the index.php or my layout_main which is the set-up and layout of my website, what code should i put into those .php files to get this thing to appear on my homepage.

    Thank
    Petar

    « Reply


  45. Stephen Walder

    It seems that the demo you offer on this site is’nt working, just letting you know.

    Look forward to putting your code it into practice, thanks :o )

    « Reply

    philipbeel Reply:

    @Stephen Walder, Can you let me know what browser you are using?! I am not seeing any issues.

    « Reply

    Dani Reply:

    @philipbeel, I have the same problem. I use FF and tested with opera and chrome.

    « Reply


  46. Anthony B

    Currently trying to embed this into a WordPress site however I get the following error…

    Uncaught TypeError: Object # has no method ‘contactable’

    All the JS files are called before

    $(function(){
    $(‘#contact’).contactable({
    subject: ‘A Feeback Message’
    });
    });

    The URL’s work and they’re correct so not sure why I’m getting this error?

    Any help would be great

    « Reply

    Anthony B Reply:

    @Anthony B, scrap that, it seems to have been a conflict kicking up a fuss – many thanks

    « Reply


  47. Charly

    i tried everything and i keep having the error message, the message is not sent

    « Reply

    philipbeel Reply:

    @Charly, are you using the form on a linux server running PHP? You should be able to see the error message in firebug if there is an issue. Do you have a link to a test page so I may look?

    « Reply

    dash Reply:

    @philipbeel, will this only work on a linux server ?

    « Reply

    philipbeel Reply:

    yes, it’s PHP based.


  48. BigM75

    great stuff, cool and nice article

    « Reply


  49. Chris

    The contact form does not work in IE6. The form is hidden but it affects the position of the surrounding html, this can be seen in the demo page. The words ” « Click the feedback link on the left ” appear at the top of the page in modern web browsers including IE7+ but in IE it appear further down the page, after the position of the form.

    « Reply


  50. Nasil Yapilir

    Thanks for the plugin.

    « Reply


  51. James

    Great plugin, works nicely however I had a question, once the form has been submitted, how can we allow the form to be called again?

    E.g. User clicks send, then the form closes, if the user clicks Feedback again, it loads again with all the form elements being displayed again and the success message gone.

    It’s generally bad practice to only allow the user to leave feedback once and have to refresh the page to leave another piece of feedback.

    Thanks in advance.

    « Reply

    philipbeel Reply:

    @James, thanks for your suggestion. The plug-in does not allow people to send multiple feedback messages as to handle spammers. I see your point, but I do not feel the plug-in warrants this functionality on a general release. Please feel to recycle any of my code should you want to implement this feature on your own site.

    « Reply

    James Reply:

    @philipbeel, I understand, thanks for the reply. I don’t mean to sound cheeky but since I am fairly new to jQuery do you have any tips on how to implement this feature, I know how to do it from a CSS point of view (getting the feedback button back in view) but in terms of re-initialising the elements to be displayed and make them active again possibly on a “Send another message” click, how would I go about that. Are you aware of any jQuery functions which do this?

    If I manage to get it working I’ll post the extra code here incase anyone else wanted to use it.

    Thank you.

    « Reply

    philipbeel Reply:

    @James, Off the top of my head you would want to set hideOnSubmit: false, then set a timeout on the success callback, most of this can be done with with the .css() property. you would probably want to set the submit functions up as a .live() so you can use the function repeatedly. Good luck, let me know how you get on!


  52. Jordan Hall

    I recently made an open-source PHP contact form class which has a very similar name (and function) to this jQuery plugin. Take a look: http://contacular.co.uk/

    « Reply


  53. Omkar

    Great plugin! Thanks for making this available and for making it so easy to use!

    « Reply


  54. Valerie

    Hi, I just tried to install this on a WP 2.9.1 and it said “No Valid Header.” Is this usable with 2.9.1, or if not, are you planning to update? It looks great and I’d love to try it.

    Thanks!

    « Reply

    philipbeel Reply:

    @Valerie, The plugin is not tied to the wordpress CMS, but if you have having issues I would try looking at the headers. the plugin supports XHTML 1.0 strict. Thanks!

    « Reply

    Valerie Reply:

    @philipbeel, D’oh! Silly me. I heard plugin and just assumed. Well, I just proved what happens when I do that, huh? :) Thanks, I’ll take a look and see if I can figure out how to make it work.

    « Reply


  55. TheShadow

    Great work.But i do have a question.how could i make a contact form for my wordpress site without using plugins.ie i need one like in this site http://www.site5.com/wordpress-themes/ they use ajax based contact form.how could i add them to my site.

    « Reply

    philipbeel Reply:

    @TheShadow, It looks like the guys over at WP engineer have already come up with a solution:
    http://wpengineer.com/contactable-contaktform-easy-with-wordpress/ hope this helps you out

    « Reply


  56. SAW

    the code already inserted but pc prompt there is a virus??
    any solution for that?i am using microsoft security essentials.
    thank you for helping

    « Reply


  57. Maria de Jesus

    Can I use this for iweb? Like an html code, or is this completely different?

    Thanks!

    « Reply


  58. imtiyaz

    This really tempting, tried a lot to integrate in my blog.

    If you can provide a little steps, how to integrate with WordPress that would be great.

    « Reply

    philipbeel Reply:

    @imtiyaz, why not check out http://wpengineer.com/contactable-contaktform-easy-with-wordpress/ for a comprehensive guide on integrating contactable into a wordpress blog.

    « Reply

    imtiyaz Reply:

    @philipbeel, thanks, I have just seen your reply, its a bit late I almost integrated the plugin with theme, I have certain issues, I placed mail.php in root of subdomain, If I use this path from demo programing running on local machine its working perfectly, but not from the integrated one, I almost blocked in thoughts. please throw me some insight, I just know a,b,c,d in php.

    « Reply

    philipbeel Reply:

    @imtiyaz, why not check out http://wordpress.org/extend/plugins/rejected-magic-contact-rejected/ should all be done for you :-)


  59. Görsel

    Very cool. Thanx for sharing.

    « Reply


  60. Julian

    Hey Philip
    I am using your awesome plugin on my homepage and wanted to change the position
    in height (so that the feedback logo is a bit lower) Could you tell me in wich line I can find the code? sorry if my english sounds strange… german ;-)

    greetings

    « Reply

    philipbeel Reply:

    @Julian, Hi, assuming you have not changed the naming convention you would want to change the #contactable in the css. the ‘top’ property is what defines the distance. Hope this helps

    « Reply


  61. Michael Sunarlim

    Hey Philip, thanks for making this great plugin. I modified it a bit to make it appear on the right side of the page, I have posted it on my blog. If you don’t mind, I would like to share it here too: http://www.sunarlim.com/2010/03/contactable-jquery-plugin-on-the-right-side-of-page/

    « Reply

    philipbeel Reply:

    @Michael Sunarlim, Brilliant, anything that aids to community is fine by me!

    « Reply


  62. Srinath Sadda

    Hi,

    Thanks for the excellent plug-in for WordPress. Can you let me know how to add this to HTML pages (instead of using the index.html in the download)? Is this (not plug-in, just code) works with Joomla CMS?. Any further details would be appreciated.

    Have a wonderful weekend!

    « Reply

    philipbeel Reply:

    @Srinath Sadda, hey, the plugin will work with any PHP driven pages. I have no experience with Joomla so I could not say. There is a wordpress plugin if that helps http://wordpress.org/extend/plugins/rejected-magic-contact-rejected/

    « Reply

    Srinath Sadda Reply:

    @philipbeel, Thanks for your quick reply. The plug-in works like a charm! I’ll try to integrate the code into Joomla CMS in coming days.

    « Reply


  63. Chris

    Thanks for the plugin – it’s fantastic!

    « Reply


  64. kisut

    im using it for my friend website. thank you.

    « Reply


  65. bLu

    how can i put the feed back button on the top of the page ?! :D

    « Reply

    philipbeel Reply:

    @bLu, Feel free to modify the plugin and CSS. You will need to tweak the animate function and the CSS. Good luck!

    « Reply


  66. shira

    If I want to call the function two times on one page – one on the standard button that comes with the script, and another if a certain div is clicked (the second div has a different style), how do i go about doing this? thanks!

    « Reply

    philipbeel Reply:

    @shira, with great difficulty. That goes a bit beyond the remit of the plugin. It should be do-able, but it would require quite a bit of re-writing.

    « Reply


  67. Bond!tsch

    cool! very easy to use THANKS A LOT!!

    « Reply


  68. Djb

    Thanks for this plugin.

    « Reply


  69. Rahul

    Hi,
    I am using this in my asp.net website & it is working fine, but I need to know that on click on SEND button, how can I execute my server side code.
    Please help.
    Thanks.

    « Reply

    philipbeel Reply:

    @Rahul, Hi you would need to remove the mail.php file and change the ajax call to point to your new file. doing a search for mail.php in the uncompressed version of the plugin will reveal it. Afraid I don’t use ASP.net so you are on your own from there.

    « Reply

    Ziv Reply:

    @Rahul, Hi Did you manage eventually to make it work with asp /asp.net im having some troubles with it.
    thanks

    PS
    philipbeel great Code thank you

    « Reply


  70. Mark

    Great plugin. Works perfect on Firefox/Vista. Thanks

    « Reply


  71. Frank

    Hi,
    just thought to mention that for those who think your plugin demo site is not working, maybe they are blocking Google (i hear of more and more people who do so for a good reason (many good reasons). Personally i don’t think it’s a good idea to include the jquery from there, speed , ok, but Google should be left outside whenever possible, just my opinion

    « Reply


  72. Jorge Saturno

    Hi, great plugin!
    The following line is missing on my downloaded mail.php:
    “mail(‘/*RECIPIENTS EMAIL ADDRESS HERE*/’, $subject, $contactMessage);”
    How can I do to configure the recipient’s email address?

    « Reply


  73. FABIAN

    espectacular sos un genio de genios. Gracias mil

    « Reply


  74. Ahmet

    Very nice, thank you.

    « Reply


  75. Per

    Hi, and thank you for sharing this nice work. I’m trying to add a autorespond.php but with no luck. This file is just supposed to send a html mail with $name and $emailAddr parsed.

    If i add include ‘autorespond.php’ to the mail.php after the mail function i get the error “Sorry but your message….”, but it is working and both mails are sent correctly.

    To correct this error message i have tried to insert include autorespond.php in jquery.contactable.js but i really don’t know how.

    Do you have any guidence to solve my problem? Thank you.

    « Reply


  76. Jeffrey

    hello,
    i tried to install it, but allways coming up “ERROR”…
    Not valid header…!!!!!! what i can i do now?
    thanks

    « Reply


  77. Juergen

    I tried to use the plugin in an UTF-8-encoded page and got several issues with the mail-function in mail.php: international characters are not supported, by default the sender address it taken from the server php.ini-file instead of using the user’s email-address, the required email-header informations are missing so the email will by chance classified as spam by the email-provider.

    I am not a programmer, but I got it working by changing in mail.php the line

    mail(‘/*RECIPIENTS EMAIL ADDRESS HERE*/’, $subject, $contactMessage);

    to

    $headers = “From: $emailAddr\n”;
    $headers .= “X-Mailer: PHP/ContactableContactForm\n”;
    $headers .= “MIME-Version: 1.0\n”;
    $headers .= “Content-type: text/plain; charset=utf-8\n”;
    $headers .= “Content-Transfer-Encoding: quoted-printable\n”;
    mail(‘/*RECIPIENTS EMAIL ADDRESS HERE*/’, $subject, $contactMessage, $headers);

    It adds a basic “$headers”-array and uses the given user’s email-address.
    It works fine for me, but I don’t know whether is makes the function insecure.

    Thanks
    Juergen

    « Reply


  78. nk

    Hello,

    I think there is a bug in the “jquery.contactable.js” line 34, it is where Form is constructed. Note that labels for elements are hard-coded there and therefore “defaults” array doesn’t apply.

    Best

    « Reply


  79. misaeljuvenal

    muchas gracias por el fomulario…

    « Reply


  80. Khuram Malik

    hello i did everything but it’s still not working i customized that a little bit look more like mine site you can see it at: http://www.crearedevelopment.co.cc
    and tell me what is wrong!

    « Reply

    philipbeel Reply:

    @Khuram Malik, Hello, Contactable looks great there. if you open firebug and view the repsonse tab you will see it has an error: Email entered is not valid. Did you change the mail.php file much?

    Also can you tell me what version you are running on the site?

    « Reply


  81. Sivaranjan

    Thats one fine example of what CSS can do ! I am so impressed, I am adding this tutorial to my CSS aggregator site. Hope you dont mind.

    « Reply


  82. Abhinay

    hey there… this plugin works like a charm.. i’d like to thank you first :)
    but in ie6.. this is how it looks for me..
    pls help !!

    http://tweetphoto.com/24506877
    http://tweetphoto.com/24506913

    this is how it looks :(

    « Reply


  83. 内衣

    nice work! thx!

    « Reply

    Mak Reply:

    How i can change encoding (to utf-8 or windows-1251). On my email i have this: п║п©п╬я─я┌

    « Reply


  84. Ross Coghlan

    Hey there,

    How do i set up an auto responce with this form?

    Cheers,

    Ross

    « Reply


  85. lyon

    Hello

    I have some javascript code in my page and when I moves one, the other does not work, then I think we should put them in some way but I do not know how.
    can someone help me put them in order for it to work all.
    thank you

    Studio RD

    $.noConflict();
    // Code that uses other library’s $ can follow here.

    $(function() {
    $(‘#gal1 a’).lightBox();
    $(‘#gal2 a’).lightBox();
    $(‘#gal3 a’).lightBox();

    });

    /**/

    $(‘div#footerBt’).click(
    function() {
    $(‘#footerContent’).animate({“marginBottom”: “-=45px”}, “slow”);
    $(this).animate({“marginBottom”: “-=45px”}, “slow”).animate({“marginBottom”: “+=5px”}, “fast”);
    $(‘#fotplug’).hide(‘slow’);
    });

    #content {
    background-color:#FDFDFD;
    border-left:2px solid #333333;
    border-right:2px solid #333333;
    margin:0 auto 0;
    padding:10px;
    position:relative;
    width:930px;
    height:100%;
    }

    $(function(){
    $(‘#contact’).contactable({
    subject: ‘A Feeback Message’
    });
    });

    « Reply


  86. lyon

    here the complete code

    Studio RD

    $.noConflict();
    // Code that uses other library’s $ can follow here.

    $(function() {
    $(‘#gal1 a’).lightBox();
    $(‘#gal2 a’).lightBox();
    $(‘#gal3 a’).lightBox();

    });

    /**/

    $(‘div#footerBt’).click(
    function() {
    $(‘#footerContent’).animate({“marginBottom”: “-=45px”}, “slow”);
    $(this).animate({“marginBottom”: “-=45px”}, “slow”).animate({“marginBottom”: “+=5px”}, “fast”);
    $(‘#fotplug’).hide(‘slow’);
    });

    #content {
    background-color:#FDFDFD;
    border-left:2px solid #333333;
    border-right:2px solid #333333;
    margin:0 auto 0;
    padding:10px;
    position:relative;
    width:930px;
    height:100%;
    }

    $(function(){
    $(‘#contact’).contactable({
    subject: ‘A Feeback Message’
    });
    });

    « Reply


  87. lyon

    Studio RD

    $.noConflict();
    // Code that uses other library’s $ can follow here.

    $(function() {
    $(‘#gal1 a’).lightBox();
    $(‘#gal2 a’).lightBox();
    $(‘#gal3 a’).lightBox();

    });

    « Reply


  88. lyon

    /**/

    $(‘div#footerBt’).click(
    function() {
    $(‘#footerContent’).animate({“marginBottom”: “-=45px”}, “slow”);
    $(this).animate({“marginBottom”: “-=45px”}, “slow”).animate({“marginBottom”: “+=5px”}, “fast”);
    $(‘#fotplug’).hide(‘slow’);
    });

    #content {
    background-color:#FDFDFD;
    border-left:2px solid #333333;
    border-right:2px solid #333333;
    margin:0 auto 0;
    padding:10px;
    position:relative;
    width:930px;
    height:100%;
    }

    $(function(){
    $(‘#contact’).contactable({
    subject: ‘A Feeback Message’
    });
    });

    « Reply


  89. Frank

    Hey,
    I’m trying to the form to work on my site, I changed it to sit on the page and not slide in, but when I try to submit a message online, it will not send, it just keeps spinning the loader image around and around. I have looked under firebug, and it says it’s OK, please have a look and see. I’m sure it’s something simple I have wrong I just can’t find it. Any ideas from anybody?

    « Reply

    philipbeel Reply:

    @Frank, The plugin is wrapped into the slider, so thats probably where its falling over. You might be better starting over using something like http://bassistance.de/jquery-plugins/jquery-plugin-validation/ with an ajax tie in, like I have done on my contact page http://theodin.co.uk/contact (check the code in firebug)

    « Reply

    Frank Reply:

    @philipbeel, Thanks, I’ll give it a try. Bye. :)

    « Reply


  90. Edmundo Junior

    I need one more field (phone), is there possible?

    Thanks anyway for this plugin, very useful!

    « Reply

    philipbeel Reply:

    @Edmundo Junior, yes this should be possible, you will need to change a couple of parts of the plugin to do this:

    - add the extra input field where the form in drawnin the plugin
    - add an extra validation rule to the ID of the form field (if this field is mandatory)
    - add the $(‘#ID’).val() into the ajax request in in the submithandler function to pass it into the mail.php page
    - finally ammend the mail.php file to pull out your new $_REQUEST[] data and put this into the mail function.

    I hope this helps you out!

    « Reply

    Edmundo Junior Reply:

    @philipbeel, Thanks man! Help me a lot, lucky I was doing exactly that! :D

    « Reply


  91. John

    Great tutorial, but ‘ I’m pulling my hair out, i keep getting error message: Sorry but your message could not be sent, try again later..I know I am doing something stupid but can’t figure out what, help!

    « Reply

    John Reply:

    @John, it’s okay, i was having a brain dead moment, sorted now. Thanks for this lovely piece of work, kudos!

    « Reply

    philipbeel Reply:

    @John, Hi John, do you have a link to the page you are trying to get the plugin to work on? If are using firefox, try using firebug to check what the ajax request is sending. Are you using a Linux server? Are you sure the mail.php is on the right level of the directory? Let me know how you get on.

    « Reply

    John Reply:

    @philipbeel, thanks philip, as i said, i was just having a blonde moment, i think i have it sorted now. Just looking now at making it more secure. I wanted to say thanks a million, i’m new to this type of work and i found your tutorial very useful so thanks for taking the time to helps us beginners out :)

    « Reply


  92. prathap

    Hi, can i use this in my commercial projects & can i distribute this (credit is already there’s in your source) so plz tell me, thanks

    « Reply

    philipbeel Reply:

    @prathap, Yes, as long as the commercial project has no miscellaneous purposes thats fine!

    « Reply


  93. Edmundo Junior

    Don’t work anymore, you know why?

    The message apears to be send, I receive the sucess callback but don’t go to my e-mail, and I tried different accounts :/

    Help me please!

    « Reply


  94. Edmundo Junior

    http://www.andersonprockt.com.br/faleconosco.html

    Here is the form that don’t send the e-mails, please help me if you can :/

    « Reply

    philipbeel Reply:

    @Edmundo Junior, Ok I checked out the site (which looks great) and the request is all firing off correctly, so iy might be your PHP install on the server. Something to try is the in the mail() funciton is add an argument on the end like mail(‘your@address.co.uk’, $subject, $contactMessage, ‘From: your@address.co.uk‘); to see if this fixes it!

    « Reply

    Edmundo Junior Reply:

    @philipbeel, MAN! IT WORKS! THANK YOU!

    I’m pounding headache since yesterday all day and had failed to resolve.
    I just add the ‘From’ in the end and works perfectly :D

    Great plugin! I use this in various websites :)

    « Reply

    Edmundo Junior Reply:

    @philipbeel, Sorry bother you again man, but I have a doubt:
    There’s someway to add in the From the $emailAddr? I try but nothing work, and I don’t know almost nothing PHP.

    My tries:
    mail(‘your@address.co.uk’, $subject, $contactMessage, ‘From: $emailAddr’);
    mail(‘your@address.co.uk’, $subject, $contactMessage, ‘From: email’);

    Suggestions?

    Ps.: sorry for my bad english :x

    « Reply

    philipbeel Reply:

    @Edmundo Junior, To my knowledge this is not possible as the server is actually sending the email, so the from sender will be the server address. If you want to bypass this you might be able to do so with a mailer SMTP class or something like that.


  95. ruben

    i have these: Uncaught TypeError: Object # has no method ‘contactable’
    can anybody help me?

    « Reply


  96. Bart

    Very weird thing on my site.
    The message gets sent, but still I get a “Sorry but your message could not be sent, try again later” ….

    this line looks good nonetheless :
    if( data == ‘success’) {
    $(‘#callback’).show().append(defaults.recievedMsg);

    « Reply


  97. centro

    The plugin is really amazing, but I still have one problem. The plugin has styles applied to all elements like:

    body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
    margin:0;
    padding:0;
    }

    I have my own styles on pages which I don’t want to be overwritten. Is there any way to workaround this problem?
    Thanks in advance.

    « Reply


  98. Jae Choi

    I have this form in my site but when I try to send the message it came up with ‘Sorry but your message could not be sent, try again later’ then I went to open jquery.contactable.js file then changed $.post(‘mail.php’ to$.post(‘../mail.php’ as I had the mail.php file on the root and javascript file in js folder. But now I have an issue where the loading image shows up but it stops from here and nothing gets sent. I am pulling my hair out now. Somebody please help!!!

    « Reply

    philipbeel Reply:

    @Jae Choi, You should ideally put the mail.php in the top level of your directory structure. The plugin assumes you are running PHP on your server. Do you have firebug on? if so open up the console, when you hit send check that the ajax call executes successfully, this will also give you the path that the mail.php file is being called from. It may be that you are calling the path incorrectly and that is why you are getting the message back.

    « Reply


  99. Jae Choi

    @philipbeel, loading image shows up and it just remains there. It does not send any emails… Any ideas?

    « Reply

    philipbeel Reply:

    @Jae Choi, try changing the mail() call with an extra param on the end like so mail(‘your@address.co.uk’, $subject, $contactMessage, ‘From: email’);

    « Reply

    Jae Choi Reply:

    @philipbeel, it’s strangly not working still. Please have a look at my site http://www.favstay.com/Joomla/
    Please let me know if you can find any issues.

    Thank you!

    « Reply

    philipbeel Reply:

    @Jae Choi, It’s as I thought your mail.php is not being sourced correctly: http://www.favstay.com/Joomla/mail.php returns a 404 errror. you can change where the $.post() submits to in the plugin itself.

    Jae Choi Reply:

    @philipbeel, I have hardcoded the mail address to check if mail() function is working but now I am getting this error. What can I do to resolve this issue? Warning: mail() [function.mail]: Failed to connect to mailserver at “localhost” port 25, verify your “SMTP” and “smtp_port” setting in php.ini or use ini_set() in…
    Thank you very much for your help!

    philipbeel Reply:

    @Jae Choi, You will need to check your php.ini file to make sure it is configured for you to use mail() You will need to speak to your host about this.


  100. Marcus Tucker

    Nice, but not everyone uses PHP, so the target URL should be an option (defaulted to mail.php) instead of hardcoded, so that people can build another mail script in whatever serverside language…

    « Reply

    philipbeel Reply:

    @Marcus Tucker, Good suggestion. I am going to move the code over to GitHub soon so if people have suggestions etc for improving the code they can get involved with it.

    « Reply


  101. yasam phani

    Thanks for sharing your brilliant idea

    « Reply


  102. yasamphani

    awesome

    « Reply


  103. moduły fotowoltaiczne

    Great work! Thanks for guys like you – this is very very nice to have everyging in one place!

    « Reply


  104. Steffen

    Great work! Thx a lot!
    But when I press send, only the loading gif appears and keeps staying. I changed the adrees in the mail.php and don’t know what else to do. Any suggestions?
    Thanks and take care
    Steffen

    « Reply

    Steffen Reply:

    @Steffen, yo I solved it. mail.php was in wrong directory. Anaway thx to all!

    « Reply


  105. marcus

    hey cool code! but alas i cannot get it to work on this page:

    http://lyraedesign.com/barkow/model_2/

    any clues why?

    « Reply

    marcus Reply:

    ( by the way i keep getting the error message: “Sorry but your message could not be sent, try again later” )

    « Reply

    philipbeel Reply:

    @marcus, Hi I had a look at your your site and in the firebug console the error returned is “An invalid email address was entered” have you made any modifications to the PHP file at all? Do you know what version of contactable you are using?

    « Reply

    marcus Reply:

    @philipbeel, dude i really appreciate the feedback .. THANKS.

    1) i’m using contactable version 1.0 because i really like the look of the pop-out contact module (silver etc) .. i tried making the latest version of contactable look like that but it was too difficult so stuck with version 1.0. i use a mac (os 10.4.11), with firefox, safari as my main browsers to view my work.
    2) the only modification to the mail.php file i made was entering my email addy (maybe i did it incorrectly).
    3) i’ve uploaded a copy of the site (1.6mb) to my server as a zip file that you can download so you can go into the entire site and view the files to test it, here:

    http://lyraedesign.com/contactable/

    THANK YOU [=


  106. SONiK

    I have used this a bunch of times and had no problems. When I dropped in this site: http://www.soniksystem.com/index_2.html it broke. It displays a grey box over the form. http://www.soniksystem.com/contactable/index.html is how it should display…

    « Reply

    philipbeel Reply:

    @SONiK it looks like a conflict with the CSS, I would adivse looking at the textarea styling and working backl from there.

    « Reply


  107. grinding mill

    this is my wanted..:) thanks
    but i want to set a colorbox with the feedback.

    « Reply


  108. Wayne Kolenchuk

    Thanks Phil! I used this on my website at http://www.clickstreammarketing.ca and it works beautifully. Can it be launched from another link like the contact link?

    « Reply


  109. tokat nakliyat

    nice code thanks

    « Reply


  110. Ben Millar

    Love it, looks great on my site. Only one problem, I have followed all the directions, I’ve tested it all seems to be fine although the emails don’t come through to my email account? I’ve put the email address where it is suppose to be, and the mail.php at the top of the server but still don’t receive any mail through from it? any idea?

    « Reply

    philipbeel Reply:

    @Ben Millar, Hey are you sure you are running a on a PHP enabled host?

    « Reply

    ben millar Reply:

    @philipbeel, thanks for getting back to me, errm, I’m not sure, I don’t have any experience with PHP files, I have a re-seller hosting account, so I can change my hosting package or settings,is there something I need to enable in there?

    Cheers
    Ben

    « Reply

    philipbeel Reply:

    @ben millar, the contactable plugin relies on you running PHP so as long as you are running Linux hosting you should be alright. Would be worth checking with your host though


  111. ben millar

    @philipbeel hi, yes I am running on a Linux server, can’t work it out I’ve even tried uploading the exact contactable file to my server only adding and email address in the PHP and still it doesn’t seem to work..

    « Reply

    philipbeel Reply:

    @ben millar, hmm then thats very odd. What does firebug shows the success callback in the console which is even more unusual. What email address are you sending the form to?

    « Reply

    ben millar Reply:

    @philipbeel, I’ve tried using different ones, tried my freelance address contact@bmdesignonline.co.uk and my hotmail address and none seem to work..

    « Reply


  112. Basti

    @philipbeel

    Great work, thank you!
    I’m using it for my webpage, everything is working fine but … if you insert your name, email adresse and so on … after you click on send button … it doesn’t send. Theres only the red circle to see, just like the hourglass in windows.

    I don’t know what to do …

    « Reply


  113. Basti

    Great, i solved the problem with the firebug console. The server wasn’t finding the mail.php.

    « Reply

    DAvid Reply:

    @Basti,
    How did you fix the infinite load thing? I send the message and the circle just keeps spiraling for ever?

    « Reply


  114. AlexanderC

    I have a problem with sending mails…i couldn’t get any after form submision…could you help me ?

    mail.php – in the root

    all configured

    site – http://lirikin.myownfreeweb.com/ ….. test area ))

    « Reply


  115. Mille

    Nice Work!
    But I have a problem with addings new custom fields like for example “Website” to the form.
    I can add the field but when I click Send the whole form resets and no email is send.
    I just don´t get it… can somebody help?

    « Reply


  116. Jacob

    Hey Philip great script I just have a few problems and if you can help me that would be great.

    First this script “loads” perfectly on all broswers but for some reason on Chrome and Safari (Windows) it doesnt “send” the actual e-mail and I get the “Sorry but your message could not be sent, try again later”

    The second and last problem is in IE (Internet Explorer), The feedback bar doesnt scroll down as you scroll down the page like it does in all the other browsers.

    Would you happen to know how I can fix this?

    Operating System:
    Windows XP
    Firefox 3.6, IE 7, Google Chrome (newest version), Safari (newest version)

    Thank you very much

    « Reply


  117. HeriNXI

    great plugin! thanks :)

    « Reply


  118. TimWills

    Excellent and simple contact/feedback form but how secure it the mail.php file?

    « Reply


  119. toutpt

    How do you translate things ?

    « Reply

    philipbeel Reply:

    @toutpt, the contactable plugin does not handle translations. Although this functionaity would be straight forward to impliment.

    « Reply


  120. Pesho

    That is great! Thanks!
    PS. The box will be a killer if you put a transperent background XD

    « Reply


  121. Pablinho

    Very neat, I’ve been looking for a simple code to manage this !!! Thanks

    « Reply


  122. Tej

    Feedback bar is hidden once the user submits the feedback.
    I think it should be always visible.

    « Reply

    philipbeel Reply:

    @Tej, Thanks for the feedback, and whilst I can see your point, I quite like this feature as it stops site spam. Please feel free to fork this, all considerations welcome https://github.com/philipbeel/contactable/tree/master/contactable/

    « Reply


  123. User

    Hi, when i try to send a message with your index.php, i get the error message : “Sorry but your message could not be sent, try again later” . For information i have replace the /*RECIPIENTS EMAIL ADDRESS HERE*/ by my email.

    Use on FF 3.6 and Chrome.

    Have you a trick for me ? :)

    « Reply

    philipbeel Reply:

    @User, do you have firebug installed on FF, if so check the console when you submit the form, you should see the ajax request being fired off. Make sure this is being located correctly.

    « Reply

    leo Reply:

    @philipbeel, same problem here. This is what firebug shows:

    Fatal error: Call to undefined function: filter_var() in /homepages/43/d348921651/htdocs/mail.php on line 10

    this is line 10:
    if(filter_var($emailAddr, FILTER_VALIDATE_EMAIL) )

    « Reply

    philip beel Reply:

    @leo, What version of PHP are you running, you need 5.2.0 or higher. I have changed the plugin to use this instead of eregi() as it is depreciated in later versions.

    Chris Reply:

    @philipbeel, Hi, I’m getting the same thing – I’m positive it’s something stupid I’ve missed out but can’t figure it out. I’ve added my own e-mail address and definitely running PHP 5.2. Firebug shows -

    Warning: mail() [function.mail]: “sendmail_from” not set in php.ini or custom “From:” header missing in C:HostingSpacesluckettfour-corners.org.ukwwwrootmail.php on line 12
    success

    « Reply

    Chris Reply:

    Sorry – I found my mistake on the php.net website – I had to modify the mail.php file to contain a “from” header. Works fine now thanks!

    http://uk.php.net/manual/en/function.mail.php


  124. Rashad

    Hello, I read a comment here about adding a date picker. How feasible is the idea?

    « Reply


  125. Chris

    Hey Phil, great stuff! i wanted to know how I could add recaptcha to this or if you could release an update with an optional recaptcha setting.

    « Reply

    philip beel Reply:

    @Chris, Hi, you could do this, although its not really within the scope of the plugin, I believe I have seen modified versions of this plugin around with CAPATCHA, you would probably need to incorperate another plugin with contactable and then change the validation rules.

    « Reply

    Jacob Reply:

    @philip beel, Hey Philip great job man Its been hard trying to ask you a question. I wanted to know why my form works across all browsers except IE.

    I tested on IE7 and IE8 for some reason when I click on send after entering all the information in the form the page just reloads and I see this in the url box

    “http://mydomainname.com/?name=jacob&email=apple@yahoo.com&comment=654uhihguguy”

    Also can you implement some code on how to add check boxes and drop down selections to your form. Sorry as I am new to the HTML world.

    « Reply

    philip beel Reply:

    @Jacob, Thanks for highlighting a potential issue with the plugin in IE. I will investigate this further. As for your other request this falls outside of the scope for this plugin, but feel free to modify the plugin to suite your own needs as long as you keep the credits in the top.


  126. Colin

    Hi, I have followed all the steps and when I click send I am just getting the loading image. What could I have done wrong?

    « Reply

    philip beel Reply:

    @Colin, do you have this running on a PHP server? It should be noted this won’t work if you run it from your desktop.

    « Reply


  127. Michael

    I had this implemented on my site and working fine, until the design was changed. Now nothing shows, there are no javascript errors and I can’t see what the problem might be.

    I had quite a few divs with the class ‘holder’ that were clashing with the css, so I changed every instance of holder in the contactable js and css to holder_contact. It obviously stopped the clash, but still no form appears.

    Any ideas? Are there any divs that are vital that may have ambiguous names (you should change this btw, put a prefix on the id and class names) that I can try? Neither the wordpress plugin or the normal ones work. I’ve tried various jquery versions

    « Reply


  128. shaun jackson

    the contact form will not work!!!

    « Reply


  129. irshaad

    Hi,

    Thanks for creating an excellent plug-in. Is it possible to activate the contact form from another link on the page (say a contact link in the page text)?

    « Reply


  130. irshaad

    Hi,

    I’m running into a problem with IE 7 and 8 – the form works fine except that the characters typed into the fields are invisible. If I click send, I receive the email but I can’t see what I’m typing into the form. Have you run into this before?

    Also, is it possible to keep the form tab from disappearing off the page after it slides closed?

    Thanks.

    « Reply

    shaun Reply:

    @irshaad,
    irshad i cant even get it to work can you help me please????

    « Reply


  131. shaun jackson

    can you tell me why the contact form isnt working please

    « Reply


  132. Taylor

    Doesn’t seem to work for me. I took your entire example, uploaded it to my server. Changed the mail.php line 12 to my email. When I try to submit the form, i get Sorry but your message could not be sent, try again later. Don’t understand why it wont work.

    « Reply

    Taylor Reply:

    @Taylor, NM I rewrote the mail.php file with one of my old formats and now it works. For some reason it didn’t like your mail.php file. weird. Thank you for the plugin! Great work.

    « Reply

    philip beel Reply:

    @Taylor, A few people have been experiencing issues with the contact form, depending on the version of PHP being run. I will look at a best fit for both scinarios.

    « Reply


  133. Johnathan

    Hey, I rewrote some of the code so that the user could create a custom recipient field using your form.

    Add Custom Recipient Field to Contactable Contact Form

    « Reply

    philip beel Reply:

    Awesome I need to update the plugin so I will certainly look at adding this into the next version.

    « Reply


  134. Richard

    I love this contact form but I am having a slight issue. I keep getting the message not sent error but it still sends the emails to my account as if it was a success. the contact form doesn’t slide in automatically either. I checked firebug and it says it was a success so I’m stuck. Also, I’m still confused on everyone saying that the mail.php has to be in the top level of your server. I have my mail.php file in the web root (public_html) directory. Is that the correct place to put it?

    « Reply

    philip beel Reply:

    @Richard, Hi You have your PHP file in the right location. I am perplexed as to why the animation would not complete. Do you have a link where this is happening so I can better understand it?

    « Reply

    Richard Reply:

    @philip beel, I updated to the newest version of the plug-in and everything works great now. I don’t know why it was broken before but the update seemed to fix it. great plug in!! you can check it out how I have it in use here at http://ingeniouseighty.com/contact.html

    « Reply


  135. Tom

    Works perfectly, except in Chrome, for some reason?

    « Reply


  136. Tom

    Ah, nevermind, needed to alter mail.php with headers as described above.

    « Reply


  137. Zamber

    Hi!
    How exactly mail.php is secured from overmailing?

    « Reply

    philip beel Reply:

    @Zamber, I am open to suggestions!?

    « Reply

    Zamber Reply:

    @philip beel, for now a simple iMacros macro would let anyone send a extensive load of messages flooding the valuable ones.
    Captha would be most sensible and bulletproof but my current client said that he hates it so that leaves some PHP ip blocking and/or multiple-posting delay.
    http://www.fastsecurecontactform.com/ looks like a nice backend but I would have to go further than reading the main page ;P.
    I’ll let you know if I find some sensible alternative for captha or I’ll try to convince my client that it’s necessary ;) .

    « Reply

    philip beel Reply:

    @Zamber, That sounds excellent. I have been thinking about giving contactable a face lift I want to address some of the underlying PHP issues with version support for email checking. I will have a look through your suggestion


  138. Jeremiah

    Wow that is a really awesome plugin! I have already used it on a ton of websites. I do have one question though. If I want to use my own service to submit the forms (i.e. emailmeform.com), how should I go about adding in my methods and such for submitting the form so the plugin does not use mail.php? For some reason, I added this: over the place of where the form starts and the ajax loader just keeps going and it never sends.I thought it might have something to do with mail.php, although I’m really not sure.

    Any ideas?

    Btw, thanks again for making this addon and keeping it updated, I’m sure it took a lot of time.

    « Reply

    Jeremiah Reply:

    @Jeremiah,
    I just realized that I can’t use html! This is the code I added where the form tag starts:

    START HTMLform id=”emf-form” enctype=”multipart/form-data” method=”post” action=”http://www.emailmeform.com/builder/form/HQgL3qp52cNA08TWb0sc9e5M” name=”emf-form” END HTML

    Thanks!

    « Reply


  139. IWT

    Thanks for great resource.

    « Reply


  140. marc

    Hey,
    i tried to put the script in my xt:Commerce eShop..
    Safari DevKit shows me this Error:
    TypeError: Result of expression ‘$(‘#contact’).contactable’ [undefined] is not a function.

    I have absolutely no idea what’s wrong here..

    « Reply

    philip beel Reply:

    @marc, sounds like its not picking up the contactable js file. Check that you are sourcing it in correctly

    « Reply


  141. Gerd

    Thanks for the plugin…

    « Reply


  142. tush

    not working for me, Sorry but your message could not be sent, try again later

    http://smsfever.in/1index.html

    « Reply


  143. Ryan

    I couldn’t get it to work as well. I had a error, $(“#contact”).contactable is not a function

    « Reply

    philip beel Reply:

    @Ryan, sounds like your not sourcing in the plugin correctly. I would check this in the net tab of firebug to be sure.

    « Reply


  144. Aileen

    Hey there. Just wondering if you got the security issue sorted out on the mail.php file. I’m getting spam :(

    « Reply


  145. Vitali

    Thank you very much! Great plugin!

    « Reply


  146. Phil

    Got the plugin to work except for one thing. Messages are sending but the web form returns a “Sorry but your message could not be sent, try again later” response instead of the success response. Any ideas on what might be wrong?

    « Reply

    Phil Reply:

    @Phil,

    No longer needed. Thanks!

    « Reply

    Joe Reply:

    @Phil, I’m having this exact same issue, working sometimes and not others – how did you solve it? many thanks in advance!

    « Reply


  147. Kate Brown

    Too cool an information. Thanks.

    « Reply


  148. Chris Hendrickson

    Hello. Great contact form, but I have an issue. Why am I seeing “anonymous@q0.netfirms.com” in the From section in my email program? Can the users real email not be sent via this form?

    « Reply

    Chris Hendrickson Reply:

    Sorry, what I mean to say is, can the contact form not have the email sender’s email address show up in the From section of my email program instead of having it in the body of the contact form? A simple Reply would then work instead of having to click on the email tag in the body of the message. Make sense?

    « Reply


  149. crusin

    Hello,

    The plugins great….but can we have an option where we can put custom code to the slider, the reason i say so is that suppose i need to have live chat option on the slider then that would be possible.

    « Reply


  150. crusin

    i keep getting the following error when i am installing the 1.3 version in wordress 3.1

    The plugin does not have a valid header.

    « Reply


  151. crusin

    hello,

    Can anyone update the post asap………..

    « Reply


  152. crusin

    Can anyone update the post asap………..

    « Reply


  153. paul

    hi please can you help?

    i had this working fine, now all of a sudden i have the Sorry but your message could not be sent, try again later error and no mail sent.

    dont know wat to do. any help would be great thnx

    « Reply


  154. nati

    Hey Philip, i really enjoyed the amazing form that you created.

    I could add it to my site, the Hebrew version (I speak only Hebrew, and I use Google to contribute to write to you, so, I hope you understand what I wrote.)

    But I have a problem, although I am filling the entire form. I always get the message there is a problem. Can you help me?

    I uploaded the file to my server that supports php and I did everything right (it seems to me) I copied all the files in application’s directory chained form php email information changed, visually it looks great, but unfortunately it did not work for me.

    Please help me

    « Reply


  155. Mike

    Nice script. Thanks!

    « Reply


  156. Mare

    Great plugin, I’m using it on my web site.

    « Reply


  157. Camila

    Hey there,
    Ive been trying to make your plugin work on my site, but it seems im doing a mistake , cause I just get the “sory your message could not be sent” message everytime and emails dont arrive.
    ….I followed every step, I might be having something wrong….
    could you check it please? …. i istalled it in http://www.add40.fr/accueil.html .
    a little bit of help would be reaaally appreciated.
    (great job by the why, cnt wait to get it working)

    « Reply


  158. notuo

    Hi Phillip.

    I just step in here and set up the plugin and kind of works. Kind of, because even the email is sent and arrived successfully , I got the “sory your message cou…” error.

    I noticed in the whole comment section many people had the same issue but unfortunately none of them was kind enough to offer a solution or any comment about it. On the other hand, this seems to be a recurrent problem. Maybe you can give us a little help on this issue.

    I had to add the from because of my server need a valid account, I also added reply-to and no difference with this headers, the error message still appears.

    Other things I noticed. I download the version from this page and you mentioned is 1.3, the file shows that but the version in the js is contactable 1.2.1

    Thank you very much for this plugin, It’s very nice.
    Works for a lot of people and I am sure this is just a minor issue to solve.

    « Reply

    Dan Reply:

    @notuo, Hi, did you manage to solve this? I have tried everything and still get the “Sorry but you message cannot be sent” :-(

    « Reply


  159. marcel

    Hi, philip, Great work! But I have one little issue. It doesnt work in Opera at all, or just for me?
    I’ve tested it in all major browsers and everything works fine except opera. I have Windows 7 with 32 bit Opera and every try to send a message ends with Sorry, message cannot be delivered… and no email comes to my mailbox. Please check this : http://domceky.eu/_redizajn2011/index.html

    « Reply


  160. akyeame

    Hello,

    I’m trying to add this to my vbulletin forums. I tried to add this into my FORUMHOME template but nothing displays.

    I’m using this code from the demo’s source code:


    $(function(){$(‘#contactable’).contactable({subject: ‘feedback URL:’+location.href});});

    « Reply


  161. yogendra sharma

    i have using your script but i am unable to configue mail script.
    and mails are not send by it.
    please mail me relevant configuration of SMTP and your script.

    « Reply


  162. Ritesh

    Hey philip, we have been waiting for an update from your end for quite some time :

    i keep getting the following error when i am installing the 1.3 version in wordress 3.1

    The plugin does not have a valid header.

    Also the plugin doesnt work properly for my wordpress template it mozzila firefox and IE. It works fine is chrome and opera.

    Also the plugin in wordpress shows as 0.3 verision and the one downlaoded from your site shows 1.2 version. Would request you to kindly upload the new version.

    « Reply


  163. casper

    where do I add this section

    $(function(){
    $(‘#contact’).contactable({
    subject: ‘A Feeback Message’
    });
    });

    « Reply


  164. web design company india

    Hello,

    This is nice feedback form, i want chat window like feedback,

    Thanks you.

    « Reply


  165. Vali

    Hi

    This is not working for my website. I made everything as you said, but nothing :(

    Can you help me with an advice please?

    « Reply


  166. Robson

    Please ,fiz this problem:

    when try send message return this error Sorry, your message could not be sent, try again

    « Reply


  167. AHMAD

    IT’ S A GOOD ARTICLE

    « Reply


  168. ahmed

    Great plugin but is it seems not to be protected from bot spamming. How can I add to this a captcha like: 2+3= ?

    « Reply


  169. Satya

    it doesnt seem to work with the latest version of jquery v 1.4.4. Are you planning to update this?

    « Reply


  170. Corey

    I like this plugin a lot and instead of emailing I use it to generate database entries. The problem is it doesn’t work when I use the require_once() PHP function to pipe in the database connection information. If I copy in the code from the script for the database connection it works just fine. Any thoughts?

    « Reply


  171. RJO

    Just what I needed. THANKS!

    « Reply


  172. Akshay

    Hey can you provide this for jquery 1.4.2 plugin

    « Reply



  173. shivaji

    nice button but ie fix problem……….

    « Reply


  174. André

    For people having problems like “message could not be send” or are new to jQuery and need a more detailed example. I made a free template available of my own website with a.o Contactable pre set up. It’s a direct copy of my root in a .rar file (minus my images and text) and i made notes about what is what. I did this a.o. as a little thank you to Philip for this great plugin and i hope it helps some people. You can find the download link on this page: http://andredewijze.com/template.php

    « Reply

    Fab Reply:

    @André,

    First i would like to thank you Philip for this jquery plugin and André for your template. Sorry for my english i m not a fluent speaker…

    So i ve got a problem, whatever i do, it doesn’t work. Each time i ve got this message :
    “Sorry but your message could not be sent, try again later”.

    I took this part of code, put it at the beginning of my server (near the www file) :

    I put my adresse at the end : contact@mysite.com, but it still doesn’t work.

    Do you have an idea of what can i do? I m not a developper, i m just learning so it’s a bit difficult…

    Thank you very much !!

    « Reply

    subo Reply:

    @André, i followedur template and added the contactable template with requisite .css and .js under the root in a contactable folder and placed my mail.php file in root directory but still the .notRecivedMsg is activated when the send button is clicked. I am doing something wrong any suggestions.

    « Reply

    Andre Reply:

    @subo, Did you upload my template on your root the way i made it? Or do you have some files in places where i do not have them? Because my .css file is not in my contactable folder! Did you use my .js files or the originals by Philip? Please try my template just as i made it to see if that works at all. If not you will have to look at the setup of your server. And let me know if you make a new post plz.

    « Reply


  175. Fab

    Ohh and this is the error in firebug when i lauch my script :

    POST http://yourserverhere.com/contactable/mail.php 302 foud

    Thanks

    « Reply


  176. André

    @Fab, I believe the error is telling you that the mail.php file was not found in the folder where the .js files were looking for it. That is why i made a template available with Contactable set up. Compare your .js files and folder structure with mine. Or try uploading my template to your root in the exact way i packed it, to see if it works then (don’t forget to change your email in mail.php when you test it).

    « Reply


  177. Dominic

    Hello.

    I am interested in using your jQuery contactable plugin within a new site I am working on. However instead of the form expanding from left to right I would like to to come from the bottom to top.

    I know that I have to change the contact.png button to face horizontally but I am not sure what code to change, if possible, to make the plugin perform this function.

    Is there any way you can help me with this issue, would be much appreciated.

    Thanks

    « Reply


  178. dubai web design

    very useful website!

    « Reply

    Peter Jhon Reply:

    @dubai web design,
    Great website and service provider! Excellent!!

    « Reply


  179. Jeremiah

    @Andre, I used your template, and it worked! Thanks a lot for the help. The one problem is that when I use the exact same code in the exact same places, it doesn’t work for me anymore. I’m not sure what’s wrong. Any ideas? Thanks!

    « Reply

    Andre Reply:

    @Jeremiah, Can you be a bit more specific? Do you get any errors from firebug or inspect element? Did you use all the script parts for contactable that are in the index.html? Including the jquery version part? Did you check all the links in the js files you are using, or did you use mine? Do you have the mail.php in your root? Because if it worked with my template you have something not exactly the same. Leave me a message if you make a post here, i don’t check this every day…

    « Reply


  180. Sacha

    Hi again. I’m not exactly sure what I did, but it has now stopped reloading the page in Explorer and actually works! However Firefox still keeps bringing up the error.

    I’m thrilled that there IS an error message — and an editable one at that — but still curious as to what’s going on when it doesn’t work and gives that error.

    Appreciate any help with this, I think you’ve got an awesome plugin here… if only I could figure out what I’m doing wrong! Thanks

    « Reply

    Andre Reply:

    @Sacha, i could not find other posts by you so i am not sure what error you are talking about.

    « Reply


  181. Seokolik

    thanks admın very niceeee

    « Reply


  182. clean mitts

    Good Afternoon, amazing page I have just subscribed to your RSS

    « Reply


  183. Beglinger

    Thanks Philip!

    @everyone who gets the ‘Sorry but your message could not be sent, try again later’ message:

    1. Open jquery.contactable.js
    2. CTRL or CMD + F to ‘set default options’
    3. Add url: ‘path-to-root-seen-from-this-js-file/mail.php’,

    Fixed!

    « Reply


  184. Beglinger

    And BTW, add this to your mail.php:

    1. $headers = ‘From: ‘.$name.’ ‘ . “\r\n”;
    2. mail(‘you@email.com’, $subject, $contactMessage, $headers);

    « Reply


  185. Circey

    Hi there. I’m having the same problem as many others – I get the error message saying that the email can’t be sent, but I still get the email in my inbox without any problem.

    I’ve checked and rechecked all the files – mail.php and the .js files are in the right places. Firebug gives me the following error:

    Permission denied for to call method UnnamedClass.handleEvent

    Any assistance would be much appreciated!

    « Reply


  186. Circey

    Ooops… my firebug error message was changed by your comments thingy!

    Error message is: “Permission denied for [mysitedomainhere] to call method UnnamedClass.handleEvent”

    « Reply


  187. Circey

    I’ve also tried working only with your zipped files. I change the jquery.contactable.js file with the absolute path to the mail.php on my server, and change the email address in mail.php.

    Regardless, I still get the error message, but receive the email in my inbox.

    I am no longer receiving the firebug error, but it’s still not working.

    I’m going crazy!

    « Reply

    Circey Reply:

    In addition, your demo isn’t working either. It displays the same error that the message cannot be sent.

    « Reply

    Andre Reply:

    @Circey,
    I was not using an absolute path to mail.php in my zip file… And neither should you. The error you are getting is a cross domain error. It thinks you are looking in a different domain for your mail.php. In my zip file, only change your email to test it. Leave the path to mail.php in jquery.contactable.js relative. So do not give your full web address.

    « Reply


  188. web designing uae

    Impressive work by the author.

    « Reply


  189. Oleg

    So I think this is a great contact form, but from what I gather a little bit unsecure. I’ve modified your mail.php. Some of the code is a bit repetetive and not very elegant but seems to work just fine:

    //declare our assets
    $to = ‘YOUR EMAIL ADDRESS HERE’;
    $subject = ‘YOUR SUBJECT HERE’; //this will overwrite your jquery subject in the html

    //the submission validation here may not be necessary as your js already validates it
    if($_POST) {
    $name = stripslashes($_POST['name']);
    $emailAddr = stripslashes($_POST['email']);
    $comment = stripslashes($_POST['message']);
    $ip = $_SERVER[REMOTE_ADDR];

    $contactMessage = date(‘d/m/Y’).”nn” . “Sending IP: ” . $ip.”nn” . $comment;

    $headers = “From: $emailAddrrn”;
    $headers .= “X-Mailer: PHP/ContactableContactFormn”;
    $headers .= “MIME-Version: 1.0n”;
    $headers .= “Content-type: text/plain; charset=utf-8n”;
    $headers .= “Content-Transfer-Encoding: quoted-printablen”;

    //$headers = ‘From: ‘.$name.’rn’Reply-To: ‘ . $emailAddr . ‘rn’X-Mailer: PHP/’ . phpversion();

    //Validate
    $header_injections = preg_match(“(r|n)(to:|from:|cc:|bcc:)”, $comment);

    if( ! empty($name) && ! empty($emailAddr) && ! empty($comment) && ! $header_injections ) {
    if( mail($to, $subject, $contactMessage, $headers) ) {
    echo(‘success’); //return success callback
    return true;
    }
    else {
    return false;
    }
    }
    } else {
    return false;
    }

    Let me know what you think.

    « Reply


  190. Phil

    It works, but for some reason it isn’t sending the comment input. This is what I get sent to my inbox:

    Message:

    Name: Phil
    E-mail: name@domain.com

    Sending IP:xx.xx.xx.xx
    Sending Script: simplisto.com/mail.php

    As you can see, nothing appear after “Message:” – nothing looks wrong in the code. I have mail.php in the root and the .js files in a folder named “contactable”.

    Any ideas?

    Fantastic plugin though. Very useful.

    « Reply

    Fionnan Reply:

    @Phil, I have this exact problem and have no idea how to overcome it.
    Can anybody assist with this?

    « Reply


  191. Dortcelik Cocuk Hastanesi Online Randevu Alma

    Thanks for sharing and keep up the good work. That is a great article.

    « Reply


  192. Gemlik Devlet Hastanesi Randevu Alma

    I am not sure whether it is possible or not but It would be interesting to present source codes for effects on facebook pages.

    « Reply


  193. Denizli Dis Hastanesi Randevu Alma

    Thanks a lot., amazing page I have just subscribed to your RSS

    « Reply



  194. מורי דרך

    Thanks 4 sharing!

    « Reply



  195. rrosko

    Love the possibilities of this plugin, but I’m having some problems receiving the emails sent from the form.

    PHP 5.2 on Unix box

    The mail.php file and js scripts are all in the root, and upon form submission the success message appears and firebug states no errors, but I don’t get any of the emails – and yes I’ve check the spelling of the email address.

    I’ve tried many of the solutions listed above for just adding a $headers variable which inturn places the FROM field at the end of the mail function, but I end up getting errors regarding a unexpected colon(:) on the variable line.

    Any assistance would be appreciated.

    « Reply


  196. zote

    Good stuff!

    « Reply


  197. zote

    Hi! I don’t have a lot of experience with web development. A client recently ask me to build a site with the capabilities of a forum like the one in here where visitors can post comments and replay to the existing ones.
    I’m really good adapting Jquery to my sites and I was able to incorporate the feedback feature shown in this page. however I really don’t know PHP that much.
    Do any of you guys know what would be the simpler solution for making a forum like the one in here? A link of a site with tutorials could help.

    I would really appreciate any help.

    « Reply


  198. Maulik Bengali

    I have tweaked contactable.css for IE6 & IE7.

    I hope it is useful.

    Only two changes are required.

    1) Add this rule to #contactable #contactForm after position:fixed property “_position:absolute;”(without quotes, of course)

    2) Change the rule *position:absolute in #contactable #contactable_inner to “_position:absolute;”(without quotes, again)

    « Reply


  199. Marc

    After adding this to my site, the following message shows upon going to my contact page:

    Contains content from dmr.tw, a site known to distribute malware. Your computer might catch a virus if you visit this site.

    I’ve narrowed it down to jquery.contactable.min.js. Any ideas?

    « Reply


  200. Gabriel

    Hi,
    I can’t get it to work using jquery version 1.6.1 in Google Chrome.
    It works fine in IE8, but in Chrome the contact form is allways visible.

    I would really appreciate any help.

    « Reply


  201. salik

    Hi, in support mention righ to left postion …i need feedback icon on right side ..how its possible? any help appreciate

    Thanks

    « Reply


  202. J

    I’ve got the form working, but just a quick question. Is there anything I can do for response time regarding receiving the email from a server? The form works perfectly on the site, but it takes upwards of 30-40 minutes to receive the email.

    « Reply

    philip beel Reply:

    @J, The response time should be pretty rapid, but this comes down to you hosting setup. I would expect to see the email appear within 5 mins on a standard WPS hosting environment. I advise speaking to your provider about this.

    « Reply


  203. Bastian

    Is there any possibility to avoid scrolling from the “feedback” button? It should be fixed and not following the content.

    « Reply

    philip beel Reply:

    @Bastian, this can be done by changing the css

    « Reply


  204. Eddy

    Hey, I don’t have mail enabled on my server. I use Google’s hosted mail app. Any ideas how I can send it through that?

    « Reply


  205. HD Music Video

    I can not run :(
    the following error :
    Sorry but your message could not be sent, try again later

    « Reply

    HD Music Video Reply:

    @HD Music Video,

    sory sory :) Its works :

    jquery.contactable.js – line19 :
    true : http://www.muzik8.net/contactable/mail.php (Its works)
    false : http://muzik8.net/contactable/mail.php

    Thanks a lot :)

    « Reply


  206. Joseph

    This is what I have been trying to coil up for some days with no success. Thanks you made my day a million time successful. Looking forward to stay hooked for more posts.

    « Reply


  207. Chris Mackie

    Im having a few problems with this plugin, it won’t show up on here?

    « Reply


  208. Jason

    great script, thank you…

    This might be a dumb question but can someone show me how to set this on the bottom of my browser instead of to the left or right?

    God bless
    jason

    « Reply


  209. Davut ER

    Hello man ! It is false :( Or i dont it.

    Please help me !

    I wonder, on the site may conflict with other codes?

    « Reply


  210. Jaco

    Is the demo broken?

    Also, I seem to be having trouble with combination of
    - jquery-1.5.2.min.js
    - jquery.validate-1.5.5.pack.js
    - jquery.contactable-1.2.1.min.js

    Contactable breaks the rest of my jquery code for some reason…have not figured this out yet.

    « Reply


  211. sebulba

    hey! nice plugin! I was wondering if you could hide recipient email in the source code? make it hidden somehow? thx!

    « Reply

    philip beel Reply:

    it will be in the php code so will not be accessible by any of your users

    « Reply


  212. arbin

    Thanks for this great script! But I have an error encountered while sending the mail. The error said “Sorry but your message could not be sent, try again later”. However an email is receive with no subject and also the values won’t appear at the message body. Please help. Thanks

    « Reply

    arbin Reply:

    Thanks, it works now!

    « Reply


  213. Web Design and Development in London

    Great script!Thx

    « Reply

    zourbuth Reply:

    Nice jQuery plugin, keep works!
    Big thanks

    « Reply


  214. z

    hi, a lot of people here got the problem “Sorry but your message could not be sent, try again later” and meny fixed it without explaining how they did it.

    i went over all the comments here and still didn’t found a way to fix my “Sorry but your message could not be sent, try again later”.

    i cheked and duble cheked the path to MAIL.PHP but still it’s dosn’t work for me.
    can you please help me ?
    that is my link
    http://www.matzaimplus.com/zeev
    that is the link to my MAIL.PHP:
    http://www.matzaimplus.com/zeev/mail.php

    thank you

    « Reply

    philip beel Reply:

    @z, This appears to be working, did you solve your issue?

    « Reply


  215. John

    For some reason i keep getting the “Sorry but your message could not be sent, try again later” message. What shall I do?

    « Reply



  216. Navid

    Hi guys
    Would you please help me ?
    Everything is loaded but the email doesn’t send !
    I put this code into the index.php


    $(function(){$(‘#contactable’).contactable({subject: ‘feedback URL:’+location.href});});

    and then put mail.php here : http://mydomain.com/mail.php

    with this code :

    The button is shown and works but the email ! :(
    I put the mail.php path to all js files as well !
    If give me a step by step guide would be great :(

    « Reply

    petkove Reply:

    @Navid, did you change jquery.contactable.js LINE:19
    url: ‘http://YourServerHere.com/contactable/mail.php’, <- this should point to your mail.php location.

    and I know I had to change mail.php LINE:18 from mail('YourEmailHere@gmail.com', $subject, $contactMessage); to mail('mymailhere@gmail.com', $subject, $contactMessage, 'From:info@IASASENDER.COM');

    If you are using some CMS (like drupal – you have to put
    jQuery(document).ready(function() { jQuery("#contactable").contactable({subject: 'Subject from http://mybookdepot.com URL:'+location.href});)

    « Reply


  217. Mesothelioma

    The JQuery plugin license will say if it can be used for commercial use.

    « Reply


  218. Mik

    Hi Phillip, I purchased your template via TW Design and I’m stuck on on this mail program. I’m not sure if it is the hosting company “godaddy.com” or something else.On the “Quick Contact” I put in the information and hit send and nothing goes through. If I goto http://www.mahnkeninsurance.com/mail.php directly I see this message: Warning: mail() [function.mail]: SMTP server response: 503 RCPT first (#5.5.1) in D:\Hosting\6855487\html\mail.php on line 9
    success

    On my mail.php file I have it setup as this:

    success

    « Reply

    philip beel Reply:

    @Mik, Hi Mick, can you give me a link to where you purchased this template?

    « Reply


  219. CT

    Hello Philip, first of all thank you so much for creating and sharing such a great product. I have implemented your plug-in to my site and everything worked fine until I added the Sliding Tabs plug-in (http://codecanyon.net/item/sliding-tabs-jquery-plugin/141774). There seems to be a conflict but I’m not sure how can I resolve this. I would really want to have both working on my site. Can you please help? Thanks!

    « Reply


  220. Formates

    thansk admin.very nice..

    « Reply


  221. Kumar

    very interesting script. good work. I have tested all IE versions, working great. :)

    « Reply


  222. chennai webdesigner

    Thanks a lot for your sharing.

    « Reply


  223. Kris P

    Having issues with getting this to run on a site which also uses scriptaculous. I’ve tried jQuery.noConflict() but still no luck.

    Any idea how I could do this?

    « Reply


  224. ivory

    Great Plugin…! – But one little Question.
    How can I change the vertical position on the feedback button.
    I was looking in the CSS file and in jquery.contactable.js but i found nothing.
    Can someone help me please?

    « Reply


  225. Jerome

    Hi,

    I try to send a email from the feedback but nothing work.
    I setup everything like i have to, even put my email in the mail.php
    but nothing.
    I try to put my website address in the jquery.contactable but still nothing.
    Can u help me please.

    Thank you,
    JEROME

    « Reply

    eveR Reply:

    @Jerome, I also I have the same problem, philip beel Help

    « Reply


  226. Joe

    HELP!!

    having the same problem as Phil above…

    Got the plugin to work except for one thing. Messages are sending but the web form returns a “Sorry but your message could not be sent, try again later” response instead of the success response. Any ideas on what might be wrong?

    Can someone please take a look at my site as I’m going insane trying to figure it out!

    http://www.jrharris.co.uk/

    many thanks!

    « Reply


  227. David

    I had the same issue Joe, there are some typos in the mail.php file – if you remove the erroneous “c” from the stripcslashes functions so they read “stripslashes” it works for me.

    Nice script Phillip!

    « Reply


  228. David

    Mine isn’t working now again, I get the message sent to my email but there’s no data in it and the user gets the try again later error, any ideas?

    I don’t think I changed anything from when it was working.

    « Reply


  229. Damir-Juipo.com

    Hi,

    Great script :)

    Is there a way to re-use the jquery effect on another panel that would display different content (hand coded html or text)?

    I’d like to create another button below this one or at the bottom of page to slide out with different content but using the same jquery effect.

    Thanks for any tips on how to implement it if possible.

    « Reply


  230. Ben

    I LOVE this. Curious how I might call the function from the click of a menu item in my nav menu rather than having an absolute button? Would that be doable?

    « Reply

    philip beel Reply:

    @Ben, You could do that by modifying the plugin on line 40:

    $(this_id_prefix+’div#contactable_inner’).toggle(function() {

    to use the id of a hyperlink, but you would need to do some slight tweaking to get this to toggle correctly.

    « Reply


  231. Jeroen

    Hi, this is really great!
    Very simple, elegant and practical.. nice work!!

    Do you think it’s easy to create a second button under or above the feedback buttom that simply links back to the Home page. So a second home-page button that’s also scrolling up and down like this one but no form to be needed to collapse.

    Thank for this plugin

    « Reply


  232. shyaam

    I just installed contactable’s latest release. I have issues with the error message, which says “Sorry, your message could not be sent, try again later”, although it still sends out the email to me. Have I done something wrong?

    « Reply

    Greg Reply:

    @shyaam, I have this problem too

    « Reply

    Henry Reply:

    @Greg, I also have this problem

    « Reply


  233. Pollo

    Hello, Great Job.
    2 questions:
    Can i use this for commercial website?
    Is the security in mail.php improve?
    Thanks Philip and i hope u respond

    « Reply

    philip beel Reply:

    @Pollo, Hi, you can use the plugin for your commercial projects, although I would consider using an SMTP mailer class over PHP mail()

    The security will hide your email address in the latest release of the plugin, but it is up to you if you want to make advancements.

    « Reply

    @pollo Reply:

    @philip beel, One more thing can i change layout to Spanish, no problem? Thanks

    « Reply

    philip beel Reply:

    I don’t know, can you?


  234. Peter

    I’m looking Contactable in version 1.0. Please send the file to the address grafiknet@gmail.com
    Thank you!

    « Reply


  235. vigoss

    This is really cool! But when I put it on my website, it’s fail to be displayed…
    What is the reason? Thanks ever so much.

    « Reply


  236. edvaldo

    After sending the email it does not reopen?

    Its? some codice?

    thank you

    « Reply


  237. Leroy

    I keep getting Sorry we couldn’t send your message try again. I have set everything up correctly. Is there anything else i am suppose to do to get it to work?

    « Reply


  238. Eiman

    Very nice plug-in but could you tell me how can I change the mail.php to vb.net please

    « Reply


  239. Sanjeevmc

    Hey thank you so much for the plugin, great stuffs, never seen such CLEAN coding…
    am using your TWEET-ABLE plugin as well, its awesome.

    Pl help me how to use CONTACTABLE directly on my site, without calling or clicking on feedback…

    Thanks once again :)

    « Reply


  240. Daniel

    Hi Philip, thanks for a great contact form and explanation as to how it all works. I have been looking for a fast validation form and this works great.

    However I slightly converted by not having it in the slider…it just sits on page in open view. But the 1 issue I am having is when the form says “Sorry but your message could not be sent, try again later”, it doesnt revert back to the form, it just sits on that text.

    I know the function calls the “holder” which is where thr form sits, but I don’t think it is calling it for some reason…any ideas?

    « Reply

    Serj Reply:

    @Daniel, I replaced

    var defaults = {
    url: ‘http://YourServerHere.com/contactable/mail.php’,

    at

    var defaults = {
    url: ‘/contactable/mail.php’,

    It helped for me.

    I think, reason in http://YourServerHere.com/ and http://www.YourServerHere.com/. They are different. The script worked with http://YourServerHere.com/ and show “…try again later” with http://www.YourServerHere.com/.

    « Reply


  241. Redunzl

    I was thinking of the contact-button on the RIGHT edge of the screen and the form sliding in also from the RIGHT… Is this possible? What files/lines/variables do I have to edit/change?

    « Reply


  242. Hadzic

    Q: Sorry but your message could not be sent, try again later..
    A: Try to change files permission to 755.

    « Reply


  243. Henry

    I got as far as displaying the contact form but after submitting I got the error message “Sorry but your email cannot be sent, please try again later”

    « Reply


  244. Miranda Lambert

    I love this plugin. I had the same problem with emails not being sent but saw Hadzic’s comment and it fixed it.

    « Reply


  245. SevenLojas

    Hello, friend i found the problem:

    The big problem is in the js files, because people just want to change the email, but if the link that calls the contactable not changed, will not work because the files are hosted on google and so when we try to send a message, the script does not reach the script that is on your server but google with default settings.

    Step 1 – Go to maill php > change permission to 775
    Step 2 – Yet on mail.php change YourEmailHere@gmail.com for your email.

    Step 3 – Edit jquery.contactable.js and change http://YourServerHere.com/contactable/mail.php the full path to that file on your server.

    Step 4 – Use this code


    $(function(){$(‘#contactable’).contactable({subject: ‘feedback URL:’+location.href});});

    remember change YOUTDOMAIN for your site.

    « Reply

    philip beel Reply:

    @SevenLojas, Thankyou for this I will get the post updated to include more info on the steps involved!

    « Reply

    Sevenlojas Reply:

    @philip beel, ;-)

    « Reply


  246. SevenLojas

    Cant post all code, if need help, send me email suporte@sevenlojas.com

    « Reply


  247. fake louis

    You might have brought up a extremely fantastic points , thankyou for the post.

    « Reply


  248. Manoj Prabhakar

    Thanx a lot for this brilliant plugin….
    i am trying to use this and have done almost everything but am facing a hiccup…. the form is not passing the values of name and email input boxes…..
    please someone anyone help me….
    thanx

    « Reply


  249. Torkild

    I have just come across this great, neat and clean tool.
    I got it from a template site included in their templates, styled to suit but a version or two behind.

    Some teething problems setting it up, but will post questions if I do not find the answer from above ;-)

    Cheers

    « Reply


  250. invest liberty reserve

    Contactable – A jQuery Plugin | web design blog I was suggested this blog by my cousin. I am not sure whether this post is written by him as nobody else know such detailed about my problem. You’re amazing! Thanks! your article about Contactable – A jQuery Plugin | web design blog Best Regards Shane Justin

    « Reply


  251. rcweb

    looks good but could not get it to work.

    « Reply


  252. FRSTAR

    Hi i’ve successfully installed the plugin with php everything seems working but when i sending email i’t says “Sorry but your message could not be sent, try again later” i’ve fixed the mail.phpfille and jquery file but it’s not working can somebody help on this

    « Reply


  253. Daniel

    Hi there.

    Thanks for this plug in, I really like it. I´m having one problem though. The form sends the messages, but I keep getting the message not sent state…. Is there a known reason for this?

    Thanks

    « Reply


  254. ehandy

    hy all, this is a great work , only there is a problem with this script. You can find out the location of mail.php file from the java script and than you can read directly the file from its location and it’s sending email to the email set in mail.php , how do i fix this ? even with htaccesss ???

    « Reply


  255. LeRoy McQuay

    if anyone is receiving the sorry can’t send message put this code in the jquery.contactable.js file
    [code]
    //extend the plugin
    (function($){

    //define the new for the plugin ans how to call it
    $.fn.contactable = function(options) {
    //set default options
    var defaults = {
    url: 'mail.php',
    name: 'Name',
    email: 'Email',
    message : 'Message',
    subject : 'Feedback',
    submit : 'SEND',
    recievedMsg : 'Thank you for your message',
    notRecievedMsg : 'Sorry but your message could not be sent, try again later',
    disclaimer: 'Please feel free to get in touch, we value your feedback',
    hideOnSubmit: false

    };[/code]

    « Reply

    destro Reply:

    @LeRoy McQuay,

    « Reply

    Justin Reply:

    @LeRoy McQuay, I have tried this but I still receive the error message, must have something to do with the url. any advice?

    « Reply


  256. Ivan

    Awesome job. I congrat you for the good job.

    « Reply


  257. NIcholas

    How do I resolve a lightbox conflict

    The contact form works fine. Implementation. However, when I place the code it shuts down the lightbox functionality.

    « Reply


  258. edvaldo

    how to give a reflesh after sending data?????

    Grato

    « Reply

    philip beel Reply:

    You could set an event in the callback function to do this, but it is turned off my default to prevent spamming.

    « Reply

    edvaldo Reply:

    Ok, not abusing, which revert to default, I’ve tried everything …

    grateful.

    Exe:

    insert javascript, but it did not work

    top.location.href=”http://www.tisolucoes.net.br”

    deleted
    But it did not work

    notRecievedMsg : ‘Sorry but your message could not be sent, try again later’,

    else {
    $(‘#callback’).show().append(defaults.notRecievedMsg);
    }

    ??

    « Reply


  259. Matt

    Hi,

    I’m trying to prepopulate the text fields of the form with my logged in users’ name and email. I can’t seem to sneak it into the javascript. How would you suggest doing this with your script? Thanks!

    « Reply

    philip beel Reply:

    @Matt, The plugin draws the form onto the DOM after it has loaded. The best way to add in your users details would be to set a loaded handler once the plugin has activated, so you can target the input fields.

    « Reply



  260. catyyopvrex

    pesticide testing for chinese herbal medicines [url=http://www.youtube.com/watch?v=floToa_W0L0#650] basic big cigarettes lb upc catalog b [/url] kettle balls vs medicine balls
    pharmacy management positions [url=http://www.youtube.com/watch?v=V0EAcpop8gg#524] buy cheap cigarettes online [/url] weird medicine
    david city discount pharmacy [url=http://www.youtube.com/watch?v=NAvVrNsBVv8#022] buy cigar online free [/url] study in germany medicine requirements
    sports medicine osteoporos [url=http://www.youtube.com/watch?v=2OBknD3UoJ8#732] buy e bi cigarette in manhattan [/url] natural organis cognitive medicine
    word entomology pharmacy [url=http://www.youtube.com/watch?v=AoBaPIcmjkQ#450] buy american marlboro cigarettes [/url] medicine hat ab birthday
    rite aid pharmacy coupon [url=http://www.youtube.com/watch?v=t54TEKCuP30#919] buy nat sherman bio cigarettes in online b [/url] herbal medicine for cough
    sears pharmacy oak park illinois [url=http://www.youtube.com/watch?v=HOAM74u__tE#779] cannabis free bib cigarettes in review b [/url] cvs pharmacy runnemede nj
    safe medicines pregnancy [url=http://www.youtube.com/watch?v=9L78dUybbCY#402] cheap cigs online [/url] nc school veterinary medicine
    city of medicine hat utilities [url=http://www.youtube.com/watch?v=pTMu-S3VVD4#989] chinese bio cigarettes in rainbow smoke b [/url] cann of medicine
    breakthroughs in breast cancer medicine [url=http://www.youtube.com/watch?v=1FPgvMZZkEs#911] chinese cigarette brands [/url] what is radiology and nuclear medicine
    presription solutions pharmacy <a href=http://www.youtube.com/watch?v=floToa_W0L0#169] basic bi cigarettes ib menu b pro solution at pharmacy
    st marys pharmacy richmond va <a href=http://www.youtube.com/watch?v=V0EAcpop8gg#689] buy cheap cigarettes online us death by modern medicine
    online pharmacies consumer information <a href=http://www.youtube.com/watch?v=NAvVrNsBVv8#319] best place to buy cigar brands online uk purchase evista pharmacy
    kayes pharmacy 06450 <a href=http://www.youtube.com/watch?v=2OBknD3UoJ8#494] buy e cigarette in mumbai american deversified pharmacies
    fowler kennedy sports medicine clinic <a href=http://www.youtube.com/watch?v=AoBaPIcmjkQ#487] buy marlboro lights free paroxetine canadian pharmacy
    giant eagle pharmacy gift card <a href=http://www.youtube.com/watch?v=t54TEKCuP30#109] newport cigarettes online buy cheap dba freds pharmacy in hamilton al
    internal medicine and scope of practice <a href=http://www.youtube.com/watch?v=HOAM74u__tE#665] cannabis free bi cigarettes in review board continuing medical education dvd family medicine
    home medicine for ear infection <a href=http://www.youtube.com/watch?v=9L78dUybbCY#348] buy cheap cigars online in australia cigs southern nh sports medicine
    cancer prostate herbal medicine <a href=http://www.youtube.com/watch?v=pTMu-S3VVD4#578] chinese cigarettes in uk medicine embrel
    save on pharmacy newport beach ca <a href=http://www.youtube.com/watch?v=1FPgvMZZkEs#620] cheapest menthol cigarette brands i buy b sierra nevada integrated medicine reno

    « Reply


  261. catypophbex

    alternative medicine cheap [url=http://dailybooth.com/weightlosstablets/24912952#041] acomplia rimonabant buy cheap [/url] baby bottle medicine dropper
    pharmacy direct australia [url=http://dailybooth.com/weightlosstablets/24912975#049] acomplia buy uk rimonabant [/url] nuclear medicine codes
    pharmacies in mexico selling gonakor [url=http://dailybooth.com/weightlosstablets/24912995#579] buy rimonabant save ordering acomplia online [/url] medicine pancreatic cancer alcoholism
    holistic medicine in long beach ca [url=http://dailybooth.com/weightlosstablets/24913022#594] buy slimona rimonabant [/url] c s pharmacy
    drop ship medicine [url=http://dailybooth.com/weightlosstablets/24913041#186] zimulti buy mexico [/url] scholl podiatric medicine
    natural medicine connecticut [url=http://dailybooth.com/weightlosstablets/24913063#510] acomplia canada pharmacy prescription [/url] sinai school of medicine
    pakistani doctor of medicine [url=http://dailybooth.com/weightlosstablets/24913084#596] buy cheap no rx acomplia rimonabant [/url] emergency medicine physician jobs
    u of water pharmacy school [url=http://dailybooth.com/weightlosstablets/24913112#755] cheap discount acomplia online [/url] american ournal of medicine
    homopathic medicine [url=http://dailybooth.com/weightlosstablets/24913136#072] acomplia rimonabant canada cheapest [/url] doctor called vips posts pharmacy consult
    butler university pharmacy [url=http://dailybooth.com/weightlosstablets/24913163#994] link [/url] career in option pharmacy
    colleges that offer veterinary medicine <a href=http://dailybooth.com/weightlosstablets/24912952#242] buy rimonabant drug pharmacy schools in md
    cold medicine affect on blood <a href=http://dailybooth.com/weightlosstablets/24912975#654] acomplia acomplia rimonabant buy cheap pharmacy delivery woodbridge va
    cholestrol medicines <a href=http://dailybooth.com/weightlosstablets/24912995#522] rimonabant buy online medicine shoppe canton ohio
    university of tennessee veterinary medicine diagnostics <a href=http://dailybooth.com/weightlosstablets/24913022#691] buy slimona online veterinary medicines dogs
    pharmacy lea’s shield <a href=http://dailybooth.com/weightlosstablets/24913041#739] zimulti buy acomplia rimonabant veterinary medicine stud penis
    critical care medicine cerebral oximetry mcgee <a href=http://dailybooth.com/weightlosstablets/24913063#274] buy acomplia online canada prescription veterinary medicine magazine february 2002
    brooks pharmacy ma <a href=http://dailybooth.com/weightlosstablets/24913084#763] buy cheap acomplia online stark pharmacy
    part-time pg courses in pharmacy <a href=http://dailybooth.com/weightlosstablets/24913112#512] acomplia cheap online drugstore raptor pharms corp
    correlation adhd and allergy medicine <a href=http://dailybooth.com/weightlosstablets/24913136#582] cheapest acomplia rite aid pharmacy sacto ca
    compounding pharmacies in greenville sc <a href=http://dailybooth.com/weightlosstablets/24913163#425] rimonabant cheapest idaho home infusion pharmacy

    « Reply


  262. Sam

    How do you change the tab so it says Contact, rather than Feedback?

    It says in the notes that it’s optional?

    « Reply

    philip beel Reply:

    This is actually controlled by an image. You should be able to change it from there.

    « Reply


  263. Jayvik Patel

    Great work Philip. I was wondering if it was possible to make the tab appear on the top of the page instead of the left. As it drops down from the top, the form still appears in vertical format and close back the same way. Hope you understand my query.

    « Reply

    Pascal Reply:

    @Jayvik Patel,

    Yes, this is possible to make the tab appear on the top of the page.

    It requires a little javascript tweaking (Replace ‘Right’ by ‘Top’) and a CSS file modification..

    Cheers!

    « Reply

    Pascal Reply:

    Oops… I meant ‘Left’ by ‘Top’ as I chose on my site to put it on the right side (tweak also ;)

    « Reply

    Pascal Reply:

    Sometimes I wonder why some answers are asked without any follow up…


  264. Sara

    Really a cool and nice Plugin, love it – thx al lot!

    « Reply


  265. Brandon

    i’m having a problem getting it to actually send the email. it always gives me the cannot send message. i’m very new to web design and have only completed a few sites. i have followed the directions and gone over EVERYTHING and can’t seem to come up with anything. any help would be appreciated. the site is http://www.trifitness.org. thanks

    « Reply


  266. Justin

    I am having the same issue as brandon. I think it has to do with the “url” parameter in the contactable.js file. Any suggestions? my website is coastalkicks910.com

    « Reply


  267. Said

    hi,

    first of all a great plugin, thank you guys.

    i run in to some problems, when i installed the plugin. my theme did not work so good. I think this has to do with the overlay.

    I have a portfolio. when i hover over an portfolio image i get an overlay( this is part of the template).
    when i installed the plugin, this didn’t work anymore. i also don’t see the mouse icon.

    is there a way to solve this.??? it would be a shame too not use this plugin.

    regards,

    Said

    « Reply


  268. madvic

    The “Try Demo” don’t work on firefox for me

    « Reply


Leave a comment


Had a lovely evening at crazy bear with @keepjacqui another year older!

Follow me