How To Create And Add Contact Us Page To Your Blog?

 

Hello There Friend!Having A Very Much Spread Out Blogger Contact Structure Is Vital. This Is The Device That Guests, Organizations, And Brands Can Use To Reach You And It Is Just A Priority Include For Each Blogger. On The Off Chance That You Are Not Happy With Sharing Your Primary Email Address Straightforwardly On Your Blog, Then A Custom Blogger Contact Structure Offers A Viable Manner By Which Individuals Can Undoubtedly Contact You.

 Why You Should Use A Blogger Contact Form: -

If You Are Still Stuck On Third Party Providers, You Should Definitely Consider Switching To The Official Custom Contact Form For Blogger Since It Has Various Unique Benefits, Like:

• Messages Are Delivered Immediately - As The Blog Administrator, You Will Receive A Message Immediately The Visitor Clicks Send. 
• Reliable - It Is The Official Form Developed By Blogger. Which Makes It More Trustworthy And Reliable Way Lo Initiate Contact As Compared To Using Third-party Services. 
• Questions - The Contact Form Offers A Platform For Your Visitors To Ask Specific Questions That They Might Have Regarding The Blog You Wrote Or Your Business In General. It Can Be An Excellent Way Of Capturing Leads And Even Lead To Conversions If You Are Selling A Certain Product Or Service.
• Feedback - Visitors Can Easily Comment On Your Blog By Leaving Their Feedback Through Your Contact Form. This Feedback Can Help You Determine Which Post To Do Next Or What Areas To Address Based On The Visitors’ Comments. 
• Information Or Service Request - For Those Who Are Using The Blog As A Way Of Marketing A Product Or Service, Potential Clients Can Use The Custom Contact Form For Blogger To Reach Out And Request Additional Information.

How To Add Contact Us Page To Your Blog?

Only Works For Median UI, Fletro And Imagz Theme

Step 1: Open Your Blogger Account.

Step 2: Click Page Option On Blogger Dashboard.

Step 3: Change To HTML Mode On Page View.

Step 4: Copy The Downloaded Contact Page Script And Paste Your Newly Created Page.

 

HTML

<div class='ContactForm' id='ContactForm1'>
  <form name='contact-form'>
    <div class='input-area'>
      <label for='ContactForm1_contact-form-name'>Name</label>
      <input class='contact-form-name' id='ContactForm1_contact-form-name' name='name' type='text' value='' />
    </div>
    <div class='input-area'>
      <label for='ContactForm1_contact-form-email'>Email <span>*</span></label>
      <input class='contact-form-email' id='ContactForm1_contact-form-email' name='email' type='text' value='' />
    </div>
    <div class='input-area'>
      <label for='ContactForm1_contact-form-email-message'>Message <span>*</span></label>
      <textarea class='contact-form-email-message' id='ContactForm1_contact-form-email-message' name='email-message' rows='5'></textarea>
    </div>
    <div class='input-area'>
      <input class='contact-form-button contact-form-button-submit' id='ContactForm1_contact-form-submit' type='button' value='Submit' />
    </div>
    <div class='notif-area'>
      <p class='contact-form-error-message' id='ContactForm1_contact-form-error-message'></p>
      <p class='contact-form-success-message' id='ContactForm1_contact-form-success-message'></p>
    </div>
  </form>
</div>

<script src='https://www.blogger.com/static/v1/widgets/2271878333-widgets.js'></script>
<script>/*<![CDATA[*/ if (typeof(BLOG_attachCsiOnload) != 'undefined' && BLOG_attachCsiOnload != null) { window['blogger_templates_experiment_id'] = "templatesV1";window['blogger_blog_id'] = '000000000000000000';BLOG_attachCsiOnload(''); }_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d000000000000000000','//www.your_domain.com/','000000000000000000');
_WidgetManager._RegisterWidget('_ContactFormView', new _WidgetInfo('ContactForm1', 'footer1', null, 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': '000000000000000000', 'contactFormNameMsg': 'Name', 'contactFormEmailMsg': 'Email', 'contactFormMessageMsg': 'Message', 'contactFormSendMsg': 'Send', 'submitUrl': 'https://www.blogger.com/contact-form.do'}, 'displayModeFull')); /*]]>*/</script>

• Step 6: Save The Page.

Replace 00000000000000000 With Your Blog ID And Replace www.your_domain.com With Your Own URL

That Is It, We Have Finally Created The A Contact Us Page Foe Your Blog, If You Have Any Problem In Making This Please Tell Me In The Comment Box, I Will Try To Fix It As Soon As Possible