I’m having some issues with the button display on Outlook - old version. In short, the black button on white background does not show up on old Outlook. Not sure if it’s a bug from Klaviyo or it’s just because of Outlook. Kindly help to check.
I have attached below 2 images for illustration of how it looks on Klaviyo and on Old Outlook.
On Klaviyo:
On Outlook - old version:
I’m really looking forward to your response. Thank you so much!
Best regards,
Anh
Best answer by chloe.strange
Hi there,
Following up here to summarize the situation. This is not a bug in our email template editor that could be triaged, but rather an issue in how Outlook renders HTML differently from other inbox providers (this guide provides more details on this). Specifically, from Outlook 2007 onwards, Microsoft stopped using Internet Explorer to render emails and instead opted to use Microsoft Word as its rendering engine. This creates a less than ideal environment for email marketers and developers who use HTML.
As a workaround, you can design a button image using a site like Canva and upload it as an image block. You can then link the image using the same variable as the button. I hope this helps!
I’ve also encountered this issue with the Klaviyo drag-and-drop button disappearing in my Outlook (app, online, and desktop app).
Klaviyo's chat escalated my issue. When I got a response, there were no additional resources besides the suggestion to use an image instead, but obviously, that’s not a great solution with many Outlook clients needing to allow images or “Trust sender” to see images.
I might be testing some of these options, but if Klaviyo doesn’t have a bulletproof drag-and-drop button and requires that I code my own… not a great tool. I hope it’s just a bug that gets fixed ASAP - we need buttons!
Following up here to summarize the situation. This is not a bug in our email template editor that could be triaged, but rather an issue in how Outlook renders HTML differently from other inbox providers (this guide provides more details on this). Specifically, from Outlook 2007 onwards, Microsoft stopped using Internet Explorer to render emails and instead opted to use Microsoft Word as its rendering engine. This creates a less than ideal environment for email marketers and developers who use HTML.
As a workaround, you can design a button image using a site like Canva and upload it as an image block. You can then link the image using the same variable as the button. I hope this helps!
I’d recommend using a VML button since images - especially in Outlook - may not be turned on or viewable. Campaign Monitor has a helpful tool here: https://buttons.cm/. Hopefully we get a Klaviyo drag-and-drop button that works in outlook soon! 🙂