Add a Banner to your Tracktor page

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 to get help from our team by clicking on the  Contact Us link seen below.

Related Articles