Use AfterShip – Order Tracking Element with PageFly

In this article, we will learn how to use AfterShip Shopify to install these Smart Order Tracking Elements to PageFly pages.

AfterShip Shopify ConfigurationClick 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.

This element comes in only one variation: 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

Important: To use this element, you must first install the AfterShip Shopify 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.

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.

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

PageFly ConfigurationClick to copy

General settingsClick to copy

After adding the AfterShip Order tracking element to the Editor, you’ll see the General tab.

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: ​​​​For the full widget configuration, please go to the settings area of the AfterShip Order Tracking application.

You can get further information about ATTRIBUTES, VISIBILITY, ANIMATION parameters here.

Styling settingsClick to copy

You can customize the styling of the AfterShip Order Tracking element in the Styling tab.

You can check more information about the Styling tab here.

Note: The AfterShip Order Tracking is only visible on live view. Hit Publish to see the result on your live page.

Special Case: What if the app doesn’t work?Click to copy

If the widget doesn’t work on live view, please check this article from AfterShip Shopify 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

You can check more information about the Styling tab here.

Note: The AfterShip Order Tracking is only visible on live view. Hit Publish to see the result on your live page.

Special Case: What if the app doesn’t work?Click to copy

If the widget doesn’t work on live view, please check this article from AfterShip Shopify 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

Key TakeawaysClick to copy

AfterShip Shopify App is a special offer to offer customers live shipment updates via a branded order tracking page and automated notifications, it is a proactive order tracking element, as it’s fast and convenient, reduces WISMO, and of course, optimize delivery. Install easy to use with PageFly with no code required or complicated set-up!

Frequently Asked QuestionsClick to copy

OverviewClick to copy

When was Aftership Shopify created?2012
How much is Aftership Shopify?$11/ month
Can I use Aftership Shopify on PageFly Editor?Yes

What is AfterShip Shopify App?Click to copy

AfterShip Shopify App is a special offer to offer customers live shipment updates via a branded order tracking page and automated notifications. It is a proactive order-tracking element, is super fast and convenient!

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, Judge.me, Postscri

Thank you for your feedback!

Could not find the answer
to your question?

Chat with us