Simple Contact Form

Created On
byAye Aye Mon
You are here:
< Back

If you do not want to install it by yourself, I provide the installation service. You can buy it here.

In this tutorial, I will show you how to add AJAX & PHP code to send emails using Simple Contact Form.

Prerequisites

To follow this tutorial, you need:
1. A Templatemo or Tooplate Template (I will be using Templatemo 536 Dream Pulse in this example.)

** Note ** If you’re using the Pop Design template, please follow this tutorial instead.


2. Contact Form

Extract both zip files and follow the steps below.

1. Copy Files

From contact-form folder to templatemo_536_dream_pulse folder, copy send-email.php to root folder and js/send-email-ajax.js to js folder.

Note: If your template’s js folder doesn’t already have jquery.min.js, also copy it from the contact form folder.

2. Contact Form Scripts

  1. Open templatemo_536_dream_pulse/index.html file in a text editor. Add id="contact-form" inside <form> at line 336. For Contact Form with Attachment, also add enctype="multipart/form-data"
  2. From contact-form/index.html file, copy code from line 32-34 and paste it in templatemo_536_dream_pulse/index.html file at line 347. For Contact Forms with Spam Filter, also copy and paste the code from line 29-32.
  3. Also in templatemo_536_dream_pulse/index.html, add <script src="js/send-email-ajax.js"></script> before the closing</body>tag. Save and close.
Contact Form Scripts
Click on the image to zoom in

4. Open templatemo_536_dream_pulse/send-email.php in a text editor.

For Contact Form with Attachment:

At lines 7 & 8, replace with your allowed file types and recipient email respectively. Save and close.

For Simple Contact Form:

At line 2, replace with your email. Save and close.

send-email.php

3. Upload to Your Server and Test

Upload templatemo_536_dream_pulse files to your web host and test the form.
You should receive the test message in your email shortly.

September 5, 2019

