Georgia Lou Studios

Welcome to the Help Center!

Contact Page Setup (Phoebe)

Follow

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

NOTE: This tutorial applies to all templates (versions 3.1.0 +) purchased on or after November 1, 2017. If you want this feature you will need to upgrade to the latest version.

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