331A96E0-3037-43FC-8D93-543B900B11C9

😍 Loving this theme? Download

Please enter at least 3 characters.

Fix Blogger Contact Form (Send Button) Not Working

Blogger comes with a default contact form gadget. But sometimes there occurs a problem with blogger contact form not sending any mails on clicking send button. This article is a complete guide to fix this error and get back the mails to your gmail address.
Fix Blogger Contact Form (Send Button) Not Working
fix blogger contact form not working
Blogger comes with a contact form gadget that can be imported through the layout section. This gadget runs smoothly in most of the old templates; however, it may not function in some new ones. Whenever users' press the send button, there is no response and also no mails are received in gmail via Blogger Contact form. I received a tons of messages on how to fix blogger contact form gadget not working or send button not functioning properly.


I had also faced the same issue. Everything was working just fine except when I press the send button, there was no response. After doing some research and cracking my head, I managed to fix this issue and my blogger contact form was working as normal. But before revealing the solution, let us know why the problem arises.

Why the blogger contact form does not work?

The reason is pretty simple. This is because contact form calls functions present in blogger's default javascript package, and most of the modern templates come in handy with all the default css and javascript files removed so as to reduce the page size and improve web performance. Since such files are removed, the calls could not be made resulting in not working of send or submit button.


How to fix send button not working or Blogger contact form not working?

If you have already added Contact form, then you may skip this step, else follow me. I'm assuming you're already logged into your google account and have blogger.com opened.

  • Go to Layout >> Click on Add A Gadget > Press "+" located in the right of Contact Form.
contact form not working fix blogger

Also, have a static page named "Contact Page" because I'm assuming you want contact form in a static page. At the end I've also written on how to make it work in the sidebar or footer too.
  • Go to Pages > New Page and follow the images:
fix send button of contact form for blogger

how to solve blogger contact form not working

  • Go to Template > Edit HTML and Press CTRL + F
  • Search for ]]></b:skin> and paste the following code above it. This hides the contact form from sidebar or footer.
div#ContactForm1 {
  display: none !important;
} 

**Update on this article, a newer method available:

  • Again, search for </body> or /body and paste the code above it.
<b:if cond='data:blog.url == &quot;https://twistblogg.blogspot.com/p/contact-us.html&quot;'>
<script src="https://www.blogger.com/static/v1/widgets/2575128383-widgets.js" type="text/javascript"></script>
<script type="text/javascript">
_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d1637580704763150463','//twistblogg.blogspot.com','1637580704763150463');
_WidgetManager._RegisterWidget('_ContactFormView', new _WidgetInfo('ContactForm1', 'sidebar', document.getElementById('ContactForm1'), {'contactFormMessageSendingMsg': 'Sending...', 'contactFormMessageSentMsg': 'Your message has been sent.', 'contactFormMessageNotSentMsg': 'Message could not be sent. Please try again later.', 'contactFormInvalidEmailMsg': 'A valid email address is required.', 'contactFormEmptyMessageMsg': 'Message field cannot be empty.', 'title': 'Contact Form', 'blogId': '1637580704763150463', 'contactFormNameMsg': 'Name', 'contactFormEmailMsg': 'Email', 'contactFormMessageMsg': 'Message', 'contactFormSendMsg': 'Send', 'submitUrl': 'https://www.blogger.com/contact-form.do'}, 'displayModeFull'));
</script>
</b:if>

* Replace https://twistblogg.blogspot.com/p/contact-us.html with your blog post address.
** Replace 1637580704763150463 with your blog ID [ Check below to find out your BLOG ID]
*** Replace twistblogg.blogspot.com with your website address. No need to add https or http.

Recommended : How to disable Copy Function in Blogger with CSS

How to make Contact Form work in sidebar or footer?

Remove the following code, if present, from HTML code.

div#ContactForm1 {
  display: none !important;
}

