How can I add Track Button to Tictail store?

Add Track Your Order page to Ticktail store (see demo)

1. Insert Track Button at Store Description (about)

a. Login to your Tictail store
b. Click  Settingsat the top navigation
c. Select  General to update store info
d. Click  html to update store description in HTML mode

2. Insert Track Button code

a. Insert the following code under HTML edit mode or copy from your AfterShip account (for specific couriers and custom style)
b. Click Save at the bottom (please note that the code cannot be saved if you switch back to non-html mode)

<div id="as-root"></div><script>(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-domain="track.aftership.com" data-size="large"></div>

 c. Remember to login to your AfterShip account >  apps > Track Button for custom style. You can also replace data-domain="track.aftership.com" with your AfterShip username or custom domain to display tracking results, and apply your carrier settings. 

[NEW] Create custom page and insert Track Button

a. Login to your Tictail store
b. Click  settings > Edit storefront design 
c. Follow guide to add custom page in Tictail to add a custom page using tags {{#track_page}}   {{/track_page}} just before {{#about_page}} 
d. Between   {{#track_page}}  and  {{/track_page}},  insert the following code or copy from your AfterShip account (for specific couriers and custom style)

<div id="as-root"></div><script>(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-domain="track.aftership.com" data-size="large"></div>

e. You should see a Track button is created at the new page yourstore.tictail.com/track  
f. Follow guide to add the link of the new page to navigation bar, the required code is:

<li class="column">                    
	<a href="{{store_url}}/track">                        
		{{#lang}}Track Order{{/lang}}                   
	</a></li>

Still need help? Contact Us Contact Us