Yes, the email template is almost like any blog post. To the upper-right of the editing area you will see two tabs, one labeled “Visual” and one labeled “Text”.
Switch to the “Text” tab to start editing in plain HTML.
Keep in mind, however, that here, your HTML is to be viewed not by a browser, but by an email reader. Email readers do not support the full set of HTML that a browser does. So, keep the HTML simple.
Test your work in an email reader by using the “Send Test Email” button on the Birthday Emails Settings page. This will send you an email showing your HTML work, and what it looks like in an email reader.
What exactly do I mean by “keep the HTML simple”?
Here’s a great article on this subject by Lee Munroe called “An Introduction To Building And Sending HTML Email For Web Developers“.
Here’s an even better article, called “Coding your Emails“
Thank you for the response. I was simply trying to add a background color for the email and center the top greeting line and the cake, however, I noticed that the cake is coming through in Outlook as a red x like the graphic is missing now since the last update. I’m wondering if my install could have corrupted it??
The missing cake was my mistake. This mistake has been corrected in version 1.2.3 Please update your Birthday Emails plugin to version 1.2.3 and your cake image will be restored. (Sorry)
No problem! Thank you so much for fixing it! Now I just have to figure out how to fix the email template to somewhat resemble my site theme. lol! That’s why I asked about using html in the template. I want to make it have a pretty background. I’m not very good at that kind of stuff but I’d like to give it a try.
In the template editor, you do not have access to the <body> tag, so you cannot specify a <body background=””>.
I think the trick to getting a background would be to use a <table> tag to contain all of your email. You can do <table background=””> as described in this article.
You could start with a single-cell table, with border=”0″ to get rid of the lines. Then place all your content inside the cell inside that table using the <td> tag.
Tables are the way to go, when trying to format the content of HTML email, even though modern browsers use CSS to do this. HTML email is not as capable as browsers are.
I hope this helps.
PS: Oh. Well the WordPress editor doesn’t support the background attribute in a <table> tag. It strips it out. So much for that idea. It won’t work.
- This reply was modified 4 years, 10 months ago by carman23.
I want the email to look proper on a phone or tablet, or I want to control the background color, font, header and footer. How?
You can edit the email content with the “Edit Birthday Template” button at the bottom of the Settings panel. To control these other things for your emails I recommend an additional plugin called “WP HTML Mail – Email Designer” by Hannes Etzelstorfer. It will let you control these other things in your emails.
- The topic ‘Birthday Email Template’ is closed to new replies.