Contact

We'd love to hear from you! Whether you have questions, feedback, or just want to say hello, feel free to reach out through the form below. Your thoughts and inquiries are important to us, and we strive to respond promptly. Simply fill out the form, and we'll get back to you as soon as possible.

If you are looking for where to purchase the theme, please refer to the product page.

Please remember that this form is intended for demonstration purposes only. We kindly ask you to submit only useful and relevant messages. This will help ensure the quality and effectiveness of the demonstration. Thank you for your cooperation!

To add contact form to a page, follow these steps:

  1. In page editor view, click icon at the bottom right of the title.
  2. Two options will appear: HTML view and Writing view.
  3. Select 'HTML View'.
  4. Copy and paste one of the following code.
    <!--[ Blogger contact form (Style 1) ]-->
    <form class='blogger-contact-form'>
      <div class='inF'>
        <input type='text' name='name' id='cf-a-name' placeholder=' '/>
        <label for='cf-a-name'>Name</label>
      </div>
      <div class='inF' data-message='A valid email address is required.'>
        <input type='email' name='email' id='cf-a-email' placeholder=' ' required=''/>
        <label for='cf-a-email'>Email</label>
      </div>
      <div class='inF' data-message='Message field cannot be empty.'>
        <textarea name='message' id='cf-a-message' placeholder=' ' required=''></textarea>
        <label for='cf-a-message'>Message</label>
      </div>
      <button id='cf-a-submit' class='ciB' type='submit'>Submit</button>
      <button id='cf-a-reset' class='ciB' type='reset'>Reset</button>
    </form>
    <!--[ Blogger contact form (Style 2) ]-->
    <form class='blogger-contact-form'>
      <div class='ciF'>
        <input type='text' name='name' id='cf-b-name' placeholder=' '/>
        <label for='cf-b-name'>Name</label>
      </div>
      <div class='ciF' data-message='A valid email address is required.'>
        <input type='email' name='email' id='cf-b-email' placeholder=' ' required=''/>
        <label for='cf-b-email'>Email</label>
      </div>
      <div class='ciF' data-message='Message field cannot be empty.'>
        <textarea name='message' id='cf-b-message' placeholder=' ' required=''></textarea>
        <label for='cf-b-message'>Message</label>
      </div>
      <button id='cf-b-submit' class='ciB' type='submit'>Submit</button>
      <button id='cf-b-submit' class='ciB' type='reset'>Reset</button>
    </form>
  5. It is recommended to add a page description paragraph above the form.
Why is my contact form not submitting?

If your contact form is not submitting, it is mostly like you have connected your domain with Cloudflare. Blogger does not work well with Cloudflare integration, therefore CORS issues are raised when submitting the form. In case you are not using Cloudflare but the contact form is still not submitting, feel free to reach us.

Where is the form data sent?

The form data is sent to the email address which is set in the blogger profile of the blog admin.

Why did I not receive any email with form data even though form was successfully submitted?

There are two reasons for this. The first reason is that the email with form data was probably marked as spam, check your spam folder. The second reason is that you might have set different email address in your blogger profile, please make sure you have set the correct email address in your blogger profile and you are checking the mailbox of the same email address.

How can I add extra fields?

You can't. Blogger contact forms are not extensible and there is no functionality provided by Blogger to add extra fields other than name, email and message.

2 comments

  1. AteÅŸ
    AteÅŸ
    Where can I buy it?
    1. Deo Kumar
      Deo Kumar
      You can purchase it through Gumroad.
Comment form message goes here. Can be set from Blog Settings > Comment form message (under Comments)