Logo not appearing in Woocommerce emails

[ProductionMD1986]

Hi,

I’m working with Woocommerce and I have customized my emails. When I verify the customization in the preview mode, everything looks fine.

But when I actually do a real purchase, I receive the email confirming the order and the logo does not show on the header (It looks like a broken link).

Any ideas why?

My url is:
https://mazonegourmet.com/

Thank you.

[prakash_s]

Hello @ProductionMD1986

Thanks for writing to us.

It might be the issue of logo URL that you have inserted into the “Header image” field.

To upload the logo in the Woocommerce email template, please follow these steps

1. Log into your WordPress
2. Navigate to WooCommerce >>> Settings and click on the Email tab

3. Scroll down until you see like as the screenshot below
   Put your complete logo URL(EG: https://mazonegourmet.com/wp-content/uploads/2020/06/Espace-Gourmet-Logo_02.png) in the field “Header image”

4. Click save changes.
   

   

Thanks

[ProductionMD1986]

Yep, that’s what I’ve done.

The preview looks fine.

But when the email is sent for real, the logo appears like a broken link

[tristup]

Hi @ProductionMD1986,

Can you please clarify what exactly you did and come up with this error, have you made any custom codes that causes the error?
If you made any custom code and that is the cause of your error, I would suggest you hire a developer for the issue and further customization.

Email settings can be another reason for this issue, you need to allow to load the external images from your email settings.

If that is not the case, and even after you changed the options in WooCommerce does not resolved the issue, please contact the plugin author on this.
Please remember that we don’t offer any support to the custom codes, third party plugin and modified child theme and issue related to that.

Thanks

[prakash_s]

Hello @ProductionMD1986

I checked your website dashboard and I found that you have not inserted valid Logo URL there in the Header Image field.

You have added this /wp-content/uploads/2020/05/Logo-JGA.png URL in the Header Image field. It is working fine in preview since you are testing it inside the website so logo image source is working fine but when it goes in the Email the Logo image source URL is not working for you because the <IMG> tag could not able to find the Logo image from your given source path that is /wp-content/uploads/2020/05/Logo-JGA.png

So you need to add the complete Logo source URL in the Header Image field as I had mentioned you to add complete image source URL.

You should add like this .https://mazonegourmet.com/wp-content/uploads/2020/05/Logo-JGA_001.png

Thanks

[ProductionMD1986]

My bad : I was just doing some tests on my side, that’s why I tried the url without the domain name.

Right now, I’ve put back the url the right way and I cleared my site from all CSS and functions.php customizations and I still have the same problem.

[ProductionMD1986]

The email in the preview mode of woocommerce looks fine, but when I receive it:

And it’s the same in every email application.

[marc_a]

Hi @ProductionMD1986,

I installed an email test plugin on your website to check if its really working or not but luckily the new order notification is just working fine and the logo is visible in the email. So maybe it has something to do with your email provider or you can follow what Tristup recommendation about your email settings.

Hope that helps.

Thank you.

[ProductionMD1986]

Thank you very much for your help.

I’t’s really appreciated.

[prakash_s]

Glad to help you.