{"id":21801,"date":"2015-10-05T05:07:26","date_gmt":"2015-10-05T09:07:26","guid":{"rendered":"http:\/\/www.templatemonster.com\/help\/?p=21801"},"modified":"2015-10-06T06:00:08","modified_gmt":"2015-10-06T10:00:08","slug":"js-animated-contact-form-possible-issues-and-solutions","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/js-animated-contact-form-possible-issues-and-solutions.html","title":{"rendered":"JS Animated. Contact form: possible issues and solutions"},"content":{"rendered":"<p>Sometimes it may happen that you&#8217;ve edited all the necessary files but there is a message <strong>&#8220;Your message was sent&#8221;<\/strong> or <strong>&#8220;Sorry, the message couldn&#8217;t be sent&#8221;<\/strong> and you get no e-mail. In this tutorial you will learn the way to resolve issues with contact form. <\/p>\r\n<a href=\"http:\/\/www.youtube.com\/watch?v=OIfY5JynEzY?width=1280&amp;height=720\" rel=\"prettyPhoto\">JS Animated. Contact form: possible issues and solutions<\/a>\r\n\r\n<p>First of all you will need <strong>Firefox<\/strong> and <strong>Firebug<\/strong> plugin, as we will use it throughout this tutorial. You can use the following URL to see the tutorial on installing Firebug: <a href=\"\/help\/firebug-mozilla-firefox-plugin.html\" target=\"_blank\">click to see the tutorial<\/a>.<\/p>\r\n\r\n<p>You&#8217;ve uploaded the template to the server and submitted contact form. The following message showed up:<em> Contact form submitted!<\/em>, but you did not get any e-mail to your e-mail account:<\/p> \r\n\r\n<a href=\"\/help\/wp-content\/uploads\/2012\/07\/JS_Animated_Contact_form_possible_issues_and-_solutions_1.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2012\/07\/JS_Animated_Contact_form_possible_issues_and-_solutions_1-300x240.png\" alt=\"JS_Animated_Contact_form_possible_issues_and _solutions_1\" width=\"300\" height=\"240\" class=\"aligncenter size-medium wp-image-53442\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/07\/JS_Animated_Contact_form_possible_issues_and-_solutions_1-300x240.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/07\/JS_Animated_Contact_form_possible_issues_and-_solutions_1-150x120.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/07\/JS_Animated_Contact_form_possible_issues_and-_solutions_1.png 969w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n\r\n<p><strong>Solution 1<\/strong><\/p>\r\n<p>The first thing you need to do is to check your <strong>spam folder<\/strong> or try to change e-mail to different one to make sure that it is not sent.<\/p>\r\n<p><strong>Solution 2<\/strong><\/p>\r\n<p>When you are sure that it is sent, we need to check where exactly it is sent. In this case <strong>Firebug<\/strong> helps. Open your <strong>Firefox<\/strong> browser and press <strong>F12<\/strong> to open <strong>Firebug console<\/strong>:<\/p>\r\n\r\n<a href=\"\/help\/wp-content\/uploads\/2012\/07\/JS_Animated_Contact_form_possible_issues_and-_solutions_2.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2012\/07\/JS_Animated_Contact_form_possible_issues_and-_solutions_2-300x93.png\" alt=\"JS_Animated_Contact_form_possible_issues_and _solutions_2\" width=\"300\" height=\"93\" class=\"aligncenter size-medium wp-image-53443\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/07\/JS_Animated_Contact_form_possible_issues_and-_solutions_2-300x93.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/07\/JS_Animated_Contact_form_possible_issues_and-_solutions_2-150x47.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/07\/JS_Animated_Contact_form_possible_issues_and-_solutions_2.png 977w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n\r\n<p>Then you need to press <strong>&#8220;Net&#8221;<\/strong> tab in <strong>Firebug console<\/strong> and see the list of files:<\/p>\r\n\r\n<a href=\"\/help\/wp-content\/uploads\/2012\/07\/JS_Animated_Contact_form_possible_issues_and-_solutions_3.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2012\/07\/JS_Animated_Contact_form_possible_issues_and-_solutions_3-300x95.png\" alt=\"JS_Animated_Contact_form_possible_issues_and _solutions_3\" width=\"300\" height=\"95\" class=\"aligncenter size-medium wp-image-53444\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/07\/JS_Animated_Contact_form_possible_issues_and-_solutions_3-300x95.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/07\/JS_Animated_Contact_form_possible_issues_and-_solutions_3-150x48.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/07\/JS_Animated_Contact_form_possible_issues_and-_solutions_3.png 975w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n\r\n<p>When you press submit button, you will get the following file in the list: <strong>&#8220;MailHandler.php&#8221;.<\/strong><\/p>\r\n\r\n<p>Now you need to show all the contents of this file in Firebug and see tab <strong>&#8220;Post&#8221;<\/strong> in the file menu:<\/p>\r\n\r\n<a href=\"\/help\/wp-content\/uploads\/2012\/07\/JS_Animated_Contact_form_possible_issues_and-_solutions_4.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2012\/07\/JS_Animated_Contact_form_possible_issues_and-_solutions_4-300x134.png\" alt=\"JS_Animated_Contact_form_possible_issues_and _solutions_4\" width=\"300\" height=\"134\" class=\"aligncenter size-medium wp-image-53445\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/07\/JS_Animated_Contact_form_possible_issues_and-_solutions_4-300x134.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/07\/JS_Animated_Contact_form_possible_issues_and-_solutions_4-150x67.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/07\/JS_Animated_Contact_form_possible_issues_and-_solutions_4.png 962w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n\r\n<p>Look at the image provided in details &#8211; you can see here what is posted by contact form, e.g.:<\/p>\r\n\r\n<ul class=\"list\">\r\n\t<li>\r\n\t  <p><strong>email<\/strong>\t<strong>&#8211;<\/strong> yourmail@gmail.com (the field e-mail and the content, the one that user submits)<\/p><\/li>\r\n\t<li>\r\n\t  <p><strong>fax<\/strong>\t<strong>&#8211;<\/strong> false (the field fax and the content, the one that user submits, as you can see it is disabled in this template)<\/p><\/li>\r\n\t<li>\r\n\t  <p><strong>message<\/strong> <strong>&#8211;<\/strong> Your Message Here&#8230; (the field message and the content, the one that user submits)<\/p><\/li>\r\n\t<li>\r\n\t  <p><strong>name<\/strong> <strong>&#8211;<\/strong> You Name (the field name and the content, the one that user submits)<\/p><\/li>\r\n\t<li>\r\n\t  <p><strong>phone<\/strong>\t<strong>&#8211;<\/strong> 123456789 (the field phone and the content, the one that user submits)<\/p><\/li>\r\n\t<li>\r\n\t  <p><strong>state &#8211; <\/strong>\tfalse (the field state and the content, the one that user submits)<\/p><\/li>\r\n\t<li>\r\n\t  <p><strong>stripHTML<\/strong>\t<strong>&#8211;<\/strong> true (this is e-mail option, we will not discuss it as it is not related to our tutorial)<\/p><\/li>\r\n\t<li>\r\n\t  <p><strong>owner_email<\/strong> <strong>&#8211;<\/strong> # (This is the most important message, the one we need to check. It shows us where our mail is sent, in some cases you may get <strong>&#8216;support@guardlex.com&#8217;<\/strong> e-mail instead of <strong>#<\/strong> sign)<\/p><\/li>\r\n<\/ul>\t\r\n\r\n\r\n<p><strong>#<\/strong> is the default sign and you need to change it with your e-mail address, now as you know the e-mail to change, you can just open files and search for it, change it to any e-mail you need.<\/p>\r\n\r\n<p>Sometimes you can see <strong>&#8216;support@guardlex.com&#8217;<\/strong> instead of <strong>#<\/strong> sign &#8211; it means that you need to swap it with your own e-mail address.<\/p>\r\n<p>Depending on the template structure, e-mail can be set in the following files:<\/p>\r\n\r\n<ul class=\"list\">\r\n\t<li><p>forms.js<\/p><\/li>\r\n\t<li><p>index.html (or your appropriate contact form page)<\/p><\/li>\r\n\t<li><p>scripts.js<\/p><\/li>\r\n\t<li><p>contact.js<\/p><\/li>\r\n    <li><p>TMForms.js<\/p><\/li>\r\n    <li><p>bat\/MailHandler.php<\/p><\/li>\r\n\t<li><p>You should understand that you need to update e-mail just one time and in the only file. In case you&#8217;ve updated e-mail but you can see that it is still same in Firebug console, then it means you&#8217;ve updated incorrect file &#8211; roll back the changes and search for a proper e-mail to change.<\/p><\/li>\r\n\t<li><p>The most important thing you should know is that you DO NOT need to edit any PHP files in case you have folder <strong>&#8220;bin&#8221;\/&#8221;bat&#8221;<\/strong> in your <strong>&#8220;site&#8221;\/&#8221;site_pro&#8221;<\/strong> folder.<\/p><\/li>\r\n<\/ul>\r\n\r\n<p><strong>Solution 3<\/strong><\/p>\r\n<p>If the e-mail is set properly, but when you open firebug console and see the following message on tab &#8220;Response&#8221;: <strong>mail failed<\/strong>:<\/p>\r\n\r\n<a href=\"\/help\/wp-content\/uploads\/2012\/07\/JS_Animated_Contact_form_possible_issues_and-_solutions_5.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2012\/07\/JS_Animated_Contact_form_possible_issues_and-_solutions_5-300x73.png\" alt=\"JS_Animated_Contact_form_possible_issues_and _solutions_5\" width=\"300\" height=\"73\" class=\"aligncenter size-medium wp-image-53446\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/07\/JS_Animated_Contact_form_possible_issues_and-_solutions_5-300x73.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/07\/JS_Animated_Contact_form_possible_issues_and-_solutions_5-150x37.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/07\/JS_Animated_Contact_form_possible_issues_and-_solutions_5.png 1009w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n\r\n<p>Regularly, it means that your PHP version is outdated and doesn&#8217;t support &#8220;headers&#8221;. You need to open your PHP file located in folder &#8220;bin&#8221; or &#8220;bat&#8221; and locate similar line at the end:<\/p>\r\n<pre class=\"brush:php\"> if(!mail($owner_email, $subject, $messageBody, $headers)){ <\/pre>\r\n\t\t<p>and remove &#8220;headers&#8221; to look as follows:<\/p>\r\n<pre class=\"brush:php\"> if(!mail($owner_email, $subject, $messageBody)){ <\/pre>\r\n\r\n<p> Alternatively, you can contact your hosting provider, asking to upgrade your PHP version.<\/p>\r\n\r\n\r\n<p><strong>Solution 4<\/strong><\/p>\r\n<p>If you are using template starting from <strong>49000<\/strong> and your contact form does not work for some reason (mail was not sent\/delivered or you get various errors in firebug console), then open the file <strong>\/bat\/MailHandler.php<\/strong>  and make sure that the <strong>first line<\/strong> looks as follows:<\/p>\r\n<pre class=\"brush:php\"> $owner_email = $_POST[\"owner_email\"]; <\/pre>\r\n<p>It should contain square brackets before the <strong>&#8220;owner_email&#8221;<\/strong>:<\/p>\r\n\r\n<a href=\"\/help\/wp-content\/uploads\/2012\/07\/JS_Animated_Contact_form_possible_issues_and-_solutions_6.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2012\/07\/JS_Animated_Contact_form_possible_issues_and-_solutions_6-300x95.png\" alt=\"JS_Animated_Contact_form_possible_issues_and _solutions_6\" width=\"300\" height=\"95\" class=\"aligncenter size-medium wp-image-53447\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/07\/JS_Animated_Contact_form_possible_issues_and-_solutions_6-300x95.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/07\/JS_Animated_Contact_form_possible_issues_and-_solutions_6-150x48.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2012\/07\/JS_Animated_Contact_form_possible_issues_and-_solutions_6.png 829w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n\r\n<p><strong>Solution 5<\/strong><\/p>\r\n<p> If you get some other messages in <strong>Firebug console<\/strong> like error messages, or just some script, it means that you have set incorrect file <strong>(PHP or ASP)<\/strong>, you need to contact your hosting provider and find out if you have <strong>ASP<\/strong> or <strong>PHP<\/strong> server and then set proper processing file.<\/p>\r\n\r\n\r\n<p>Feel free to check the detailed video tutorial below:<\/p>\r\n\r\n<a href=\"http:\/\/www.youtube.com\/watch?v=OIfY5JynEzY?width=1280&amp;height=720\" rel=\"prettyPhoto\">JS Animated. Contact form: possible issues and solutions<\/a>","protected":false},"excerpt":{"rendered":"<p>In this tutorial you will learn the way to resolve issues with contact form.<\/p>\n","protected":false},"author":37,"featured_media":21809,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[1016],"tags":[639,691,640,1329],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/21801"}],"collection":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/users\/37"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=21801"}],"version-history":[{"count":0,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/21801\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/21809"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=21801"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=21801"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=21801"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}