About AfterShip Shopify – Order Tracking Element![Copy Click to copy](https://help-cdn.pagefly.io/wp-content/themes/manual/images/icons/link.svg)
What Is AfterShip Shopify?![Copy Click to copy](https://help-cdn.pagefly.io/wp-content/themes/manual/images/icons/link.svg)
AfterShip Shopify is designed to help you track your customers’ order status in real-time, create a more engaging post-purchase experience, and drive customer loyalty.
In this article, we will learn how to use AfterShip Shopify to install these Smart Order Tracking Elements to PageFly pages.
Install AfterShip Order Tracking![Copy Click to copy](https://help-cdn.pagefly.io/wp-content/themes/manual/images/icons/link.svg)
Important: To use this element, you must first install the AfterShip Order Tracking app in your Shopify store and configure all of its options. Once you have done that, you can return to PageFly and use the element on any of your PageFly pages.
- Install AfterShip Shopify
- Install PageFly
How To Access AfterShip Order Tracking![Copy Click to copy](https://help-cdn.pagefly.io/wp-content/themes/manual/images/icons/link.svg)
In page editor, follow these steps to access AfterShip Order Tracking element:
- Step 1: In the PageFly editor, click “Add third-party element” on the left menu
- Step 2: Click “Manage integrations” or the gear icon on top
- Step 3: Search for “AfterShip Order Tracking” and enable it
- Step 4: Click “Close” and the element will appear in the “Add third-party element” menu
How To Configure AfterShip Order Tracking Element![Copy Click to copy](https://help-cdn.pagefly.io/wp-content/themes/manual/images/icons/link.svg)
From PageFly![Copy Click to copy](https://help-cdn.pagefly.io/wp-content/themes/manual/images/icons/link.svg)
Step 1: Add AfterShip Order Tracking Element![Copy Click to copy](https://help-cdn.pagefly.io/wp-content/themes/manual/images/icons/link.svg)
Before starting to set up for the AfterShip Order Tracking element, you will need to add this element onto your page canvas:
- Step 1: Click “Add third party element” on the left menu bar
- Step 2: Look for “AfterShip Order Tracking” element
- Step 3: Click on the element to see its variant
- Step 4: Drag and drop the variant onto the page canvas
Step 2: Configure Essential App Element![Copy Click to copy](https://help-cdn.pagefly.io/wp-content/themes/manual/images/icons/link.svg)
After adding the element, you can adjust for it by clicking on the element.
- From the “General” tab, you can choose the announcement bar you want to use from the list created in the Essential Announcer app.
Lookup Options | 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 |
Size | There are 3 sizes for you to set for the form
|
You can get further information about ATTRIBUTES, VISIBILITY, ANIMATION parameters here.
- For styling options like margins, borders, and effects, go to the “Styling” tab. You can find more details about the available options here.
You can check more information about the Styling tab here.
From AfterShip Order Tracking App![Copy Click to copy](https://help-cdn.pagefly.io/wp-content/themes/manual/images/icons/link.svg)
Typically, additional settings aren’t necessary to enable the AfterShip Order Tracking element. If the widget doesn’t work on live view, please check this article from AfterShip Shopify guidelines.
Frequently Asked Questions![Copy Click to copy](https://help-cdn.pagefly.io/wp-content/themes/manual/images/icons/link.svg)
What Are Included In AfterShip Shopify Plans?![Copy Click to copy](https://help-cdn.pagefly.io/wp-content/themes/manual/images/icons/link.svg)
Benefits of using the free AfterShip Shopify plan include: 50 shipments per month, order lookup, branded tracking pages, 24/7 live chat support available, 800+ courier integration along with 7 standardized order statuses
Who Are The AfterShip Shopify Partners?![Copy Click to copy](https://help-cdn.pagefly.io/wp-content/themes/manual/images/icons/link.svg)
Checkout, Shopify Flow, Klaviyo, Loox, Shipstation, Omnisend, Judge.me, Postscri