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
Login to your CS-Cart store > Website > Pages
Click “+” action button > Add page > Enter name
Create page
Insert Track Button
Log in to your CS-Cart store > Website > Pages > Select a page to add Track Button
Click the “<>” action button > Copy the code below and paste it in the 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>Save changes
Note down page_id (Specified in the URL) > Layouts tab
Select block to add page > Block options > Content tab
Add page to the 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 the value mentioned in step 4. in place of “Track your order”, enter the page name.
Save Changes.
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.