Skip to main content
All CollectionsFeature & Settings Questions
Tracking Emails: How do I add an image or logo to Tracking Emails?
Tracking Emails: How do I add an image or logo to Tracking Emails?

This guide goes over some basic HTML to help include a logo or image to the tracking emails that Pirate Ship sends your recipients

Updated over a week ago

Pirate Ship's tracking emails are fully customizable with HTML, and you can add images or your company's logo to the tracking emails we send to your recipients.

Here's a step-by-step guide to adding an image or logo to your tracking emails:

How to add an image or logo to tracking emails

  • Step 1: Find Your Image Online: As long as the image you want to use is hosted somewhere publicly online (like on your website or uploaded to public file storage), you can copy the URL or "Image Address" for it and put that into an HTML tag in our tracking emails.

    • To copy the image address, right-click (or control-click) on the image and select Copy Image Address to get that URL. Here's an example screenshot:

The right-click drop-down menu over an image of a pirate ship, with 'Copy Image Address' highlighted on the menu.

  • Step 2: Type Out an IMG Tag: The address you copied now needs to go into an IMG tag in HTML, exactly like this:

<img src="https://yourimageaddress.com/image.jpg">

  • Step 3: Paste the IMG Tag Into Your Email Code: Once you've typed out your IMG tag, place that IMG tag into your tracking email's code.

    • Paste the tag in the exact section of your email where you want your image to appear.

    • Here's an example of how that looks:

Screenshot of Pirate Ship's tracking email editor, with the image HTML tag highlighted.

Additional customization of your image or logo

You can adjust the attributes of your image in its IMG tag, such as the Height or Width you want it to be.

  • Adjusting Width: To adjust width, add a width="x" and enter the size you want that image to be inside the quotation marks, like this:

<img src="https://yourimageaddress.com/image.jpg" width="480">

  • Adjusting Height: Follow the same process for adjusting your image's height by adding a height="x" after the width section, as seen above

  • Use Line Breaks: It's a good idea to add a few line breaks to give the image some space from the rest of your email.

    • You can create line breaks by adding the <br> tag wherever you need a line break, usually before or after the IMG tag, like this:

Screenshot of Pirate Ship's tracking email editor, with the image HTML tag highlighted. A couple line break tags were added before the image tag, and one line break tag was added after the image tag.

How your image looks with customized code

If you used all that code we added above, here's how your image will look in your tracking emails:

Screenshot of a test email, showing the image of the pirate ship at the bottom of the email.

Contact our Support Crew if you need any help

If YARrrr running into trouble with this, use the button on the bottom right of the screen to chat with our support crew 👍

  • Your Developer May Have More HTML Knowledge: Keep in mind that we're Pirates, not programmers! Specific HTML questions are best suited for your web developer 😉

Did this answer your question?