And search for </body> or /body and paste the code above it. Here, we are just removing <b:if> condition.
<script src="https://www.blogger.com/static/v1/widgets/2575128383-widgets.js" type="text/javascript"></script>
<script type="text/javascript">
_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d1637580704763150463','//twistblogg.blogspot.com','1637580704763150463');
_WidgetManager._RegisterWidget('_ContactFormView', new _WidgetInfo('ContactForm1', 'sidebar', document.getElementById('ContactForm1'), {'contactFormMessageSendingMsg': 'Sending...', 'contactFormMessageSentMsg': 'Your message has been sent.', 'contactFormMessageNotSentMsg': 'Message could not be sent. Please try again later.', 'contactFormInvalidEmailMsg': 'A valid email address is required.', 'contactFormEmptyMessageMsg': 'Message field cannot be empty.', 'title': 'Contact Form', 'blogId': '1637580704763150463', 'contactFormNameMsg': 'Name', 'contactFormEmailMsg': 'Email', 'contactFormMessageMsg': 'Message', 'contactFormSendMsg': 'Send', 'submitUrl': 'https://www.blogger.com/contact-form.do'}, 'displayModeFull'));
</script>
</b:if>
** Modify the blogger ID. **

How to know your BLOG ID?

  • Go to Blogger.com and click on the blog where you want to fix blogger contact form issue.
  • Check blog address on the top of browser. The highlighted code will be your blog ID.
https://draft.blogger.com/blogger.g?blogID=1637580704763150463#allposts

Recommended: Get Google To Index New Blog Articles Quickly

That's all folks. It was easy right? A simple fix for contact form not working in blogger. Also, the send or submit button will work. I've tested it in my blog and it is working impeccably. I was able to receive messages from the Blogger contact form. Do not forget to leave a thank you message. Have a great weekend. 💪😀

Share this post

Explore more articles by Aman Bhattarai

20 comments

Please leave comments related to the content. All comments are highly moderated and visible upon approval.

Comment Shortcodes

  • To insert an image, add [img]image_link[/img]
  • To insert a block of code, add [pre]parsed_code[/pre]
  • To insert a link, add [link=your_link]link_text[/link]
  • To insert a quote, add [quote]quote_text[/quote]
  • To insert a code, add [code]parsed_code[/code]
  1. Hi, I have follow this step but still not working. any others way?
  2. If you have properly followed all the steps and your contact form still didn't work, make sure to remove any extra code to the right and left of the tag. After that, it should work correctly. For example, remove this: `<!----></body>` and re-write it as ``.
  3. It works, thankyou
    1. Glad it worked for you :)
  4. I tried but its still not working. After clicking submitting button, its stuck on sending and nothing happens.
  5. why kind of 3rd party contact form do you suggest?
    1. Well, you can give a shot to one of these:

      POWR IO Form Builder
      Jot Form Builder
      ElfSight Form Builder
  6. Thanks! It worked. Was already looking for how to fix this then I remembered I once glanced at one your post titled "how fix contact form not working" so I came back to look for it. Thanks
    1. Glad it worked out :)
    2. Please threaded Comments are not working on my blog, I can't reply Comments. How do I fix this? I think the issue is similar to this one, please help.
    3. Hey, I noticed that . Maybe reinstall whole commenting system. Or maybe you have removed default JS.
  7. In that case, Confirm that you are using right email address for your email and you are the admin: Go to Blogger.com > Settings > Basic > Blog Authors.

    If the problem still exists, try adding another email address and promote to admin. Verify if that is working.
  8. I was also facing the same issue on my blog. But now it is working absolutely fine. Here is how I fixed it..

    Is your blog's domain ending with ".blogspot.com"? Yes? This is the problem.

    I purchased a custom domain from a 3rd party company and linked it with my blog. Now my blog is live on a custom domain and all the contact form submissions landing on my mail inbox.

    I hope this helps..
    Thank you!
  9. Thank you :)
  10. Thank you



    https://media2.giphy.com/media/l4JyRrHKOMWTbwQEM/giphy.gif
  11. Wow. I was facing this issue. Thanks for the code.
    1. Thanks man :)
    2. I tried it, but it's not working for my blog
    3. @Olayinka A.

      I tried sending a mail via Contact page, and I received Your message sent message.
    4. exactly! but I never got any message in my mail
Post a Comment