SimpleModal Contact Form (SMCF)

Summary

SimpleModal Contact Form (SMCF) is an Ajax powered modal dialog contact form plugin for WordPress.

It is built on the jQuery JavaScript library and uses the jQuery SimpleModal plugin.

Please visit the WordPress SMCF Plugin page to download as well as for information regarding installation, FAQ’s, screenshots, etc.

Translations

For SMCF v1.2.2+

Italian (Gianni Diurno)
French (E Neuville, ICS-INFORMATIQUE)
Portuguese (Vitor Borges)
German (Mika)
Polish (Tomek Nowak)

For SMCF v1.2 – v1.2.1

Italian (Gianni Diurno)
German (Nathalie)

281 thoughts on “SimpleModal Contact Form (SMCF)”

  1. Eric Martin

    @damo – the easiest thing to do would be to copy the version of jQuery that comes with SMCF into the wp-shopping-cart/js folder. Then just disable jQuery for the SMCF in the Admin Options.

  2. David Celis

    Hi, Eric. First of all I’d like to say great plugin you’ve got here. However, I can’t seem to get it to work the way I’d like to.

    I notice you have it working directly from a page and instead of having your Contact link take you to a page, it brings up the contact form. Is there a way I can do this from the dashboard and with a pre-made theme?

    I listed my site if that helps at all. Thanks.

  3. damo

    @Eric>> I’ve tried and it just doesn’t work for me…So I’ve decided to give it up and get back to a more “classical” contact form. That’s a shame because yours was awesome. Anyway thank you for your time and I’m sure other users will enjoy it !

  4. Eric Martin

    @David – Are you wanting to have a contact link that takes you to a contact page, where the user would then click another contact link (or button/image/etc) and that would display the contact form?

    If so, then all you need to do is (assuming the plugin is activated):
    1) create a contact page (wordpress)
    2) add a contact link to your site (theme)
    3) edit the contact page and include a link/button/image/whatever to open the contact form. It must have a class of smcf-link.

    @damo – I’m sorry to hear that. If you want to contact me privately, I can get it working for you.

  5. David Celis

    @Eric – Nope, I’m looking to try to do exactly what you did: have the contact tab directly bring up the form rather than being taken to a page first. I’m just wondering how you did this, since I can’t edit what kind of links the page links are. So I’m wondering if you were able to do this because you wrote your own theme/stylesheet or if there’s a way to give the link to the page the smcf-link class so it can bring up the contact form rather than taking me to a static page

  6. Eric Martin

    @David – ahh…sorry for the misunderstanding 😉 I downloaded K2 and True Blue and just added a Contact link as a top menu item (along with Main and About). To do that, I just edited the themes/k2/header.php file and right below:

    <?php wp_list_pages('sort_column=menu_order&depth=1&title_li='); ?>

    I added: 

    <li><a href="/contact" class="smcf-link" title="Contact">Contact</a></li>
  10. Glucoze

    I installed your plugins, it’s very nice, but when i fill the form and clic on send, i get “Uh Oh… 404: not found” error message.

    Can you please help ?

    many thanks

  11. Eric Martin

    @Glucoze – I made some changes to how it determines the URL to send to, so that could be the problem. In Firefox/Firebug, check the smcf_javascript.php file and see what value it has for var smcf_url = ?. You can also your URL and I can take a look.

  14. GluCoZe

    Ok i probably got it.
    with WP 2.5, there is no “wpurl” variable in the wp_options table.

    the wp url variable seems to be -> siteurl
    the blog url variable seems to be -> home

    i delete the “parse_url” function in smcf_javascript.php and i get

    var smcf_url = '';

    =>

    var smcf_url = 'https://www.thynis-et-glucoze.info/sucrette/wp-content/plugins/simplemodal-contact-form-smcf';

    but if i put the parse_url back i get

    var smcf_url = ''

  16. GluCoZe

    var smcf_url = '<?php
    $lurl = parse_url(get_bloginfo('siteurl') . SMCF_DIR);
    echo $lurl[path];
    ?>';

  17. Eric Martin

    @GluCoZe – thanks for the info. I found out that it was an issue with the parse_url PHP function. I was using the component parameter, which is only supported in PHP 5.1.2+. I fixed the problem in SMCF v1.1.2.

    Also – wpurl is not in the database, but it is a valid WP variable 😉

  18. Glucoze

    You’re welcome 🙂 and thanks for the info, and most of all for the plugins. Very nice and well done !

  19. K-Dog

    I love this plugin. How can I make the dialog close when clicking outside the box? Perhaps as an alternative to clicking the X, like lightbox.

  20. Eric Martin

    @K-Dog – in smcf_javascript.php where you see:

    show: function (dialog) {
	jQuery('#smcf-container .smcf-send').click(function (e) {

    Change that to:

    show: function (dialog) {
	// allow the user to click on the overlay to close the contact form
	dialog.overlay.one("click", function () {
		jQuery.modal.close();
	});
	jQuery('#smcf-container .smcf-send').click(function (e) {
  22. nina aoki

    Hi Eric,

    I’ve been trying to get SMCF running on my site, but I’m a bit unclear with your instructions.

    I understand that I need to create a page called Contact, but I’m a little stuck on where I’m supposed to do this:

    a) Add the “smcf-link” to your existing contact link:

    I tried to send this with your contact form here, but it doesn’t seem to want to go thru. Any help would be appreciated.

    Thanks much,

    nina aoki

  23. Eric Martin

    @nina – sorry the instructions aren’t clear 🙁 Once you’ve installed and activated the plugin, you have two options for “making it work”. 1) If you already have a contact link on your site, you just need to add the smcf-link class to that link. or 2) If you don’t already have a contact link, use the smcf() function to create one. You’ll need to edit your template files and place the code to call the function in there (like sidebar.php)

    If you need further details, let me know.

  24. Daniele

    Hi,

    I’m Daniele, an Italian guy. I’ve just installed your nice plugin in my blog-platform (WP 2.5) but when I use SMCF in IE7 it doesn’t work…
    Could you try to understand, please, what’s going on?
    (to use SMCF you have to click the “Scrivici” related image on the home-page sidebar or the same image you can find on the page called “contatti”)
    Thanks much

  25. Eric Martin

    @Daniele – hello! The problem is that you have a comment on the first line of your HTML, which throws IE7 into quirksmode. So, you have two options, remove the comment or add the following CSS to your page (right above </head>):

    <!--[if IE 7]>
<style type='text/css'>
#modalOverlay, #modalContainer {position:absolute;}
</style>
<![endif]-->
  27. Daniele

    because I cannot find a file with the /head code you referred to. (I’ve opened home.php, page.php, index.php, style.css and default.css). The only way to find the html code of the page is to show the source code directly from the browser, but then?

  28. Eric Martin

    @Daniele – look in header.php. Also, I’d just remove the comment from (most likely) that file, then you won’t have to add any additional markup.

  32. Eric Martin

    @Daniele – if you look at your HTML source, at the very top, you’ll see:

    <!-- Header Start -->

    I’m assuming that if you open your header.php file, you’ll see that somewhere. I suggest removing it!

    @theWizard – thanks!

  33. nina aoki

    @eric

    Okay – I gathered that I need to add the code in to my theme files. Right now I don’t have a page called Contact – but if I use option 2 and add the code to the sidebar, it should work? I hate to sound so dumb – But I tried creating a page called Contact and then didn’t know where I was supposed to add the the smcf-link class to that link. I looked in my header.php and didn’t see any link to any of my pages. There’s code in my header which seems to call to a list to get the pages to appear across the top of each page. So, I guess I might have been looking for something that wasn’t there? But – I’m okay with adding it to the sidebar – I just have to figure out how to do that!

    Thanks much,

    nina aoki

    ps – I will try and send you something again. Thanks for your email.

  36. Eric Martin

    @nina – great, I’m glad you got it working! I found an issue though…it’s the same issue that Daniele has/had. You’ll want to edit your header.php (most likely) file and remove the comment that gets put in the page before the doctype.

  37. nina aoki

    @eric – last one tonight! I’m getting feedback from users that SMCF doesn’t work in IE7 and causes display problems. I tested myself in IE7 and see the problem. Are there any known issues with IE7 or might I have done something wrong? It works fine in FireFox and Safari tho.

    nina aoki

  41. Eric Martin

    @Steve – in your smcf.css, you need to edit #smcf-container form:

    #smcf-container form {margin:0pt; padding:0pt; background-color:#333; border:0;}
  42. moserw

    Been searching a while for something like this. Tried many others, but really nothing worked per my specs. If this works you have got yourself a fan for life. Will be checking out emAlbum too. Thanks for sharing.

  43. Joel Goodman

    Hey Eric, thanks for the comment and tip. The two errors I was getting were due to the default version of prototype that WP included in their package. I upgraded my prototype and scriptaculous libraries and it seems to work now… I think. Thanks again for your help!

  44. Brendan Ong

    OMG! This is the coolest ever contact form. I used up whole day to configure Contact Form II and I ended up with disappointment because I couldn’t make it with my gmail account.

    With this plugin, I tuned
    <a href="/contact">Contact</a>
    to
    <a href="/blogmiji/contact" class="smcf-link">Contact</a>
    then it works perfectly with cool ajax effect.

    Thanks Eric. =D

  45. Rabindra

    this SMCF contact form is great can we do upload in this form ?
    i changed the input type text to file in contact.php and printed the $_FILES array
    in $action==send but did get a blank array not file arrays exact information…..:(

  46. Bob

    Eric, this is very cool. I would really like to try to implement this on my wordpress blog. Up to this point I haven’t configured much on my blog, if I mess it up will you help me?

  48. David

    Thanks for th plug-in. This was very useful to me. It’s great it doesn´t require any special page or subject to be set up.

  49. Neal Caverson

    Eric, just wanted to say thanks for this amazing plugin. Worked great for me and and I definately will be using in for a long long time. Great job!

Comments are closed.

Scroll to Top