NoviceForm.com

Computers, Web Design and Social Media

Create an Email Newsletter

Here I show you how to create an email newsletter, create an auto responder, design your newsletter and Track what People do on your Newsletter. I prefer the Mailchimp Newsletter System because they have a free newsletter system.
Video Rating: 5 / 5

This is the fourth part of a multiple part tutorial series on creating HTML emails from a pre-designed document. Many firms that rely on marketing have a similar scenario: The marketing staff has created various marketing pieces that work great as print pieces, but when they want to do some customized e-mail marketing, the effort boils down to sending attached PDF documents or using template based subscription services. In this session, we are using Dreamweaver to review, cleanup and prep the HTML for use in our email marketing piece. In the previous sessions, we’ve exported a PDF flyer to an image, then sliced the image using Photoshop, now we are making final adjustments and doing a little cleanup using Dreamweaver before the files are uploaded to the webserver. Why are we uploading files to the webserver? Well, after we insert our clean HTML code into an e-mail (using Outlook or some other email tool), that code will be looking for images stored somewhere on the internet. The HTML code basically tells the computer where to look for the images, so when you are sending an HTML email, there are no attachments. Dreamweaver can make this process fairly easy once you get the hang of it, but like all Adobe CS porducts, it can be a little overwhelming at first. This tutorial will help guide you through this process. For a more detailed version of this tutorial, visit my blog at www.edhart.me If you find this tutorial helpful, please post a comment or share using Facebook
Video Rating: 5 / 5

Category: General
  • 123contactform says:

    For forms-to-contacts lead generating surveys and forms, check out 123ContactForm, syncs with MailChimp in a click.

    January 10, 2012 at 12:36 am
  • derekbanas says:

    @mrronwoodson Thank you :) 

    January 10, 2012 at 1:22 am
  • mrronwoodson says:

    Excellent job Excellent!!!!

    January 10, 2012 at 1:38 am
  • coplayertw says:

    looks good. but i noticed there was a mailchimp logo in the template u used. its not fixed is it?

    January 10, 2012 at 2:03 am
  • coplayertw says:

    thanks

    January 10, 2012 at 2:18 am
  • derekbanas says:

    @ShaMorris81 Glad you liked it. Mail chimp provides a great service

    January 10, 2012 at 3:04 am
  • ShaMorris81 says:

    this was great! thank you for sharing, im more confident using the site now.

    January 10, 2012 at 4:02 am
  • derekbanas says:

    @ubotstudios5 Thanks bot857 :)

    January 10, 2012 at 4:38 am
  • derekbanas says:

    @musickidd No you can’t embed video in any email. There is a tricky way you can use animated gifs and audio, but people hate receiving emails like that. It scares them

    January 10, 2012 at 4:46 am
  • musickidd says:

    Can u put an youtube video on the newsletter?

    January 10, 2012 at 5:12 am
  • derekbanas says:

    @gwopmoula You’re very welcome :)

    January 10, 2012 at 6:06 am
  • gwopmoula says:

    thanks a lot =) been finding for something like this for a while!

    January 10, 2012 at 6:22 am
  • derekbanas says:

    @jessicasprong Absolutely. They have added even more features since I put this tutorial up

    January 10, 2012 at 7:04 am
  • jessicasprong says:

    I think its nice to use MailChimp, just one VERY important question, I want to design my own custom design newsletter, can I do that with MailChimp??

    January 10, 2012 at 7:20 am
  • derekbanas says:

    @CHEATSizME MailChimp is pretty awesome!

    January 10, 2012 at 7:43 am
  • CHEATSizME says:

    its 2,000 now

    January 10, 2012 at 7:59 am
  • derekbanas says:

    @MsSugarVintage1 You’re welcome. MailChimp is great and Free!

    January 10, 2012 at 8:01 am
  • MsSugarVintage1 says:

    Wow…thank you for such a straightforward vid! So helpful!

    January 10, 2012 at 8:54 am
  • derekbanas says:

    @colinroxanduknowit Yes, Mailchimp is a great service. Thanks for the nice comment. Very glad to help!

    January 10, 2012 at 9:12 am
  • eh3k says:

    Thanks for the note & sure, you can link from anything, words or images.

    January 10, 2012 at 9:47 am
  • abovethclouds says:

    If your taking it from a Jpeg…can you link indivdual words? or just images?

    Great tut by the way!

    January 10, 2012 at 9:50 am
  • eh3k says:

    @Grammyroxlynn I do know that different e-mail platforms, particularly gmail, renders HTML differently. I would suggest using Firefox and installing the Firebug add-on that will let you inspect the HTML and possibly identify any coding that you can do to make the images render better. In my experience Gmail (on the web) tends to be the main issue. Generally when reading email through a client like Outlook or Mac mail, there aren’t really any issues.

    January 10, 2012 at 10:50 am
  • Grammyroxlynn says:

    I found your instructions to be very clear and instructive. However, I am having problems with some recipients of my HTML email seeing parts jogged to the right and an empty white space between two side-by-side slices. I have double-checked all the math, and made sure to follow your instructions about 0 border, but it still comes out that way on a few of Windows Explorer users. It looks fine on my own and many other test sites. Any clues?

    January 10, 2012 at 11:37 am
  • eh3k says:

    @Amberlina03 Thanks again!

    January 10, 2012 at 12:27 pm
  • Amberlina03 says:

    This one was very helpful as well. Thank you so much for the great tutorials!

    January 10, 2012 at 12:31 pm

Your email address will not be published. Required fields are marked *

*