All Collections
Media Kit
Adding the Scout logo to your website
Adding the Scout logo to your website

Learn how to add the Scout logo to your website or marketing emails

James Dixon avatar
Written by James Dixon
Updated over a week ago

Using the Scout Logo

Get the Code Snippet

To get the code snippet, choose a logo option below and copy and paste the associated code snippet.

There are a number of ways to do this, but the easiest way is to:

  1. Highlight the code snippet with your cursor

  2. Click the "Edit" menu

  3. Click "Select All"

  4. Click the "Edit" menu again

  5. Click "Copy"

This will copy the code snippet to your clipboard. Once in your clipboard, it can be pasted wherever it's needed.

Great, now how do I add the Code Snippet to my website?

We're glad you asked! Check out this article to learn how

Logo Options

Option 1

Dark text with a blue circle around our friendly pup, Scout. This version is great when placing the Scout logo on a light colored background.

Code Snippet

<a href="https://scoutforpets.com/?utm_source=3rd_party_link&utm_medium=logo_link&utm_campaign=awareness&utm_content=media_kit" title="Powered by Scout" target="_blank">
  <img width="300" src="https://scout-files.azureedge.net/media-kit/pbs-b.svg" alt="Powered by Scout" />
</a>


Option 2

Dark text with a green circle around our friendly pup, Scout. This version is also great for placing the Scout logo on a light colored background.

Code Snippet

<a href="https://scoutforpets.com/?utm_source=3rd_party_link&utm_medium=logo_link&utm_campaign=awareness&utm_content=media_kit" title="Powered by Scout" target="_blank">
  <img width="300" src="https://scout-files.azureedge.net/media-kit/pbs-g.svg" alt="Powered by Scout" />
</a>

Option 3

White text with a transparent background. This version is great when placing the Scout logo on a dark background.

Note: the grey background is just to show how the logo will look on a dark colored background. The image is transparent meaning the background color of your website will show through.

Code Snippet

<a href="https://scoutforpets.com/?utm_source=3rd_party_link&utm_medium=logo_link&utm_campaign=awareness&utm_content=media_kit" title="Powered by Scout" target="_blank">
  <img width="300" src="https://scout-files.azureedge.net/media-kit/pbs-t.svg" alt="Powered by Scout" />
</a>

Did this answer your question?