How to Keep Perfect Formatting when Sending Out a Newsletter
Some of you may already have noticed that when sending out a newsletter, your formatting may be different than what you previewed.
This is actually not a mistake with our sites, but reliant upon what email service receives your newsletter and how they treat it.
But fear not, there is a way to keep your formatting exactly the way you want it, but it can require some work to do so.
Essentially, the trick is to create your newsletter in a program that you can then convert to an image. For this example I will be using Adobe Acrobat, but this can work for other programs like Word and whatnot:
1) Create your newsletter in Adobe Acrobat.
2) Save your newsletter as a PNG file rather than a PDF.
NOTE: If you do not have Adobe Acrobat and are using a different program, you may be able to convert the file to an image.
ePub.com is a site that allows you to take PDFs and convert the file into images as long as they are under 1MB in size. If over, you can always make separate PDFs of the same PDF to get it under the size restriction.
Otherwise, you may be able to just save your file as an image depending on what program you are using.
3) Once converted you can upload your image as an Asset.
4) You can now place the image in your newsletter.
This works because an image is a flattened object, meaning, while it may show text and whatnot, the text is actually an image. Your email cannot reformat the image because it is not something that is formatted.
What if you need to add links to certain words or images?
This will require more work, but it is necessary if using the method above and you need links. We are going to create an image map for our image.
NOTE: There is a image size restriction of 100KB. If over, you need to reduce the size of your image somehow.
6) Click Choose File and find the image you want to make an image map for.
7) Fill out the Access Code, not the Upload code.
8) Click Upload image/Fetch HTML image map.
9) The image should now be uploaded and showing. Click on Draw Shape buttons.
10) Draw your shape over the area on the image you want people to be able to click and be brought to a different area.
11) Fill our the URL the specified area is meant to link to.
12) Fill out the Alt Text as you desire, and any other options you may want.
13) Click Save region and repeat steps #9 & #10 for as many links as you want to add to your image.
14) Click Create HTML Map.
15) Copy the HTML presented.
16) Go your website and login as an admin.
17) Go to Assets.
18) Upload your image you want to use for the image map.
19) Copy the link for your image asset.
20) In your image map HTML, under START COPY, you will see img src=
You will need to replace the information in the quotes with the link to your image asset.
Here is an example of what it will look like before you paste the link:
Here is an example of what it will look like after:
21) Go to your Newsletter.
22) Create a new newsletter. Or modify an existing one.
23) Click the HTML button on the text editor.
24) Paste the modified image map HTML code in.
25) Save newsletter.
Your newsletter should now be formatted as wanted and still have links where needed.