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 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

AfterShip Order Tracking

How To Configure AfterShip Order Tracking ElementClick to copy

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 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

This element has a variant that works on PageFly: AfterShip order tracking by AfterShip & Automizely.

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 Options There are 3 options for you to choose:
  • Tracking number
  • Order number and email
  • Or you can choose Both
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
  • 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.

Tips & Best PracticesClick to copy

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

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

Thank you for your feedback!

Could not find the answer
to your question?

Chat with us
Unlock Success Secrets of Glossier & Dr Dennis Gross with Social Commerce 👉🏼Download Free Guide