Articles on: Branded Tracking Page

Align the Track Button to the Center of the Page

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 admin here and add the <center> tag at the beginning and </center> 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 with <center> and </center> ensures 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.

Updated on: 12/06/2025