Jump to content

How do I put my logo onto the order confirmation email

Recommended Posts

  • 3 months later...
  • Replies 11
  • Created
  • Last Reply

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.

Link to comment

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.

Link to comment
  • 2 months later...
  • 2 years later...

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!

Link to comment
  • 1 year later...
Guest iamme123

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:

    paste static URL here with no spaces
    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.

Link to comment
  • 9 months later...
  • 1 month later...

Archived

This topic is now archived and is closed to further replies.

Guest
This topic is now closed to further replies.
×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.