In this article, we will know how to use the Aftership Order Tracking element to PageFly pages.
In order to use this element, the Aftership Order Tracking app has to be installed on your Shopify store.
About Aftership Order Tracking element
The Aftership Order Tracking element is designed to help you to track the order status of your customers in real-time, create a more engaging post-purchase experience for your customers and drive customer loyalty. This element comes in only one variation, which is the Aftership Order Tracking.
Access the Aftership Order Tracking element
Please note that before you add this element on PageFly pages, you need to install the Aftership Order Tracking app into your store and configure settings in that app.
- Step 1: Click on the 3rd icon in the Element Catalog which is the Add third-party elements
- Step 2: Click on the Aftertship Order Tracking element in the dropdown menu. Drag and drop the element on the page editor.
Aftership Order Tracking element configuration
After drag and drop the element on the page, you can adjust the styling of your Order Tracking Form, right from PageFly, no custom code needed in the General tab
There are 3 options for you to choose:
|Button Text||Customize the button text you want, for example, Track|
|Tracking Page URL||You can get your tracking page URL in the Tracking pages session of the AfterShip app.|
|Button Color||Choose the color for the button|
|Text Color||Choose the color for the text|
|Hide Aftership icon||Enable this option if you want to hide the Aftership icon|
There are 3 sizes for you to set for the form
Note that the Order Tracking form is only visible on live view. Finally, hit Publish to see the result on your live page.
Important note: In case the widget doesn’t work
If the widget doesn’t work on live view, please check this article from Aftership guidelines
- Step 1: Fill in all required information in the left column
- Step 2: Click on the first Copy button in the right column after the code is rendered