I am using an email template builder (pro.beefree.io) in which I have put some images, including my company logo. I then export the html from pro.beefree.io and paste it in the code as body for the wp_mail function. Here is a snippet of the html code containing the logo image:
<div class="alignment" align="center" style="line-height:10px"><img class="big" src="https://d15k2d11r6t6rl.cloudfront.net/public/users/Integrators/BeeProAgency/868180_852318/logo-image.png" style="display: block; height: auto; border: 0; width: 440px; max-width: 100%;" width="440"></div>
Issues
This works and the email is sent with the image. However, when a user opens the email they get a "Externally linked resources in the message have been blocked" warning and have to "allow" to be able to view the images. Is there a way to fix this so the images show up immediately? The problem occurs on at least gmail, outlook and roundcube (our server email).
I want the images stored on our own server for safety if the company removes our images or something else happens to them. I tried to place them inside a folder and put src to it as follows:
src = "https://website.com/images/logo-image.png"We used similar path for images on the website which works fine. However, in the email which is sent via wp_mail no images show up, there is just a placeholder image symbol instead. How can I put images in my own folders and link them properly?