Howdy! I manage a website for the US aquaculture industry that is built on WordPress using plugins like BuddyBoss and FluentCRM. Composing emails in FluentCRM, which uses the block editor, has been a pain in the BUTT because whenever I include something more complicated than text (images, buttons), they do not render properly in Outlook, forcing me to edit the html for each block. It took me awhile to figure out how to easily fix images, but I finally figured out it’s just a matter of setting width and height on the <img> tag itself rather than relying on the style attribute. For example:
Before:
<figure class=”wp-block-image size-large is-resized”><img src=”https://mywebsite.org/wp-content/uploads/image.jpg” alt=”an image” class=”wp-image-35296″ style=”object-fit:cover;width:383px;height:300px”/></figure>
After:
<figure class=”wp-block-image size-large is-resized”><img src=”https://mywebsite.org/wp-content/uploads/image.jpg” alt=”an image” class=”wp-image-35296″ width=”383″ height=”300″></figure>
Still annoying to manually edit all of those, but if I don’t the images appear at full resolution in Outlook, making the email look insane. I still haven’t figured out a good solution for buttons.
I want to switch to a different CRM plugin, but unfortunately we’re locked into a subscription with FluentCRM until at least January last year. **Does anyone else run into problems like this? Any tips?** I’m definitely still a beginner when it comes to WordPress, so any and all advice welcome. Thanks!
[ad_2]
This isn’t a WordPress issue – Email rendering “technology” is frozen is time from the 90s. Your options are very limited and it’s usually best to avoid css/style attributes altogether.
Check MJML for email templating.
This is why people use stuff like Campaign Monitor to send out email blasts. They have templates you can use or you can make your own and test them. When I used to design HTML email, I seem to remember having to do inline styles quite a bit. But, I may be wrong. That was a really long time ago. My boss just uses the premade free templates for all clients now.
Coding for e-mail clients is completely different than coding for the browser.
Doesn’t matter what e-mail client, doesn’t matter what CRM plugin.
Start paying attention to spam e-mail you get and look at the code.
[https://www.caniemail.com](https://www.caniemail.com) will be your friend. Outlook is still evil even in this our year 2024.