How to Create Your Own Ezine Template

Are you sending out a regular ezine or newsletter to your list of subscribers?

Got your own custom template yet?  If not, it’s easy to create your own!

Since my last code related tutorial, How to Add Social Networking Icons to Your Blog, went over well I decided to share another one.

First, why use a custom template?

  • Brand yourself with a professional image
  • Make it easy for readers to connect your emails with your website
  • Because they’re pretty

Okay, so that third one isn’t really the best reason.  But I still like pretty things.

Here’s how to create your own basic ezine template to use in a mailing service like Aweber, 1ShoppingCart or MailChimp.

Step 1: Decide on the Basics

What do you want to include in your ezine?

A general structure might include:

  • header graphic
  • sub-header + text
  • sub-header + text
  • sub-header + text
  • closing + copyright info

Your header graphic can match your website’s header, or be customized for your ezine, but you might want to consider keeping them similar in color/style/theme so it’s easy for readers to associate your ezine with your website.

Your sub-headers might be:

– news and notes
– what’s in this issue

– featured article
– this month’s tip

– new on the blog
– new on the site

– where’s (name here) at
– upcoming teleseminars and events
– coming this month

– recommended resources
– business resources
– friends I recommend
– things to help you in your business

– client spotlight
– featured client
– testimonials
– what clients say

– featured product
– how (name here) can help you
– work with (name here)

– about (name here)
– who I am

– subscription information
– the fine print

You wouldn’t want to use everything in this list, it’s just some ideas to get you started.

Step 2: Create Your Graphics

Your header image from your website or blog might work well as a header for your template.  If so, you can just resize it to fit.  Otherwise, you can create one for your ezine with www.pixlr.com Upload your logo/photo, and add the text you’d like to include.

Here’s an example of a sub-header:

If you need an easy place to create yours, try www.cooltext.com or www.pixlr.com

You’ll want all your images to be the same width so keep that in mind as you create your header and sub-headers.

Be sure to save all your images to your computer once you’ve created them.

Step 3: Upload Your Graphics to Your Hosting Space

Next you’ll need to upload them to your hosting space.

If you’re using WordPress you can upload them under “Media” > “Add New”

Click the button to upload each image.  In the pop up, choose your image and click to upload it.

The image will show up in a little thumbnail with some info.  Look for the URL field.

Click to Enlarge

 

Now open Notepad or a text editing program (Notepad++, WordPad, etc) and copy each image’s URL.

They’ll look something like this:

http://michelleshaeffer.com/wp-content/uploads/2011/03/MichelleShaeffer-ezine.jpg

If you’re not using WordPress you can upload your images through your cPanel or with FTP.  I recommend Filezilla if you need an FTP program.  It’s free and works on PC & Mac.

Step 4: Create Your HTML Code

The basic HTML code I use for my ezine template is:

<table border=0 width=750><tr><td>
<img src=”HEADERIMAGE”>
<img src=”FIRSTSUBHEAD”>
<p>Add text here.</p>
<img src=”SECONDSUBHEAD”>
<p>Add text here.</p>
<img src=”THIRDSUBHEAD”>
<p>Add text here.</p>
<img src=”FOURTHSUBHEAD”>
<p>Add text here.</p>
<img src=”FIFTHSUBHEAD”>
<p>Add text here.</p>
</td></tr></table>

You can adjust the width to the width you made your header and sub-headers.  You don’t want to make it too wide though or people will have to scroll sideways to read your ezine.

Each of the CAPS notes are replaced with the actual URL of the image.  So it becomes:

<img src=”http://michelleshaeffer.com/wp-content/uploads/2011/03/MichelleShaeffer-ezine.jpg”>

This is what my code would look like:

<table border=0 width=750><tr><td>
<img src=”http://michelleshaeffer.com/wp-content/uploads/2011/03/MichelleShaeffer-ezine.jpg”>
<img src=”http://michelleshaeffer.com/wp-content/uploads/2011/03/newsandnotes.jpg”>
<p>Add text here.</p>
<img src=”http://michelleshaeffer.com/wp-content/uploads/2011/03/featuredarticle.jpg”>
<p>Add text here.</p>
<img src=”http://michelleshaeffer.com/wp-content/uploads/2011/03/newontheblog.jpg”>
<p>Add text here.</p>
<img src=”http://michelleshaeffer.com/wp-content/uploads/2011/03/recommendedresources.jpg”>
<p>Add text here.</p>
<img src=”http://michelleshaeffer.com/wp-content/uploads/2011/03/connectwithmeonline.jpg”>
<p>Add text here.</p>
</td></tr></table>

