Birthday Email Template

  • Resolved mariealline

    (@mariealline)


    7 years, 2 months ago

    When editing the template, can I just use plain html in the template to edit it?

    Thanks,
    Marie Alline

    • This topic was modified 7 years, 2 months ago by mariealline. Reason: spelling

    The page I need help with: [log in to see the link]

Viewing 8 replies - 1 through 8 (of 8 total)
  • Plugin Author carman23

    (@carman23)

    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.

    Plugin Author carman23

    (@carman23)

    PS:
    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“.

    Plugin Author carman23

    (@carman23)

    PPS:

    Here’s an even better article, called “Coding your Emails“

    Thread Starter mariealline

    (@mariealline)

    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??

    Plugin Author carman23

    (@carman23)

    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)

    Thread Starter mariealline

    (@mariealline)

    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.

    Plugin Author carman23

    (@carman23)

    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 7 years, 2 months ago by carman23.
    Plugin Author carman23

    (@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.

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Birthday Email Template’ is closed to new replies.