Create contact us page in Shopify

Here were the steps to create Contact Us page in Shopify.

1.- From Shopify Page Menu  Create a page Contact Us

2.- Add the page.contact.liquid within Templates folder paste the code given below

<div class="container cf">

  <div class="page-header cf">

    <h1 class="majortitle">{{ page.title }}</h1>

    <div class="social-area">{% include 'social-sharing' %}</div>

  </div>

 

  <div class="row-spacing {% if settings.lightbox_imgs %}lightboximages{% endif %}">

    <div class="layout-column-half-left user-content">

      {{ page.content }}

    </div>

    <div id="template" class="layout-column-half-right righty-form">

      <p>{{ settings.txt_contact_tagline }}</p>

      {% form 'contact' %}

      {% if form.posted_successfully? %}

      <p>{{ settings.txt_contact_succ }}</p>

      {% endif %}

     

      {% if form.errors %}

      <ul class="errors">

        {% for field in form.errors %}

        <li>{{ field | replace: 'body','Message' | capitalize }} - {{ form.errors.messages[field] }}</li>

        {% endfor %}

      </ul>

      {% endif %}

      <div class="large_form">

        <label for="contact_name">Name</label>

        <input type="text" class="required" id="contact_name" name="contact[name]" />

      </div>

      <div class="large_form">

        <label for="contact_email">Email</label>

        <input type="email" class="required" id="contact_email" class="email" name="contact[email]" />

      </div>

      <div class="large_form">

        <label for="message">Message</label>

        <textarea id="message" class="required" name="contact[body]"></textarea>

      </div>

      <div class="action_bottom">

        <input type="submit" value="Send" />

      </div>

      {% endform %}

    </div>

  </div>

</div>