Im testing an e-mail I made from scratch. I’m using litmus and mail chimp and they are both giving me different outcomes.
Anyone know why this happens and which one do I go with?
Since you have not copied any code, I'm assuming you followed the HTML email development guidelines as you cannot code it like it is a webpage?
What guidelines for HTML email design are there?
These are some of the issues I've came across in MailChimp outlook rendering which you may not see in other email testing tools.
https://mailchimp.com/help/my-campaign-looks-bad-in-outlook/
Without knowing the exact issue I can not assure about this, but to confirm whether issue is in MailChimp and not Litmus, you can test your HTML in other testing tools like EmailOnAcid. EmailOnAcid is another nice tool I've used.
Related
Earlier I posted here a question about how to get two tables responsive. First they replied that I should not use <table> instead of <div>, but later on they said I need to use the old style <table>, because it will be an e-mail template.
After all I am converting the header to the old style in tables, and as a result it looks pretty good in the browser, but after sending it via the e-mail it is completely messed up again (except on my phone). Now I am using the old style, but still it doesn't work. What could be the problem here?
UPDATED:
Two full days I tried to create my own e-mail template in HTML. Included this one I have read many posts about this topic. What I have experienced as a fullstack developer is that e-mail development is completely a different way of programming. If you want to create your own e-mail template in HTML, please read this before.
What #Gwally and I would advise is to use Zurb Foundation which is a responsive front-end framework who will help you to create an e-mail template in a easy way. After when you are ready, you should test your e-mail template with Litmus.
In short; creating your own e-mail template in HTML is pretty hard. It takes a lot of time and after all you don't know the e-mail template is going to work for almost all the e-mail clients. I started over with Zurb Foundation and it works pretty good ;)
Good luck!
There are plenty of places to find modern HTML templates to use as a base for your Email projects. There's been plenty of advice posted here in Stack Overflow to help people with their projects. It's important to remember that email development is not web development. The two are based on HTML, but they use it in different forms. Here's a few things that can get you on the way.
What works
Campaign Monitor has an excellent guide on what works in email with email clients.
https://www.campaignmonitor.com/css/
Working modern templates
The best way to learn is to look at what others have done and emulate it for your own needs. I'm a personal fan of Zurb Foundation. I have used version 1.0 for one-offs and find 2.0 to be valuable for fixing some of the issues that come from email development, such as template consistency.
https://foundation.zurb.com/emails.html
https://litmus.com/community/templates
https://www.campaignmonitor.com/email-templates/
Ask questions & read answers
One of the best resources for email development is where you are right now here in Stack Overflow. There's a few dedicated experts who have helped the community with really good solutions to questions.
Good luck.
Based on CSS classes in email, you should use inline styles to maintain your layout in the email.
You can take a look this article for some suggestions as to how you can get a responsive layout in your emails. https://css-tricks.com/ideas-behind-responsive-emails/ but you need to approach them differently from web pages.
Is there anyway how to create an email template that will not broken in gmail and outlook mail services.
Any idea please, I highly appreciate if you can help me with this.
Creating a robust email HTML is a very tough job. The main problem is that there are no email HTML standards and probably you have to support various email clients. To be honest, outlook is one of the most problematic ones.
We have been in the field of email coding for a long time, and we wrote an article series about this topic. If you want to know the fundamentals, I recommend you to read it.
If you don't have that much time, or you don't want to code, you can try out our email editor as well.
I hope it helps.
I have what I thought was a simple task to do, that has now snow balled into something else. I wrote a simple python script that would generate simple customer notification over email in plain text using smtplib pretty simple.
Now when trying to make a more rich email, like those that Paypal,Amazon etc send, I run into some problems. Having read a question here and coupled with what I thought was a universal template I got from here I felt armed to complete my task.
However I keep reading about fragmentation and how various email clients don't support all sorts of tags and when I open it on my Hotmail client on Android it looks perfect but when I open the same email on chrome (WIN) on Hotmail it misses some buttons styling. Let me not even get started how it looks on Yahoo mails Android client (I know you are now wondering who cares who still uses Yahoo or Hotmail but a lot of people still do).
Where as Amazon and Paypal emails look consistent in styling across all platforms,clients and email providers. I can't find a simple resource that clearly describes away to make a truly robust way of serving html content on email.
Can someone share a resource of how to do this with python?
Please see if this is helpful to you.
http://mailchimp.com/resources/email-design-guide/
I'm currently making an E-Mail for Christmas Greetings. When I send the Mail or put it in "Drafts" he doesnt show the Mail correct.
How it should look
How it looks in reality
I am using WYSIWYG Web Builder 9
You can find the HTML code in the comments.
You'll just have to tweak and test the HTML until it works the way you want it to in Thunderbird.
I'd highly suggest using an email testing tool, such as Email On Acid or Mandrill to test your HTML in less common and dated clients.
HTML emails are painful to code, but it is getting better slowly :)
First off, I would suggest not using div's in email.
Stick with table's, tr's and td's.
Background images in email aren't well supported on desktop email clients like Outlook. Mobile support is great however!
You will need to use this site: http://backgrounds.cm/ to give you a hack to get support in almost all email clients...
Try to remember html email is like coding websites in 1999. It's old school and a pain!
If you get stuck, let me know.
I'm an email developer by trade, and would be happy to give you a reasonable quote to fix this up.
I have coded up an EDM for email distribution and I'm having a slight rendering issue.
My question is, why is it rendering like that in Outlook and what can I do to fix it?
Also, if you look at it in the browser it's not quite right, mainly because I had to set a 9px bottom margin to .l4. Can someone recommend another way to go about this so it renders correctly cross browser and email client?
Thanks!
#Jonah Bishop, it is always a good idea to use nested tables in email marketing unless you use a flattened image. CSS is tripped out by many online email apps like hotmail and inline styles on divs are problematic with many clients. By problematic, I mean it is challenging to write inline styles that work well across all email clients.
What are you using to test your emails? If your email marketing platform doesn't provide a testing suite, http://www.emailonacid.com/ is a good option. http://litmus.com/ is another great option that works well with mailchimp. In fact mailchimp (fantastic service) enables you to use litmus from your account: http://blog.mailchimp.com/tag/litmus/
Some tips: http://kb.mailchimp.com/article/how-to-code-html-emails
This is a great resource too: http://www.campaignmonitor.com/css/