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. Dani

    Hi Eric,

    first of all congratulations for this code. It’s fantastic.

    I’m getting problems with my ie7 version. The Contact Form appears at the end of the page. Terrible. I’ve tried to find out the solution in this section but all the changes I made didn’t fix the problem. Could you please help me?

    Thanks in advance, sir!

  3. HTML Guru

    Thanks, thats a really sweet contact form. However it would be cool if you could change the colour/fonts of the form via the wordpress admin panel.

  5. Annie Maloney

    Great Plugin. Took me a while to configure it, but it is working now. I had to upgrade by wordpress version and it worked like a charm. TY

  9. William

    Works well.. I had a real struggle with the configuration though. I think it’s probably just an IE thing though because I had no problems in Firefox.

  14. Eric Martin

    @Joel – glad you got it working. I’m looking forward to your review of SMCF!

    @Brendan – glad you like it!

    @Rabindra – you should be able to. Did you add enctype="multipart/form-data" to the form tag?

    @Bob – yes, if you need help, just let me know!

    @Dani – Try changing your DOCTYPE to:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    If that doesn’t work, let me know.

    @HTML Guru – I’ll keep that in mind for a future version, thanks!

    @Annie – what version of WordPress were you using?

    @Lúu – it doesn’t look like smcf.js is being loaded. In your theme, do you have the wp_footer() call?
    Also, you have a JS error in the lightbox.js file. You might have to add this line of code to prevent a conflict with SMCF.

  22. Craig

    Hello,

    Thanks for the plugin. I have a few questions…

    1) I’ve added the following code to smcf_javascript.php and the dialog still does not automatically close after sending a mail…

    complete: function (xhr) {
    jQuery.modal.close();
    },

    2) How do you change the opacity of the overlay? It’s set to “0.5” and I’d like to change it to 0.8 to fall in line with other parts of my site.

    3) While the dialog is open, the mouse changes to the hour-glass icon when placed anywhere over the overlay; how do I change that so it stays at the normal pointer icon.

    Thank you,
    Craig.

  24. dizi izle

    Hi Eric,
    Regarding the question Niemi had about having the dialog box close after sending the message, where exactly do I add the code you’ve provided? I went to the plugin editor in wordpress, and I’m assuming that the code is to be added to the file it displays, but I don’t know exactly where to place it without causing damage if I’m wrong (excuse my ignorance, but I don’t know much about php files). I don’t see any complete function code in the file which I would then edit.
    Thanks,
    Patou

  25. Fabian

    Great Plugin!

    But mir Firebug says:

    jQuery("div.wpcf7 > form").ajaxForm is not a function
    https://www.landungsbruecke.com/wp-content/plugins/contact-form-7/contact-form-7.js
    Line 5

  26. Eric Martin

    @Hakan – sorry. I’ve been getting a lot of spam lately and it’s not so easy to always figure out what is legit and what isn’t.

    @Craig – 1) Hmm…it should work. If it’s still not working, let me know and send me a link, if you can.

    2) You can change the opacity on the modal call by adding overlay: 80. For example, in 1.1.3:

    jQuery('#smcf-content').modal({
   close: false,
   overlayId: 'smcf-overlay',
   containerId: 'smcf-container',
   onOpen: contact.open,
   onShow: contact.show,
   onClose: contact.close,
   overlay: 80
});

    3) Edit the smcf.css and change/remove the cursor attribute for #smcf-overlay

    @dizi izle – the best place is in the footer.php file, right above the </body> tag:

    <?php wp_footer(); ?>