Add in your header and your sub-headers to the code above, then save it in Notepad.

Step 5: Add Your Template to Your Mailing Service & Create Your Ezine

Now you’re ready to test your template.  Login to your mailing service and go to where you create a new message.

Click the “HTML” or “Code” tab for your message editor, then paste in your saved code.

Click to Enlarge

Now click “Design” or whatever tab flips you back to the regular view and edit as desired.

Click to Enlarge

Continue editing, then save, test and send!

Newspaper photo credit: http://www.sxc.hu/profile/bury

Comments

  1. says

    wow… nice, but it involves too much work :)) i mean, now we’re trying to get the most with the least effort, time and money invested… I don’t know if I’d try such thing.. maybe outsource it:)
    Joe recently posted… Bootscharter HollandMy Profile

  2. says

    Hi Michelle,

    Wow, in-depth! I wasn’t even aware of the fact you could create an ezine template.

    I can see you provide great attention to detail; a hallmark of a successful person. Keep on doing things in this certain way.

    Thanks for sharing with us!

    RB

  3. says

    regarding the outsourcing part.. I guess it depends… if you’re an empoyee, working from 9 to 5 and want to make some money of out a few blogs or affiliate marketing, than you have the money, but you don’t have the time, so you can afford to outsource.. but if you don’t have the money, but you have all the day free, than you can struggle and do this:D
    Bani recently posted… Groom Wedding SpeechMy Profile

  4. says

    WOW! MIchelle…you sure do put out tremendous value! I didn’t know you could create an ezine from WordPress…very cool. And yes, that is where a dynamic VA who knows WP would be most beneficial! Thanks!

  5. says

    I implemented your Social Networking Icons and although I am not ready to launch an ezine yet, I will be back here to follow this tutorial. It seems very technical but again, it’s only when you do it that you get to see how simple and clear your steps are! Thanks for these awesome tutorials :)

    • says

      And that’s why I don’t mind sharing this type of info. I know there will always be a market for those who want to provide this service because some just don’t want to dig into code — and we love you for that. ;) But for those who want to go DIY, it’s fun to share/learn. :)

  6. says

    Hello, Michelle. I do my AA-1 Designs E-Zine directly in my E-Mail. Do I need a code and a mailing service to use a template? One problem I’m finding is that the AA-1 Designs Associates tell me they can’t print the E-Zine. Because I like the colors, I still do the E-Zine in my E-Mail, with an attachment of the E-Zine in a Word document. I don’t take the time to make that pretty. I don’t like it because it looks so unprofessional. However, I decided that the Word document does make it easier to save in the computer system and printing is easier. I like to use the character cartoon at the end of the E-Zine. I think this is what causes the printing problem. I tested the printing myself. For some reason the left margin starts almost in the middle of the page, causing everything in the right 1/4 of the page to not print. I suppose I could delete the character at the bottom. Maybe this would eliminate the wide left margin. It’s just so darn cute, but not functional. Thank you for sharing your tutorial and free web sites. I was not aware of them. As I tell the AA-1 Designs Associates, the AA-1 Designs E-Zine will only get better because of you. We’re all learning together. Thank you for your time in reading this message. Take care. Happy Spring! Rosella Young

  7. says

    Hello, Michelle. I think I goofed. I just realized that some of your bloggers are international. My web site is only set up to operate in the United States on a national basis. I generally don’t list my web site on blogs for this reason. I saw where you are in Anchorage, so presumed your bloggers were only from the United States. Duh! So this may be why your site is relaying an error. I just clicked on my name in your blog site. It took me directly to my web site. Then when I went to write another comment, is when I got this error message. I was really interested in the Organising Queen. When I went to her web site is when I realized, oops, she’s international. So sorry for the miscommunication and mishap. I hope this clears up things. Thank you for your time in this matter. Take care. Rosella Young

Leave a Reply

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

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

CommentLuv badge