Plans: All plans Platforms: All platforms
Overview
You can easily customize the placement of the AfterShip Track button on your store for seamless tracking integration. This helps you to align the Track button as per your store's design, enhancing the overall user experience.
How to align the Track button to the center
Add the Track button to your store
Locate the Track button code on the admin here and add the tag at the beginning and the tag at the end of the Track button code, as illustrated below:
<center>
<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-size="large" data-domain="track.aftership.com"></div>
</center>
Key takeaways
The AfterShip Track Button can be center-aligned using simple HTML tags.
Wrapping the code ensures a consistent design across your store.
Center placement helps improve visual balance and user experience on the tracking page.
Available to all users across all plans and platforms.
If you have any queries, feel free to connect with our chat support team.