About AfterShip Shopify – Order Tracking Element
What Is AfterShip Shopify?
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
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
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 icon on top
- Step 3: Search for “AfterShip Order Tracking” and Activate it
- Step 4: Click “Done” and the element will appear in the “Add third-party element” menu
How To Configure AfterShip Order Tracking Element
Important note:
- This element works on all Page Types (Home Page, Product Page, Regular Page,…)
- On each page, element can be displayed multiple times.
From PageFly
Step 1: Add AfterShip Order Tracking Element
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
This element has a variant that works on PageFly: AfterShip order tracking by AfterShip & Automizely.
Step 2: Configure Essential App Element
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
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.
Tips & Best Practices
We strongly recommend using the Shopify App Block Element for AfterShip Order Tracking integration. Available for Shopify theme OS 2.0, this feature simplifies adding AfterShip Order Tracking functionality to your PageFly pages or sections. It offers greater flexibility, easier updates, and an improved user experience. While limited to one per page, the App Block is a valuable tool to enhance your store’s capabilities.
For detailed setup guidance, refer to our App Block article. This simple change can substantially improve your AfterShip Order Tracking integration and overall store performance.
Frequently Asked Questions
1. What are included in AfterShip Shopify plans?
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
2. Who are the AfterShip Shopify partners?
Checkout, Shopify Flow, Klaviyo, Loox, Shipstation, Omnisend, Judge.me, Postscri