Skip to main content

How to Customize Your Tracking Page Design During Onboarding

Casey Moore

1. Overview

Your tracking page is one of the most valuable customer touchpoints in the post-purchase journey. With WeSupply/EasyPost Advanced Tracking, you can fully customize the look and feel of this page to align with your brand identity.

This guide walks you through how to update your tracking page design during your onboarding, including editing colors, fonts, content, and even adding custom CSS or marketing assets.

 

2. Pre-requisites

Before starting, ensure that you:

  • Have access to the WeSupply Admin Panel.
  • (Optional) Have your brand’s design guidelines handy (fonts, colors, images, and marketing content).

 

3. Step-by-Step Instructions

Step 1 – Access Tracking Page Design Settings

  1. In the Let’s Get Set Up! menu, find Tracking Page Design.
  2. Click on the Customize button.

 

Step 2 – Edit the Tracking Page

  1. In the Pages section, click on the pencil icon next to your tracking page.
  2. This will take you into the editing view.

 

Step 3 – Choose a Tracking Page Design

  1. From the Design dropdown menu, select the template that best fits your brand.
  2. Click Save Design to make sure the chosen template is applied and visible to your customers.

 

Step 4 – Customize Colors and Fonts

  1. On the left-hand side, click the Design tab.
  2. Use the Primary Font and Body Font dropdowns to update fonts.
  3. Adjust Colors to match your brand identity.
  4. View live changes in the preview section on the right.
  5. Scroll down and click Save once you’re satisfied.

 

Step 5 – Add Custom CSS (Optional)

  1. In the Design tab, scroll to the bottom.
  2. Use the Global Custom CSS section for advanced customization such as:
    • Custom fonts
    • Targeted element styling
    • Unique branding touches
  3. Save your changes.

 

Step 6 – Customize Content and Marketing Assets

  1. Click on the Content tab.
  2. You’ll find three main banner positions:
    • Top Middle
    • Top Right
    • Bottom
  3. Plus, you’ll see three Marketing Assets sections.
  4. For each banner or asset, click the dropdown menu to:
    • Add an image banner (advertising or promotions).
    • Insert text content (e.g., customer service details).
    • Embed JS (e.g., social media activity).
    • Add marketing links.
  5. Save your changes.

 

Step 7 – Preview and Test

  • Always preview your tracking page after saving changes.
  • Check across devices (desktop and mobile) to ensure design consistency.

 

4. Examples / Best Practices

  • Match your storefront: Use the same fonts, colors, and tone as your main eCommerce website.
  • Promote campaigns: Use banner positions to showcase seasonal promotions or free shipping offers.
  • Customer support: Place a clear support contact option (chat, phone, or email) in a visible spot.
  • Mobile-first: Ensure banners and fonts look good on smaller screens.

 

5. Troubleshooting / FAQ

Q: My tracking page design changes aren’t showing for customers.
A: Make sure you clicked Save Design after choosing a template and Save after editing fonts, colors, or content.

Q: Can I upload custom fonts directly?
A: Fonts are limited to those available in the Primary Font & Body Font selectors, but you can load additional fonts via Global Custom CSS.

Q: How many banner positions are available?
A: Three (Top Middle, Top Right, and Bottom) plus three marketing assets sections.

Q: Do changes apply instantly?
A: Yes, but allow a few minutes for changes to appear live across all customer-facing tracking pages.

Related articles

Comments

0 comments

Article is closed for comments.