Articles on: Branded Tracking Page

Add Track Button to CS-Cart Store

Overview


Easily enable order tracking on your CS-Cart store with the AfterShip Track Button. With a single click, shoppers can track their orders, leading to better transparency, fewer support requests, and an improved post-purchase experience.


Add a New Page


  1. Login to your CS-Cart store > Website > Pages
  2. Click “+” action button > Add page > Enter name
  3. Create page


Insert Track Button


  1. Login to your CS-Cart store > Website > Pages > Select a page to add Track Button
  2. Click “<>” action button > Copy below-mentioned code and paste in HTML source editor


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


  1. Save changes
  2. Note down page_id (Specified in the URL) > Layouts tab
  3. Select block to add page > Block options > Content tab
  4. Add page to footer menu items by inserting below-mentioned code


<li><a href="{"pages.view?page_id=41"|fn_url}">Track Order Status</a></li>

For “id”, enter value mentioned in step 4. In place of “Track your order”, enter page name.


  1. Save Changes
  2. Open the block again and enable “Use this content for all the block instances”


You can also replace data-domain="track.aftership.com with AfterShip username or custom domain and apply your carrier settings.


Key takeaways


  • You can add the AfterShip Track Button to a CS-Cart store by creating a new page and embedding the tracking code.
  • The Track Button can be customized with your domain or AfterShip username.
  • The page can be added to the store’s footer for easy shopper access.
  • Enables a self-service experience, reducing tracking-related customer inquiries.

Updated on: 12/06/2025