How to Create Contact Us Page

How To Create Contact Us Page :- Step 1 :- Go To Blogger's Dashboard and click pages. Step 2 :- Create New Page. Step 3 :- Click the pen button and...

 Hello Guys and welcome to Wolv Themes Our Tutorial today is about How To Make Product Post View.


What is the Contact Us Page ?

the contact Us Page is a page is made to help the users to report for a problem or contact the admin to ask for any questions.

It's Benefits :-

  • Help users to explain for problems
  • Helps for Adsense Approval

Let's Start

How To Create Contact Us Page :- 

this tutorial is for median ui, fletro pro, imagz users only

Step 1 :- Go To Blogger's Dashboard and click pages.
Step 2 :- Create New Page.
Step 3 :- Click the pen button and press HTML view.
Step 4 :- Remove any codes then Copy and paste the following provided code.
<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>

Fast Documentation

  • Replace 000000000000000000 with your website id
  • Replace www.your_domain.com with your website domain

Rate this article

Frontend Developer and UX Designer

Post a Comment