Add Track Button to WooCommerce Store
WooCommerce is an open-source eCommerce plugin for WordPress. It can easily add eCommerce functionality to the WordPress website. With just a few clicks the plugin can be installed on the WordPress dashboard and set up to get the store up and running.
Log in to Wordpress admin panel > Pages > Add new > Enter title
Publish
Log in to Wordpress admin panel > Pages > Select a web page to add Track Button
Copy the below-mentioned code and paste in HTML editor
Publish
You can also replace data-domain="track.aftership.com" with AfterShip username or custom domain and apply your carrier settings.
Log in to Wordpress admin panel > Settings > AfterShip > Check "Use Track Button" box
Save changes
🔧 Add track button to a new page
Add a new Web Page
Log in to Wordpress admin panel > Pages > Add new > Enter title
Publish
Insert Track Button
Log in to Wordpress admin panel > Pages > Select a web page to add Track Button
Copy the below-mentioned code and paste in HTML 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-domain="track.aftership.com" data-size="large" class="as-track-button"></div>
Publish
You can also replace data-domain="track.aftership.com" with AfterShip username or custom domain and apply your carrier settings.
🔧 Insert Track Button to Order History Page
Log in to Wordpress admin panel > Settings > AfterShip > Check "Use Track Button" box
Save changes
Updated on: 07/10/2022
Thank you!