Add Track Button to Magento 2 Store

Magento 2 is an open-source eCommerce platform written in PHP. AfterShip Track Button can be easily inserted into any of your store pages by embedding just a few lines of code.

🔧 Add a new Web Page

Login to Magento 2 admin dashboard > Content > Pages > Add New Page
Enter page information > Set status Enabled
Save changes

🔧 Insert Track Button

Login to Magento 2 admin dashboard > Content > Pages
Select a web page to add Track Button > Edit
Go to Content menu > Show/Hide editor
Copy below-mentioned code and paste in the editor

<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 data-size="large" data-domain="track.aftership.com"></div>

Save page

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

Updated on: 07/10/2022