Display a banner

Follow the steps below to add a banner to your store's tracking page.

1. Copy the following banner snippet.

<div id ="tracktor-banner">
  <p><strong>Thanks for your purchase! Here's a little something to show our appreciation:</strong></p>
  <p>Use coupon code <span>THANKS1ST</span> to enjoy 20% of your next purchase</p>
</div>

2. Navigate into your Tracktor dashboard and go to the Tracking Page section.

3. Scroll to the bottom and paste the snippet into the Custom HTML & CSS section.

4. Adjust the text within the <p></p>, <strong></strong>, and <span></span> tags to display whatever text you desire.

5. Scroll up and locate the Custom CSS section.

6. Copy and paste the following CSS snippet.

#tracktor-banner {
  background-color: #c2c1cc;
  text-align: center;
  padding: 20px 0;
  margin-top: -10px;
  margin-left: 10px;
  margin-right: 10px;
}

#tracktor-banner p {
  margin-bottom: 0;
  color: #2d2b35;
}

#tracktor-banner p span {
  font-family: "Courier New", Courier, monospace;
  background-color: #ab7d07;
  border-radius: 2px;
  padding: 2px 10px;
  color: #fff;
  font-weight: bold;
}

Feel free to adjust the CSS to match your theme's styles.

7. Save your changes.

Need assistance or further adjustments? Simply request help from our team by clicking on the Contact Us link below.