Use AfterShip – Order Tracking Element with PageFly

 About AfterShip Shopify – Order Tracking ElementClick to copy

What Is AfterShip Shopify?Click to copy

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 TrackingClick to copy

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.

How To Access AfterShip Order TrackingClick to copy

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

Access AfterShip Order Tracking

How To Configure AfterShip Order Tracking ElementClick to copy

From PageFlyClick to copy

Step 1: Add AfterShip Order Tracking ElementClick to copy

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

Add AfterShip Order Tracking Element

Step 2: Configure Essential App ElementClick to copy

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 OptionsThere are 3 options for you to choose:
  • Tracking number
  • Order number and email
  • Or you can choose Both
Button TextCustomize the button text you want, for example, Track
Tracking Page URLYou can get your tracking page URL in the Tracking pages session of the AfterShip app.
Button ColorChoose the color for the button
Text ColorChoose the color for the text
Hide Aftership iconEnable this option if you want to hide the AfterShip icon
SizeThere are 3 sizes for you to set for the form
  • Small
  • Medium
  • Large

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 AppClick to copy

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 QuestionsClick to copy

What Are Included In AfterShip Shopify Plans?Click to copy

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?Click to copy

Checkout, Shopify Flow, Klaviyo, Loox, Shipstation, Omnisend,, Postscri

Additional ResourcesClick to copy

Thank you for your feedback!

Could not find the answer
to your question?

Chat with us