AfterShip Order Tracking element

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.

Install AfterShip

Install PageFly

About AfterShip Order Tracking elementClick to copy

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.

You can watch this video tutorial about setting up this app element in PageFly:

Access the AfterShip Order Tracking elementClick to copy

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: In your PageFly Dashboard, head to the Integrations section > search for AfterShip Order Tracking & SMS Enable AfterShip Order Tracking & SMS element.

AfterShip Order Tracking element

Step 2: Open your PageFly page editor. AfterShip Order Tracking & SMS’s element will be listed under the Order Tracking category and called Aftership Order Tracking.

Step 3: Click on AfterShip order tracking element in the dropdown menu

Step 4: Choose the variant you want then drag and drop it to the editor page

AfterShip Order Tracking element

AfterShip Order Tracking element configurationClick to copy

AfterShip Order Tracking element

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

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

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

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

AfterShip Order Tracking element

Navigate this category

Thank you for your feedback!

Could not find the answer
to your question?

Chat with us
PageFly Languagues

PageFly Help Center is now available in Chinese, French and Japanese. Please check the flags on the page header.

I got it!
Discover the Shopify Invoice Generator by PageFly, a seamless solution for invoicing in your online store. Try it now!