215 Comments

  1. Chris

    I followed these directions but I still can’t get it to work. I am using Templatemo 503 Newline

    Reply
  2. Marci

    Hi!
    I need some help. Everything ok, but if send a message from mobile browser, all of mails land in spam.

    Reply
  3. jo

    Hello
    Can you help me ?
    I made the changes on templatemo_537_art_factory original, but impossible to make it work!

    Reply
  4. joel sanniser

    I just made the change, but it still doesn’t work, when I click send, I have a return home page. In private perhaps?

    Reply
  5. Bruce McLean

    works great except for 1 litle problem..
    I have set the email to: address in line 2 of the send-email.php to my gmail accoount as I cannot get it to work to my wifes busines account of
    info@amitylabardoodles.com.au
    Is there a string holding the email adress that is set too short?
    I have tried other address without any problems. Could you please shed some light on this.
    Thanks

    Reply
  6. Federico

    Hi, it doesn’t work. I am using the ‘templatemo_454_compass’ template. I also uploaded the contact-form itself with no modifications and is not working (http://lapaleotta.com/contact-form/index.html). Can you help me?

    Reply
    • Aye Aye Mon

      Hi Federico,
      There seems to be something wrong with your send-email.php file. Could you send me that file? clock at learnteachcenter dot com.

      Reply
  7. Wayne Bartlett

    I have “Tinker Free Website Template” and I added the “contact-form” and could not get it to work. It errors and gives the error message every time.
    I have followed the instructions above.

    Reply
  8. Anthony Hague

    Hi, I’m trying to use the files in templatemo_540_lava_landing_page and it won’t send. I’m also trying to have the submit button link to another html page.

    I have checked the junk and spam folders of my email and tested half a dozen times with no success.

    Can you please help?

    Reply
    • Aye Aye Mon

      Hi Anthony,

      Did you receive an error message when you submit the form?
      Could you send index.html & send-email.php to clock at learnteachcenter dot com?

      Reply
  9. Charalambos

    Hello,
    The form is not working. Any help ?

    Reply
  10. Marius

    Hi
    the form works, and now I tried to add the functionality to add an attachment to the email, but I fail. can you support? any tutorial which can help?

    Reply
  11. Olivier Lavenant

    Hello,

    After all thank you for the template.
    I use the temple 2097-pop from tooplate. I think I follow the instructions but I don’t find why it doesn’t work.
    Does the website have to be online to work or it can work locally ?

    Reply
    • Aye Aye Mon

      Hello Olivier,
      Thank you for your contact form purchase.
      The website has to be online to work. However, the 2097-pop template requires some modifications to the code. Can you send your website files to clock at learnteachcenter dot com?

      Reply
  13. Olivier Lavenant

    What do you meed about clock ?

    Reply
  14. Diddy Smalls

    This doesn’t work. Once I submit the form I’m brought back to the top of the home page with no result message. And no email in the spam folder or inbox. Template 537.

    Reply
  15. abhijeet kumar

    can you please help me with template 453_outline. Send message is not working in stay in touch part

    Reply
  16. Stephen Newman

    Absolutely the best customer support I have ever encountered. Bar none.

    Diligently helped me get my Simple Contact Form working on my web site. The best money I’ve ever spent on software.

    Kudos to you Aye Aye Mon.

    Reply
  17. drew dixon

    Hello. I haven’t been able to get this to work just yet. When I put the

    Send result message will display here.

    It inserts a green box on top of my “Send Message” button. Also, when I send the message it just refreshes the page. I’m not positive what I am doing wrong here. Any help would be much appreciated.

    Reply
    • Aye Aye Mon

      Hello Drew,
      I have tested your contact form and it works fine. To hide the green message before sending, please add the following code to the end of the templatemo-style.css file.
      .d-none { display: none; }

      Reply
      • drew dixon

        Green Box is now gone, but I still haven’t received an email yet from the form. It shows that the message has been sent successfully and I have tried sending to different email addresses by changing the send email script. Could you please help me figure this one out? I can send you my files if you need. Thanks so much.

        Reply
  18. Drew Dixon

    I checked the spam folder and it isn’t there either.

    Reply
  19. First Timer

    1) in the send-email.php file, how to add two email addresses to receive a visitor’s form submission? for example, one copy goes to the webmaster, another copy goes to a company employee?

    Reply
  20. Babu M

    My sent email concept is not working, I email you. Template:templatemo_537_art_factory
    Kindly do the needful
    very urgent

    Reply
  21. Rin

    Hi, could you please me, an error message pop out like below:

    Notice: Undefined variable: body in /storage/ssd2/917/13603917/public_html/send-email.php on line 8 success

    Reply
  22. Carlos Olmos

    hola , su ayuda por favor , compre el

    Simple-Contact-Form
    — See the installation instructions at https://www.ltcclock.com/knowledge-base/simple-contact-form/

    pero no lo puedo instalar , lo necesito para el template Hydro_509, por favor su ayuda. gracias

    Reply
  23. John Hart

    I am unable to get the simple contact form to work correctly. I am using the tooplate page template located here: https://www.tooplate.com/view/2107-new-spot
    The error page that is generated refers to the following: HTTP Error 405.0 – Method Not Allowed
    The page you are looking for cannot be displayed because an invalid method (HTTP verb) is being used.
    The site is hosted on Azure.
    Please assist.

    Reply
    • Aye Aye Mon

      Hi John,
      Thanks for your purchase!
      I checked your website and found that the jquery file is missing.
      Please copy and paste jquery.min.js file to the js folder and in the index.html file, import jquery.min.js above the send-email-ajax import.
      Import jquery above send-email-ajax.

      Reply
  24. David Argence

    Hi !

    Works perfectly, thank you for your work.

    Is there a way to modify the color of the text and background of the success message (green) ?

    Reply
    • Aye Aye Mon

      Hi David,

      Thanks for your purchase and comment!

      You can modify the colors by adding a new CSS rule to your CSS file like so:

      .alert-success {
      color: #fff;
      background-color: #5bc0de;
      }

      Reply
  25. David Argence

    Thank you for your reply.

    Sorry to bother you but :

    Should I add this in this file ? css/tooplate-infinite-loop.css

    As this it looks like not changing anything 🙁

    Reply
  26. Meredeth Summers

    I keep getting an error when I test the form on my site. Please help!

    Reply
  27. Mick

    I just edited my templatemo_504_page_one webpage using the provided files. It worked – no issues! I’d spent hours attempting to use other contact forms code, Ajax, JS files, PHP- and could not get anything to work. Thanks so much.

    Reply
  28. Marco

    I bought and applied the contact form, which was kind of tricky to understand since I used another theme from TemplateMo (528 Elegance)
    At first I always got the error “Something went wrong :(” and now after fiddling around I just realized I can only use an email that ends with the websites url and IS existing.
    For example, my website is called “thisismywebsite.com” and I have these mail accounts for it:
    info@thisismywebsite.com
    admin@thisismywebsite.com

    I can only send an email and receive it without error when inserting one of these existing email accounts as sender.

    I CAN NOT use for example “myaccount@googlemail.com”, “ceo@someotherwebsite.com” or something else. I always get errors than. I can only use EXISTING email accounts of the same domain I am using the contact form.

    I hope you understand and can help me. This makes no sense to me.
    My website previously used wordpress with a fully functional contact form from wordpress and I just rebuild everything in the template and implemented the bought contact form. So it should’nt be a servers/hosters problem, or is it ?

    Reply
    • Aye Aye Mon

      It is the configuration of your mail server. As for your WordPress contact form, could you set any sender email address and receive it as “From” email?

      To solve it, in the send-email.php you can set “from” email to an approved email address and then include the sender email in the message body and as a “reply to” field.
      If you want me to do it, please send your file to clock at learnteachcenter dot com.

      Reply
  29. Arya

    Regards

    I’m using the template https://www.tooplate.com/view/2119-gymso-fitness … Give me the setup instructions

    Thank you

    Reply
    • Aye Aye Mon

      Hello,
      Thank you for your purchase. You can follow the instructions above. When you finish, please send me your “index.html” file to clock at learnteachcenter dot com. I will check it for you.

      Reply
  30. Marco

    Hey I just added google recaptcha v2 to the form and it works, but I have no idea how I can remove the recaptcha response from the mail
    Every mail I receive now has “g-recaptcha sumcodeicuahdsiasdiasidgaisgsdiagduaguedfgue” in it.
    Any way I can filter a specific input field, in this case the g-recaptcha, out from the mail ?

    I hope you understand my problem

    Reply
    • Aye Aye

      Hi,
      Could you please tell me the email address you used to purchase the form?

      Reply
      • Marco

        it’s //daikiri 94 -at- googlemail com//

        Reply
        • Aye Aye

          Thank you for the confirmation.
          In send-email.php, inside foreach loop, above $body line, add the following code:

          if($param_name == ‘g-recaptcha’) {
          continue;
          }

          Reply
          • Marco

            Hey I just tried and it doesn’t work. The exact output in the mail is “G-recaptcha-response: blablablablabla”

            This is the code I edited with your advice:

            foreach ($_POST as $param_name => $param_val) {
            if($param_name == ‘G-recaptcha-response’) {
            continue;
            }
            $body .= ucwords(str_replace(“_”, ” “, $param_name)) . “: ” .
            $param_val . “\n”;
            }

            did I do anything wrong ? Mail looks like this:

            Name: Test
            Email: test@test.com
            Nachricht: testmessage
            G-recaptcha-response: 45dwe51wece15-fe54f15wef51ew5-1f5e61f6ew1f6we1f61ew56f1ds23f1e56f1-156fe1wf516ew6f1we51fe

          • Aye Aye

            Please try smallcase “g” like this:
            if($param_name == ‘g-recaptcha-response’) {
            continue;
            }

          • Marco

            Thank you very much. It works now!

            May be you can help me with my last problem for now:

            When receiving mails form germany, UTF 8 is not present. So “äöü” wont be displayed correctly in my mail program.

            I also googled how to get it to work, but I just can’t figure it out. This would be very important for me because it’s a german website.

            Any help ?

          • Aye Aye

            Did you set in index.html at the top?

          • Marco

            Yes I set it in the html. May be my code is wrong? What exactly has to be added?

          • Aye Aye

            Could you send me your website files and sample German text to test? info at ltcclock dot com.

          • Marco

            Hey again. I just did it! It works!
            For anyone having the same problem, the code in send-email.php is now following:

            if($replyTo != “”) {
            $headers = ‘From: ‘.$from.”\r\n” .
            ‘Reply-To: ‘.$replyTo.”\r\n” .
            —> ‘Content-Type: text/plain; charset=UTF-8’ .”\r\n” .
            ‘X-Mailer: PHP/’ . phpversion();

            the “right-arrow” points to the line I added into the existing code.

  31. Drew Dixon

    Hello. I am curious if you could take a look at my script to let me know if my contact form that I purchased is configured correctly. I don’t mind sending you my source files. Could you please help me as everything else on the website is working great. But I can’t get the green success box when my message is sent and the page just refreshes. Thanks.

    Reply
  32. Rastislav

    Can you help me with spam messages?

    Reply
    • Aye Aye

      The form contains a hidden field. That field is visible to spambots but not to humans. Spambots will fill in all the fields but humans will leave that field empty. So, if the hidden field is filled in, an email won’t be sent.

      Reply
  34. Rastislav

    I had in mind the problem that the messages from the form end up in spam. Sorry

    Reply
  35. Israel Afiesimama

    Hi, please I purchased the contact form code, but am now getting an error message on my contact page each time a message is sent, it says an error occurred

    Reply
    • Aye Aye

      Hi,
      Thanks for your purchase. What is your website URL? When I visit creativitywebs.com, I received the following error:
      “This site can’t be reached
      Check if there is a typo in creativitywebs.com.
      DNS_PROBE_FINISHED_NXDOMAIN”

      Reply
  36. Israel Afiesimama

    creativitywebs.com the problem is resolved now

    Reply
  38. John Parr

    Hi
    I have followed instructions on your site but I am using a different template https://templatemo.com/tm-396-smoothy

    When pasting in the contact form I get a field I can not remove it displays in the form as
    Leave this empty:
    Your URL

    If I fill in both fields with my email address the form says it has been successful however I still don’t receive an email .

    I have amended the php file and uploaded to my site ….. bit stuck what to try next

    Reply
    • Aye Aye

      Hi John,
      Thanks for your purchase.
      You should not fill in any value in that field. It was meant to trap spambots.
      Please add the following code to the end of css/templatemo_style.css.
      .d-none { display: none; }
      What did you change in the PHP file? You shouldn’t remove the URL field check.

      Reply
    • Aye Aye

      The form contains a hidden field. That field is visible to spambots but not to humans. Spambots will fill in all the fields but humans will leave that field empty. So, if the hidden field is filled in, the email won’t be sent.

      Reply
  39. Anderman

    Wykona?em zgodnie z zaleceniem PROSTY FORMULARZ i po wys?aniu wiadomo?ci z formularza pojawia si? komunikat: Something went wrong 🙁

    Reply
    • Aye Aye

      Hi,
      Does your web host support PHP and the mail function? I got an error message when sending the request to the send-email.php file. The error says “401 (Authorization Required)”.

      Reply
  40. adolfo de la peña

    the form does not work: you can enter data, but it does not go anywhere

    Déjanos un mensaje

    Send result message will display here.

    Enviar

    Reply
  41. Jim Mitcham

    Hi. It returns a 405 error on the server and doesn’t send, is there some additional configuration steps that have been missed in this tutorial?

    Reply
  42. Joe Jackson

    Hi Aye Aye!
    Thanks, all works well.
    But I have one problem: in German we have “Umlaute” like “ä, ö, ü”.
    For this I need to place a “charset (UTF-8)” in your code.
    Where would I do that?

    Thanks in advance for your reply!

    Reply
    • Aye Aye

      Hi Joe,

      Another user, Marco, had the same problem and he posted his solution above. Here it is:

      “For anyone having the same problem, the code in send-email.php is now following:

      if($replyTo != “”) {
      $headers = ‘From: ‘.$from.”\r\n” .
      ‘Reply-To: ‘.$replyTo.”\r\n” .
      —> ‘Content-Type: text/plain; charset=UTF-8’ .”\r\n” .
      ‘X-Mailer: PHP/’ . phpversion();

      the “right-arrow” points to the line I added into the existing code.”

      Reply
  43. Julien

    Hello !
    What is the Spam filter ? and how does it work ?

    Reply
    • Aye Aye

      Hello Julien,
      The spam filter will filter out the messages sent by spambots. It works by having an input field, which is not visible to humans but visible to spambots. So, if the hidden field is filled in, it means that the message is from spambots and will not be sent.

      Reply
  44. joan jane buxo

    Hello Aye,
    Does it work with firebase as I have my hosting in there?

    Reply
  45. joan jane buxo

    Hello Aye Aye
    Will it work with firebase? As I have my hosting overthere.

    Thank you
    Regards,

    Reply
  46. Dustin H.

    Just wanted to ask if you would be interested in getting external help with graphic design? We do all design work like banners, advertisements, photo edits, logos, flyers, etc. for a fixed monthly fee.

    We don’t charge for each task. What kind of work do you need on a regular basis? Let me know and I’ll share my portfolio with you.

    Reply
  47. andrew

    I’m using another template that is based on bootstrap 3.3.5 templatemo_469_impulse (mostly) I think, Your sample script is for bootstrap 4+, is there a quick fix to make it work in 3.3.5, trying to update the entire template is well beyond my newbe skills.

    Any help would be appreciated.

    Reply
  48. Marceau Soulie

    Bonjour,
    Je n’arrive pas à l’installer sur Template 565 Onix Digital. Pourriez vous m’aider svp?

    Reply
  49. Marceau Soulie

    Hello,
    I can’t install it on Template 565 Onix Digital. Could you help me if I send you my files? Thank you very much

    Reply
  50. Aaron Aaron

    Ive used the unika template and Ive followed the instructions above but it doesn’t work.

    Reply
  51. Aaron Aaron

    I followed the instructions above and it doesn’t work. I used the unika template. The main problem is, that the result-message button say email is required, but Ive typed in an existing email address.

    Reply
  52. Aaron Aaron

    I followed the instructions above but it doesn’t work. I use the unika template.

    Reply
  53. Aaron Aaron

    I followed the instructions above but it doesn’t work. I use the unika template. Help pls.

    Reply
  54. Burke

    Hello, I have purchased from you the simple form and spam filter. i have followed the instructions. Since my template is “templatemo_567_nomad_force” the line number suggestions in your tutorial did not match my index. I placed them somewhat logically but with no positive results.
    Please help

    Thank you

    Reply
  55. Burke

    Hello and thank you for responding. I am new at this so clearly I made a mistake. This site is going to be for a charity so i appreciate that help.
    URL: https://storytoldbyme.com

    Reply
    • Aye Aye

      Hello Burke,
      Some of the files and codes are missing. Could you send me your files? Email: info at ltcclock dot com

      Reply
  56. Luis

    Hey can I have the money back it doesn’t work

    Reply
  57. Alessandro

    Hello

    I proceeded with the steps to make a form, but does not work, yet.

    In the form, appears the “sucess message”, but no e-mail come’s to me (there is no error message).

    I’m tested the PHP mail function, and aparentely is working. The sendmail command line is working too.

    The form is bellow “We’d Love to Hear From You:” message.

    I’ll send you the index.html from website and send-email.php.

    Ah, I’m using http://www.tooplate.com/view/2078-adventure template

    In time, the jquery.min.js from your contact-form, is incompatible with theme (he brokes the big photos slider).

    Thanks,
    In wait.

    Reply
    • Aye Aye

      Hello Alessandro,

      Did you check the spam folder?

      Reply
      • Alessandro

        Yes, I checked and is empty. But, this is wierd, because the e-mail tests start coming, hours after (I’ll check the ISP). Then, the only thing is the incompatible jquery.min.js (this .js is really necessary?).

        In time, I’ll need use this form twice in same website. I need buy again?

        Thanks,
        Alessandro.

        Reply
  58. Alessandro

    Hello

    Thanks for reply.

    Now, I’trying put two forms in a same webpage, but when I click in send button, the entire page reloads.
    Here: https://assets.network/experts.html

    I just copied the forms from a working form. Tried put different id’s in forms, but the page refreshes (entire reload), when I click in send button.

    Reply
  59. Chris

    Hi. I followed all the instructions and when I click the Send it shows Your message was sent successfully but I never receive any email. Please advise.

    Reply
  61. Chris

    My contact form URL is

    https://www.aikinen.com/contacttest.html

    I followed all the instructions and all the files are in the correct placed and edited, when I click on the Send button it says “Your message was sent successfully” but I never receive the email. Please advise.

    Reply
  62. Chris

    Hi Aye Aye, there are not in the spam folder, they are not arriving at all.

    Reply
  63. Chris

    Chris
    March 16, 2022 at 12:23 am

    Hi Aye Aye, they are not in the spam folder, they are not arriving at all.

    Even though it says “Your message was sent successfully.” I see in the error log every time I send it logs this error over and over again.

    [15-Mar-2022 11:26:36 America/Boise] PHP Warning: Undefined variable $body in /home1/aikinenc/public_html/send-email.php on line 18

    Line 18 in that file is your code:
    $body .= ucwords(str_replace(“_”, ” “, $param_name)) . “: ” . $param_val . “\n”;

    Is there some problem with the code that is stopping the email from going out?

    Reply
    • Aye Aye

      Hi Chris,
      I don’t think that warning is the problem. Anyway, you can add $body = “”; at line 6.
      Can you check with your web hosting if the PHP mail function is working?

      Reply
  64. Dan

    Here’s my site. I thought it would integrate and look like the original design. I’m okay with it looking like this but it doesn’t work.

    Please help.

    Reply
  65. Dan

    Thank you! That worked.

    Reply
  66. Damian

    Hi, can anyone help me apply this tutorial to 464 Ultra Profile? I did all the steps from the tutorial but without luck. When I hit send button all I get is “Email is required” message, despite I enter the email correctly. please help.

    Reply
  67. Damian

    hi, yes I did, nothing there, apparently something is not working, maybe this template isn’t fully supported?

    Reply
    • Aye Aye

      If you see “message successfully sent”, it means that the form can send data to the server successfully.
      Can you please check with your web host whether the PHP mail function is working?

      Reply
  68. Damian

    all sorted, Thank You!

    Reply
  69. Chris

    Good afternoon

    Not liking this one bit….
    Your form is not working for me see here http://www.puy-robin.co.uk/contact/
    I will wait a reply from you before requesting a refund.

    Chris

    Reply
  70. Chris

    Undefined variable: body in /home/#######/public_html/contact/send-email.php on line 18

    Reply
  71. Tino

    I bought the contact form last night but didn’t see or receive a download link. Now I paid for something and got nothing in return. Thanks very much..

    Reply
  72. William Hepburn

    I have purchased the simple contact form.

    On attempting a test email I get the following error referring to “send-email.php”:-

    Warning: Undefined variable $body in /home/couk1235/public_html/test_l360/send-email.php on line 8 Fatal error: Uncaught Error: Call to undefined function mail() in /home/couk1235/public_html/test_l360/send-email.php:20 Stack trace: #0 {main} thrown in /home/couk1235/public_html/test_l360/send-email.php on line 20

    “send-email.php” has been placed in the root folder of the test directory.

    Please advise?

    Reply
  73. Haben

    Hello, I setup my website as instruction, but every time i try sending i get the message
    “Something went wrong 🙁 ”
    and I don’t see anything on the receiving email or Spam folder.

    Reply
  74. Mercuri Rosario

    Salve, ho acquistato il vostro modulo per inserirlo sul “Modello HTML Infinite Loop” della Tooplate. Ma, pur dedicandogli una pagina a sè, non funziona.
    Come modificarlo per inserirlo nella home e con le stesse caratteristiche del template?

    Grazie

    Reply
  75. scott

    can u help me make the form work?

    Reply
  76. mathieu

    I am using Templatemo 536 Dream Pulse and the contact form I purchased does not work. Do I need sendmail or postfix on the server? And what version of PHP i need on the server side? ty

    Reply
  77. Hans Mayer

    Hi,

    I have been using the contact form for 2 years and recently just changed the email address (email address is ok). Now it doesnt work anymore and I get a red status message as follows:

    Notice: Undefined variable: body in /srv/www/vhosts/wsk-bodensee.ch/httpdocs/send-email.php on line 18 success

    any tips?

    Reply
    • Aye Aye

      Hi,
      Please make sure that the $body variable is set to an empty string at the beginning like so $body = “”;

      Reply
  78. Hans Mayer

    Thanks, it sends the email again now but there is no body text sent with the email.

    This was line 18 before I changed to $body = “”;

    $body .= ucwords(str_replace(“_”, ” “, $param_name)) . “: ” . $param_val . “\n”;

    I´m just a hobby programmer and made a website for out watersport club, so help is appreciated…

    Reply

Leave a Reply

Your email address will not be published. Required fields are marked *