</body>

    @Fabian – I just took a look at your site and was able to open and submit a message using the form and did not see any errors…

  27. Fabian

    Its already done. My fault. But thanks for the fast reply.

    Nice Plugin – nice support!

  30. Peter Phim

    Great Plugin,

    I followed the instruction and it works great.

    To video Izle, please remove and follow the intructions closely. It should work

  34. Eric Martin

    @Ramsey – I just downloaded the lightbox-2 plugin and got it working w/o any issues. What specifically is the problem that you are having?

  35. Sara

    Hi,

    I installed your plugin on my site, and it all seems to work correctly – yaaa! – but the messages that we receive via email have subject lines full of gibberish. We tried various settings for the subject lines: allowing the user to specify one; the default settings; and having the same subject line of our choice by default, but it always comes through as gibberish like this:

    =??B?ZGEgc3ViamVjdA==?W5CbG9vbSBGZWVkYmFja

    Any ideas?

  36. Vivek

    Hi,

    I am also having the similar problem. The mail reached but contains a garbage subject. I dont understand why.

    Can it be corrected?

    Regards,

    Vivek

  37. Shane

    My server is an IIS based server and I’ve been having problems even getting regular scripts to send mail. My hosting company told me that I needed to add the line below to get mail to send properly from a mail() script.
    ini_set (“sendmail_from”,”webmaster@domain.com”);
    I am wondering if you can give me some advice how I can get your code to work with an IIS based server.

  38. Os..

    Hi Eric,
    funny contact form this is and work like a charm.
    Just one thingy, Id like to use it for my authors, which means multiple email adresses as well as a title header like
    “. $title; _e($curauth->first_name); _e($curauth->last_name); . ”
    – doesnt work of course.

    Any idea or upgrade in sight?

    Cheers,
    Os..

  39. Eric Martin

    @Sara, @Vivek – sorry for not getting back to you sooner…I sent you both messages.

    @Shane – I haven’t run anything on IIS in quite some time, but a quick google search seemed to provide some helpful information. Were you able to get it working?

    @Os.. – where is $curauth coming from? Anything is possible, really, but you’ll need to customize the script in order to achieve what you are looking for.

  40. Sheriff

    Hi,

    I just installed you plugin for my blog site. but which not showing for me when i click the contact link on top. when i click the contact link which shows another contact link button and it shows ajax contact form.

    please support me to work the form when the user click the contact link on top bar itself.

    i created the page name as “contact” and added the following code on “Contact” on the page.

    Thank you in advance
    Sheriff

  41. Eric Martin

    @Sheriff – the contact link on the top needs to have the smcf-link class:

    <a title="Contact Me" href="https://sheriffonline.com/?page_id=27" class="smcf-link">Contact Me</a>
  43. Rob

    Hi Eric, thanks for the plugin, fantastic. If you ever consider using the same simple functionality and look and feel to do a simple modal login and register for WP I’ll be on the beta crew!

    Thx very much, will link you from our charity site when we go live.

    Rob

  44. Josh

    Eric,

    I’m having the same problem that Fabian above had back in May, with the following error from Firebug:

    jQuery("div.wpcf7 > form").ajaxForm is not a function
    https://..../blog/wp-content/plugins/contact-form-7/contact-form-7.js
    Line 5

    Looks like he somehow fixed it, but I don’t know how. How do I fix it?

  45. Eric Martin

    @Rob – if you can show me an example of what you’re looking for, I can see about creating something like that.

    @Josh – it looks like you are using Contact Form 7, not SMCF. However, it looks like you have 3 different copies of jQuery loading…try getting that down to just one and see if that helps.

  46. Josh

    Eric,

    Oops, thanks for the help. I just did a search for the error message, I didn’t even notice I was looking at a different plugin! Sorry about that.

    Although I am a software guy, I am not a php/js programmer, so I know just enough to get into trouble. I haven’t customized WP other than to add plugins and use a theme. So I don’t know how it is that I have multiple copies of jQuery loading. Is that because different plugins are probably doing it? Is this just a plugin incompatibility problem? Where would I even look to figure out where 3 different copies of jQuery are coming from?

  47. Rob

    @Eric – I dont know that I have an example. The idea would be that when the user clicks register or login that the pop up form would use the WP code but display it in a simple modal pop up instead of going through to the WP login page. There are AJAX login plug ins, but they appear as sidebars or the like. It would be fantastic to click register and the site dims down and pops a box with the WP register info, same for forgot password or login.

    I could mock something up on Photoshop for you in the next few days.

    Rob

  48. Eric Martin

    @Josh – if you use Firefox/Firebug or just view source, you’ll see that jQuery is being loaded 3 times. You’d have to look at your theme header.php file to see, but it looks like it is being loaded twice by your theme and one more time by the contact form.

    I’d suggest making sure your theme only loads it once and them having the contact form not load it at all.

    @Rob – sounds good. I probably won’t be able to look into it until after this week…but it sounds like a fun idea!

  50. Rob

    I look forward to helping you test it 🙂 I really need to learn to develop and write code. It looks like such good fun! Hacking other peoples scripts to pieces just isn;t that gratifying! 🙂

    I’m also trying to solve the problem of subscribers changing their passwords WITHOUT having to see the back end dashboard! Those WP passwords just ain’t that memorable!

Comments are closed.

Scroll to Top