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


  1. Add the Track button to your store
  2. 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