Custom Contact Page

Custom Contact Page

Custom Contact Page with an embedded contact form.

1.

Create a new page and switch the page editor to HTML mode.

2.

Copy the Contact Page code and paste it into the content box. (you'll find the Contact Page file in the folder downloaded from my store)

3.

Lastly, customize the contact info details,
add the page title and click "Publish."

Contact Page Code

 
<div class="widget ContactForm left-col-page" id="ContactForm1">
  <div class="contact-form-widget">
    <div class="form">
      <form name="contact-form">
        <input class="contact-form-name" 
        id="ContactForm1_contact-form-name" 
        name="name" placeholder="Name" 
        size="30" type="text" value=""/>
        <input class="contact-form-email" 
        id="ContactForm1_contact-form-email" 
        name="email" placeholder="E-mail *" 
        size="30" type="text" value=""/>
        <br />
        <textarea class="contact-form-email-message" 
        id="ContactForm1_contact-form-email-message" 
        name="email-message" placeholder="Message *" 
        cols="25" rows="8"> </textarea>
        <input class="contact-form-button 
        contact-form-button-submit" 
        id="ContactForm1_contact-form-submit" 
        type="button" value="Submit"/>
        <br />
        <div class="contact-form-error-message" 
        id="ContactForm1_contact-form-error-message">
        </div>
        <div class="contact-form-success-message" 
        id="ContactForm1_contact-form-success-message">
        </div>
      </form>
    </div>
  </div>
</div>

<div class="right-col-page">
  <blockquote>
    <b>Hello,</b>
    <br /><hr />
    <i>Text text text.</i>
    <br /><br /><br />
    <div id="phone">
        <a href="tel:123-456-7890">
                123-456-7890
        </a>
    </div>
    <div id="email">
        <a href="mailto:email@mail.com">
                email@mail.com
        </a>
    </div>
  </blockquote>
</div>
<div style="clear: both;"></div>