grownwithus

Email logo in Magento 2

Magento 2 allows us to change logo appearing in website header, transactional emails, and invoice at ease. In this tutorial, we will show you how to change logo for all of these positions. The reason why we can’t use the same logo for all places is that the sizes of the logo for each of them are varied.

HOW TO CHANGE LOGO IN THE HEADER?

LOGO PREPARATION

If you don’t know exactly the logo size in the header, you have to open the page in a browser, right-click the logo image, and then click on “Inspect element”.

change logo magento 2

 

magento 2 change logo in header

However, the size of the logo in the header also depends on your theme.

In terms of the file type, you can use a logo that is saved as either a GIF, PNG, JPG, or SVG.

  • Step 1: Go the admin panel, navigate to CONTENT and choose Configuration (under Design)

(Admin Panel => CONTENT => Configuration)


 

  • Step 2: Choose a specific store view where you want to change logo


 

  • Step 3: Upload the logo in the header and add necessary information

First, expanding the “Header” section.

Here, you can upload new logo in the header from your computer. Then, remember to enter that logo width and height as well as the logo image alt.

Save the configuration to complete.

magento 2 tutorial change logo

 

HOW TO CHANGE LOGO IN THE TRANSACTIONAL EMAILS?

LOGO PREPARATION

Similar to the header logo, you can use a logo that is saved as either a GIF, PNG, JPG, or SVG file type.

It’s worth noting that the size of your email logo must triple that of the header template in order to display that logo nicely on high-resolution devices.

We highly recommend you to crop the image to discard all wasted space either at the top or bottom while still maintaining the original aspect ratio of the logo.

  • Step 1 & 2: Similar to changing logo in the header

  • Step 3: Upload the logo in the email and add necessary information

First, expanding the “Transactional Emails” section.

Here, you can upload a new logo in the email from your computer. Then, remember to enter that logo width and height as well as the logo image alt.

After that, you also need to select the Header and Footer Template.

Save the configuration to complete.

change logo in transactional emails magento 2

 

HOW TO CHANGE LOGO IN THE PDF INVOICES?

The most important notice is that the invoice logo must be rendered to fit a space that is 200 pixels wide by 50 pixels high.

Unlike the email logo, you can resize the invoice logo to fit the height without concerning about any unused space to the right.

  • Step 1: Go the admin panel, navigate to STORES and choose Configuration (under Settings)

(Admin Panel => STORES => Configuration)

change logo in pdf invoice magento 2

 

  • Step 2: Upload the invoice logo and add necessary information

First, you have to expand the “SALES” section on the left menu and choose “Sales”.

Second, you need to expand the “Invoice and Packing Slip Design” section.

Third, now you can upload the logo for the invoice.

Remember to save the configuration to complete.

Viewed 252 Times

Post On 2018-12-10