Shopify + 17track.net simple integration

page.tracking.liquid

<div class="page-width">
  <div class="grid">
    <div class="grid__item medium-up--five-sixths medium-up--push-one-twelfth">
      <div class="section-header text-center">
        <h1>{{ page.title }}</h1>
      </div>

      {% if page.content.size > 0 %}
        <div class="rte">
          {{ page.content }}
        </div>
      {% endif %}

      <div class="tracking-form form-vertical">
        <form method="get" action="#" id="TrackingForm" accept-charset="UTF-8" class="tracking-form">
          <div class="grid grid--half-gutters">
            <div class="grid__item medium-up--one-half">
              <label for="tracking-number">Tracking number:</label>
              <input type="text" required id="tracking-number" name="number" value="" placeholder="e.g. RC123456789UA">
            </div>
          </div>
        
          <input type="button" class="btn" value="Track my order" 
                 onclick="var num = document.getElementById('tracking-number').value.trim(); if (num.length < 5) {alert('Invalid tracking number. Please, check your tracking number.');} else {window.open('https://t.17track.net/en#nums=' + num);}"/>

        </form>
      </div>
    </div>
  </div>
</div>