Georgia Lou Studios

Welcome to the Help Center!

Contact Page Setup | Piper + Paige

Follow

This theme comes with a Contact widget that can easily be embedded into a Page for a professional contact page.

Setup Contact Page

  1. On the Blogger Dashboard, go to the Pages page.
  2. Click the New page button to create a new page.contactp1.png
  3. Give your page a Page Title
  4. Click on the HTML button to change to code editor mode.
  5. Copy and paste the following code into the content area:
  6. <h3 style="text-align: center;">
    Want to get in touch?</h3>
    <div class="contact-form-widget">
    <div class="form">
    <form name="contact-form">
    Name:<br />
    <input class="contact-form-name" id="ContactForm99_contact-form-name" name="name" size="30" type="text" value="" />

    E-mail: <span id="required">*</span><br />
    <input class="contact-form-email" id="ContactForm99_contact-form-email" name="email" size="30" type="text" value="" />

    Message: <span id="required">*</span><br />
    <textarea class="contact-form-email-message" cols="25" id="ContactForm99_contact-form-email-message" name="email-message" rows="5"></textarea>
    <input class="contact-form-button contact-form-button-submit" id="ContactForm99_contact-form-submit" type="button" value="Submit" />
    <br />
    <div class="contact-form-error-message" id="ContactForm99_contact-form-error-message">
    </div>
    <div class="contact-form-success-message" id="ContactForm99_contact-form-success-message">
    </div>
    </form>
    </div>
    </div>

  7. You can click the Compose button to edit the header if you want.
  8. Click the Publish or Update button to save your changes.

 

Was this article helpful?
0 out of 0 found this helpful

Comments

Powered by Zendesk