Next, let's create a beautiful
...
tracking page that you control.
With the Malomo Tracking Block App, you can drop our order tracking block on the page of your choice, directly in Shopify. Malomo’s Tracking Page Creator is a lightning fast method to create and customize a branded tracking page within your Shopify theme. With two clicks, your new tracking page can be up and running!
Start directing customers to your page immediately or easily add existing theme sections, branding elements, assets and other Shopify apps. You can also get creative and create multiple tracking pages in order to segment your tracking experiences based on buyer data.
The tracking block updates in real time with information supplied directly from the shipment carrier and includes an order lookup, multiple shipment display on a single order page, and a "Don't see your package?" help message shown once the shipment has been marked delivered. Learn more about the features of our order tracking block.
To install the Malomo Tracking Block App, you have two options: our Shopify Theme App or Malomo.js. We recommend our Shopify Theme App Tracking Page Creator for a no-code, super fast implementation. However, if you'd like full control and customization of the tracking block, you can use our API documentation to install Malomo.js.
Install via the Shopify Theme App
Our Shopify Theme App is a super simple way to create a tracking page in your own Shopify theme. If you have an Online Store 2.0 theme, you can drop our Tracking Block App on a page template and add your content of choice to the rest of the page. Want to get a tracking page up immediately? Add our Tracking Block to a blank page, customize the look of the block, and start directing customers to it. Prefer to optimize the page with product recommendations, social feed, and FAQs? Use your theme editor to add content sections around the block.
...
Steps:
...
To get started, make sure you've installed the Malomo Shopify App to your store and confirm that you are already using a Shopify Online Store 2.0 Theme Template.
...
Identify which page template you'd like to add our Tracking Block on. We recommend creating a new page template in your theme and naming it order-tracking.
...
Click Add section and scroll down to the Apps section. Click on Shipment Tracker, which will add an Apps section to the page.
...
Drag the section to the desired location and then click on the Shipment Tracker for customization options.
...
First, add in your Malomo Publishable API Key, which you can create in the Developer section of our platform. Learn more about creating API keys.
...
Build with our Tracking Page Creator
...
Instructions
Navigate to the Tracking Page Creator section within the Malomo platform.
Click the Create a Tracking Page button to get started.
Enter the following details in the modal window:
...
Page Title
We suggest something simple and straightforward like “Track Your Order” or “Order Tracking”.
Page Description (optional)
This field is for your notes only and is not shared with Shopify. Use this field to add any helpful notes for you or your teammates, especially if you create multiple tracking pages.
Store Domain
We will auto populate this field for you. If your store has multiple domains, make sure to pick the appropriate domain from the list. If you do not see your desired domain in the list, you can edit the suggested domain in the input field.
Page Suffix
This is the final piece of your new tracking page URL. Again, we suggest something simple and straightforward like “order-tracking”.
Theme
Select the Shopify theme you’d like to create your tracking page on. Your current published theme is selected by default.
Please note: You cannot create a tracking page on a trial theme that you are previewing.
URL Preview
This is a preview of your new tracking page URL based on the text entered in the Store Domain and Page Suffix fields
Set as default tracking page URL (what’s this?)
Check this box if this is your first Malomo tracking page.
Uncheck this box if you are already directing traffic to a different tracking page and are not ready to switch to your new page.
You can change this setting later by following these steps.
Please note: If you create your tracking page on an unpublished theme, you cannot set it as your default tracking page URL until the theme is published.
Click the Create Tracking Page button togenerate your new page. You will see a success message and the details of your new page will appear in a list.
Preview your live page. Click the Preview link to see your live tracking page.
Customize your page in Shopify’s theme editor by clicking the Customize My Page button.
Replace the default banner image
From the Layers panel, click on Malomo banner
From the Settings panel, you’ll see Desktop Image and Mobile Image sections at the top of the options list. Add a new image to the desktop and mobile image sections and adjust any related settings. If a mobile image is not selected, a tracking block only with no image will appear when viewed on a mobile device.
...
Style the tracking block
Customize the look of the tracker by editing the options in the Buttons and Inputs sections. Make sure to change the element selector between Shipment Tracker and Order Lookup
...
Tracker to customize all options.
...
Click Save and you're done! If you prefer, add additional content sections to the page
Read more for full details on how to install and customize our Shopify Theme App.
Install via Malomo.js
Malomo.js is the powerful core of our Tracking Block and allows for a ton of flexibility. Built for developers, you can integrate in minutes by dropping a few lines of code into your website. From there, you can expose customers to shipment tracking data anywhere within your owned web properties. With Malomo.js, you can leverage your own in-house developers or agency resources to build, style and implement as many tracking pages as you desire. Then, manage your content in the same place you manage all other storefront content, including your headless CMS.
If the look and feel of our Shopify Theme app is too restrictive or you use a headless CMS, building a tracking page directly with Malomo.js is the best option for you. While this does require some development experience, we've made it as easy as possible with our detailed API documentation and a pre-built design theme for the Tracking Block.
Take a look at our comprehensive API documentation on how to install Malomo.js.
Order Tracking Concierge
Prefer to sit back and relax? Let our implementation team assist with the design and build of your custom tracking page. We'll also assist with migrating your notification emails into Klaviyo, by first consulting on your post purchase experience, building recommended flows, and sharing an easy to update email template built with Klaviyo's new template builder.
...
Learn more about customization options here.
...
Add a Collection to the Featured collection section
From the Layers panel, click on Featured collection
From the Settings panel, click on the Select collection button, add a collection, and adjust any related settings.
...
Save your changes and preview your page.
Add desired additional page content using your theme editor. Looking for inspiration? Check out some of our favorite tracking page examples from other Malomo customers in our Post Purchase Plays section within the dashboard or on our Inspiration board on our main site.
Once you’re ready to direct customers to your new page, please set the default tracking page URL if you haven’t already. Our integrations use the Default Tracking Page URL to generate dynamic tracking page links within all of your connected apps.
...
For complete details on how to use our Tracking Page Creator, please see here.