SitePoint Sponsor

User Tag List

Results 1 to 24 of 24
  1. #1
    SitePoint Member JenSheahan's Avatar
    Join Date
    Jan 2010
    Posts
    21
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Brand New! Create Stunning HTML Email That Really Works!

    Do you feel a headache coming on when you hear the words "HTML email"?

    Frankly, most designers and developers do. HTML email is notoriously difficult to plan, design, and build.

    Fortunately, our book "Create Stunning HTML Email That Just Works!" is here to help you.

    This book is perfect if you are a designer or developer who is ready to expand the range of services you provide to clients. All aspects of planning, designing, and building HTML email are covered with plenty of eyecandy to ignite your creativity.

    Secure your copy today:

    https://sitepoint.com/bookstore/go/242/ea53d4

    Authored by expert HTML email designer Mathew Patterson of Campaign Monitor, this book will solve your HTML email dramas.

    This book will help you:

    * Make your messages more readable and attractive
    * Code emails without "pull-your-hair-out" frustration
    * Combine stunning looks with maximum compatibility
    * Begin selling HTML email services to your clients

    Grab your own copy today!

  2. #2
    Programming Team silver trophybronze trophy
    Mittineague's Avatar
    Join Date
    Jul 2005
    Location
    West Springfield, Massachusetts
    Posts
    16,426
    Mentioned
    160 Post(s)
    Tagged
    1 Thread(s)
    Sounds great. I've experienced the frustration a few years ago trying to get a decent looking newsletter.

    I managed to get the plain text version easily enough. But the HTML !! OMG it took all I could do just to get a few simple mark-up tags for text decoration into it let alone anything even remotely looking like an HTML "page".

    The experience was so painful I've put off revisiting ever since.

    But if this book is anything like SitePoint's other great offerings I'll finally be able to get a really nice newsletter out!

  3. #3
    om nom nom nom Stomme poes's Avatar
    Join Date
    Aug 2007
    Location
    Netherlands
    Posts
    10,233
    Mentioned
    47 Post(s)
    Tagged
    1 Thread(s)
    The author's site is the only one I've gone to for learning about placing images in HTML email. I don't work enough with email to warrent getting a book, but if I did, I'd get it purely on the strength of the author.

  4. #4
    Non-Member Musicbox's Avatar
    Join Date
    Nov 2004
    Location
    india
    Posts
    1,331
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    but where do we get free sending html email script in php language ?

  5. #5
    Non-Member bronze trophy
    Join Date
    Nov 2009
    Location
    Keene, NH
    Posts
    3,760
    Mentioned
    23 Post(s)
    Tagged
    0 Thread(s)
    No headaches here on the subject - since I have my server set up to automatically move HTML e-mails into everyone's junk box.

    Speaking of something that should be stamped out net-wide...

  6. #6
    SitePoint Member
    Join Date
    May 2010
    Posts
    8
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    seems like we have some solutions available and also can avoid unnecessary headaches

  7. #7
    SitePoint Guru htpc's Avatar
    Join Date
    May 2008
    Posts
    684
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Do you feel a headache coming on when you hear the words "HTML email"?
    Most definitely.
    Picture - Image hosting & media sharing

  8. #8
    SitePoint Enthusiast aweb4u's Avatar
    Join Date
    Jun 2007
    Location
    Auckland, New Zealand
    Posts
    75
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Does this book provide information on how to send the emails?

    I've had no problems creating emails with both an HTML and a plain text portion (I've written a PHP script that reads in the HTML and plain text portions, then does variable substitution so I can personalise the email, then mime encodes it and sends it). But the tricky bit is how to send thousands of emails. My web host said "no" when I asked if I could send out 50,000 emails from a database of subscribers (the subscribers had all opted in to receive my emails).

    Also handling bounce backs can be tricky due to the way that every email server seems to use different error codes and messages!

  9. #9
    Team ********* Louis Simoneau's Avatar
    Join Date
    Sep 2009
    Location
    Melbourne, Australia
    Posts
    228
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    @aweb4u: The short answer is no. This is definitely a designer-oriented book, so we don't go into server-side code. That said, the book does mention a number of email delivery services like MailChimp and CampaignMonitor (the author works for CampaignMonitor) which are built specifically for that purpose, and it also explains the advantages of using such a service over delivering your own emails (the services handle keeping their servers on whitelists and off of blacklists, deal with spam complaints, provide in-depth stats for your campaigns, manage your subscriber lists, etc.)

    Unless you're building such a system yourself that you plan to charge for, when delivering email for your clients it's almost always a better idea to rely on a service to deal with that for you. Just like how you don't host all your clients' sites on a server sitting in your basement and instead outsource hosting to companies that specialize in dealing with that problem.

  10. #10
    SitePoint Enthusiast aweb4u's Avatar
    Join Date
    Jun 2007
    Location
    Auckland, New Zealand
    Posts
    75
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks Louis, that answered my question.

    The book still looks very interesting and so I plan on buying a copy soon.

  11. #11
    SitePoint Member
    Join Date
    Jul 2010
    Posts
    15
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hi there, I just bought this book, and I'm quite excited about offering HTML emails to clients. I'm new to HTML, but so far so good.

    My problem is that the book doesn't tell me how to send my newly created HTML email. I'm sitting with an html file and a folder with images used in my HTML. What now?

    I understand that services like Campaign Monitor and MailChimp handles the sending out of HTML emails, but until I investigate those services in-depth, I just want to be able to send my HTML email to myself, while I'm learning.

    My email client is Mozilla Thunderbird, and I saw that there is an option for inserting HTML, but none of the images then obviously displays.

    I think one has to have it online, and then somehow have the online content display in someone's email, but I don't know how to do that.

  12. #12
    Team ********* Louis Simoneau's Avatar
    Join Date
    Sep 2009
    Location
    Melbourne, Australia
    Posts
    228
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Hi Erna,

    If you just want to test, then sending an HTML email from Thunderbird is one option, though it's worth noting that Campaign Monitor will allow you to send email for free to up to 5 recipients at a time.

    For images, you'll need to have them hosted online already. So, for example, for our newsletters here at SitePoint, we upload our images to our servers or to Amazon S3, and then in our template we use (for example) http://static.sitepoint.com/image.jpeg as the src or background-image reference in our template. Images don't get sent along with the email (unless you enclose them as attachments, but as the book mentions that's not reliable), so the only real option is to host them.

    Hope that helps?

  13. #13
    SitePoint Member
    Join Date
    Jul 2010
    Posts
    15
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Yeah, this helps! Thanks Louis!

    I just tried out Campaign Monitor, and it's awesome!

  14. #14
    SitePoint Member
    Join Date
    Apr 2011
    Posts
    5
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks, it's an amazing book really!

    Kate

  15. #15
    SitePoint Member
    Join Date
    Mar 2006
    Posts
    4
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I have been playing with the modern_henchman_template.html file. Trying to modify it to make my own template. It works great as long as I keep the images in the image directory.
    But since it's an email html file I can't send the newsletter to all my club members, because the images are on my local linux machine. I tried putting them on my web site, but still can't get them to work. I think it has something to do with the class function in css.
    Any help would be great.
    Thanks

  16. #16
    dooby dooby doo silver trophybronze trophy
    spikeZ's Avatar
    Join Date
    Aug 2004
    Location
    Manchester UK
    Posts
    13,788
    Mentioned
    151 Post(s)
    Tagged
    3 Thread(s)
    Quote Originally Posted by RGuinn View Post
    I have been playing with the modern_henchman_template.html file. Trying to modify it to make my own template. It works great as long as I keep the images in the image directory.
    But since it's an email html file I can't send the newsletter to all my club members, because the images are on my local linux machine. I tried putting them on my web site, but still can't get them to work. I think it has something to do with the class function in css.
    Any help would be great.
    Thanks
    See Louis' reply #12 as its the same principle.
    You need to tell the CSS where on the internet the files are so it can find them.
    Mike Swiffin - Community Team Advisor
    Only a woman can read between the lines of a one word answer.....

  17. #17
    SitePoint Member
    Join Date
    Mar 2006
    Posts
    4
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Mike the link from Louis's reply is not working get this: You 404’d it. Gnarly, dude.

  18. #18
    dooby dooby doo silver trophybronze trophy
    spikeZ's Avatar
    Join Date
    Aug 2004
    Location
    Manchester UK
    Posts
    13,788
    Mentioned
    151 Post(s)
    Tagged
    3 Thread(s)
    lol he was just using it as an example.

    What he was saying is that if you upload your images to a server you will need to tell the CSS to use a full path to the images eg:
    Code:
    background: url(http://mysite.com/images/background.jpg) no-repeat top left;
    Mike Swiffin - Community Team Advisor
    Only a woman can read between the lines of a one word answer.....

  19. #19
    SitePoint Member
    Join Date
    Mar 2006
    Posts
    4
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks that helps

  20. #20
    SitePoint Enthusiast Thelma's Avatar
    Join Date
    Jun 2004
    Location
    San Antonio. TX
    Posts
    31
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    If I want to test my new skills by creating a Christmas email I want to send to friends and family, I have my hosting account so I can upload all the files and images, how can I send this email campaign from my home computer - or is that not even possible? Right now, I'm using Outlook 2010, and I can certainly download t\Thunderbird (or whatever else I might need) - but do I need to.

    In case someone's wondering -- pasting the pretty HTML stuff into an email body and emailing it to yourself does NOT create a nice email, it just sends out the HTML.

  21. #21
    om nom nom nom Stomme poes's Avatar
    Join Date
    Aug 2007
    Location
    Netherlands
    Posts
    10,233
    Mentioned
    47 Post(s)
    Tagged
    1 Thread(s)
    In case someone's wondering -- pasting the pretty HTML stuff into an email body and emailing it to yourself does NOT create a nice email, it just sends out the HTML.
    If you are seeing HTML after getting the email, then the email was sent as text/plain in the MIME type.

    I don't know how Office works, but I do know that it's capable of sending HTML email; you don't need to go get Thunderbird (but give it a try if you're into trying out new email clients).

    Usually to set the correct MIME type of text/html, most of these email clients have a button or a setting somewhere called "Rich text". If you are able to find something like that and select it, then when you paste your HTML in there and send it, the recipient's email client (assuming it can also handle Rich Text... most graphical ones can) will parse the HTML, so only showing the content inside.

    It's also possible to block Rich Text in your email client. Make sure you don't have this setting on... if you do, all HTML emails coming your way will show you the HTML. So this also means clients you send to may also have it disabled.

    I use a text mail client (mutt) and I notice sometimes I get mail where the text says "you don't support HTML, here's a link" linking to the newsletter. I'm not sure how they know, but since I've not had previous contact with these senders, I think it must be some sort of script.

  22. #22
    SitePoint Member
    Join Date
    Jan 2012
    Posts
    1
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Question Sitepoint newsletters

    Strange that in the book Create Stunning HTML Email That Really Works! you suggest making the width only 600px wide but the Sitepoint newsletters are all 700px wide. Why is that please?

  23. #23
    om nom nom nom Stomme poes's Avatar
    Join Date
    Aug 2007
    Location
    Netherlands
    Posts
    10,233
    Mentioned
    47 Post(s)
    Tagged
    1 Thread(s)
    No idea but I know many people want HTML emails to be printable and because you never know someone's printer margin settings (since it's set on their printer), people try to start with the A4-safe size (780px or so) and go down from there. I think my print pages were all set at about 200mm or so. It's a gamble and 600px (or better yet, a measurement like mm or cm or inches) seems safer than a wider setting.

  24. #24
    SitePoint Wizard bronze trophy chris.upjohn's Avatar
    Join Date
    Apr 2010
    Location
    Melbourne, AU
    Posts
    2,183
    Mentioned
    17 Post(s)
    Tagged
    1 Thread(s)
    Emails or eDM's as they are known in the agency world should be 600px because all email clients have a standard width of 600px, an great example of this is Yahoo as they usually have an ad on the right side of the page when viewing an email which on a screen resolution of 1024x768 leaves exactly 600px of space for the email. Other clients such as Hotmail and Gmail follow the same rule of thumb so that developers around the world can develop using a standard width which they know will work in any online and local email client.

    Why SitePoint's email is 700px wide is a personal preference to fit more content into a tight space, i have worked on A LOT of eDM's in the past 2 years and the widest one i ever built was 750px wide which was cut off three quarters the way through which was bad for small screens but the target audience was known to have a screen that could see the email fine so in the end it really comes down to the audience you're targeting.
    Blog/Portfolio | Evolution Xtreme | DFG Design | DFG Hosting | CSS-Tricks | Stack Overflow | Paul Irish
    Having lame problems with your code? Let us help by using a jsFiddle


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •