Tracking Page #

This page is build based on Shopify AfterShip app. Below is step by step to setup a tracking page using After Ship app.

  1. Go to https://apps.shopify.com/aftership to install AfterShip app.
  2. After installed app, back to your admin, go to Apps > Tracking & Delivery Updates by AfterShip.
  3. Click My account like below image.
  4. Copy your tracking domain and save it to some where so that we will use it in later steps.

    By default, your domain is <username>.aftership.com. However, you can add your custom domain by following these instruction of AfterShip.
  5. Back to your admin, go to Online Store > Pages. Click “Add Page” to create a new page as tracking page. Add your page title and click the button like below image to edit content in html format.
  6. Paste below code to content.
     <div id="as-root"></div>
    
     <script>// <![CDATA[
    
     (function(e,t,n){var r,i=e.getElementsByTagName(t)[0];if(e.getElementById(n))return;r=e.createElement(t);r.id=n;r.src="//button.aftership.com/all.js";i.parentNode.insertBefore(r,i)})(document,"script","aftership-jssdk")
    
     // ]]></script>
    
     <div class="as-track-button" data-size="large" data-domain="yourdomain.aftership.com"></div>

    In this code, replace yourdomain.aftership.com by domain you saved in step 4.
    Then click Save. Now you have a tracking page using AfterShip app.

  7. Add tracking button to order detail page :
    Go to customize page, click tab Theme Settings. Click General Settings

    You will see a field with label “Tracking Page URL from Aftership”. Paste your tracking domain in step 4 to this field. Then click “Save” button.
Help Guide Powered by Documentor
Suggest Edit