How do I put my logo onto the order confirmation email

Does anyone know code I can use so that my logo shows on my order confirmation emails?

thanks SusanB

In the commerce options click email settings. Scroll down to header. Add this:

<a href="http://www.example.com" title="Check out example.com"><img src="https://example.squarespace.com/item/52851b0ce4b0ae1807bdc7cf?format=400w" alt="Example.com logo" style="display:block;"></a>

You can get the image source of your logo by going to your site, right click on your logo, and select 'copy image url'. You can change the width to whatever suits your needs by adjusting the 400w value.

Thanks, sritenou! Definitely answered the question.

Looks like the header/footer (oddly) don't apply to the donation email, though. Can put the exact same code in the "Donation Thank You" block before the actual text… but then it appears below the automatically-inserted "Thank you" in the email.

Thanks! It worked like a charm.

I eliminated alt="Example.com logo" since it was adding it on the email excerpt, But otherwise, perfect. So it ends up like this:

Thanks! It worked like a charm.

I eliminated alt="Example.com logo" since it was adding it on the email excerpt, But otherwise, perfect. So it ends up like this:

Hi there thanks for the answer on this

Where exactly do i paste the image URL - sorry i am very new to this!

Cheers

@sritenou @jmoret @skonesam

Hi there thanks for the answer on this

Where exactly do i paste the image URL - sorry i am very new to this!

Cheers

@sritenou @jmoret @skonesam

Hi there thanks for the answer on this

Where exactly do i paste the image URL - sorry i am very new to this!

Cheers

@sritenou @jmoret @skonesam

Hello, thanks for this. i've got an addition... i'd like to brand the top of my email to match my website, so basically the logo as above, but in a table/ box with a background colour? can you help? also, having trouble to get the logo to be aligned to the middle - left and right works, but not middle/ center?

thanks!

Here's what I'd recommend:

1. First upload the logo image to the CSS Editor with the Manage Custom Files button

2. Then go into the Notifications panel to edit the order email footer and add this code:

   
   Just add the URL between the quotation marks "" after src= with your logo image URL. This will also ensure that the logo image doesn't span the full width of the order email and has a line break between the image and any other text you have in the footer.

How do I change the size of the logo? Mine is huge!

To center the logo simply add tags to the beginning and ending of the code as below.

<center><a href="http://www.example.com" title="Check out example.com"><img src="https://example.squarespace.com/item/52851b0ce4b0ae1807bdc7cf?format=400w" alt="Example.com logo" style="display:block;"></a></center>