In recognition of Martin Luther King Day, our Support Centers will be open with limited hours on Monday (1/18) from 10AM ET to 6PM ET. Visit our Help Center to see all of the ways you can find answers to your questions.

Formatting issue - email does not look like preview.

SOLVED
Go to solution
Occasional Participant

Formatting issue - email does not look like preview.

I'm having major difficulties getting the format in my meeting invite correct.  I always spend too much time changing font sizes and adding spaces only to have them revert or change to something completely different a couple of saves down the line.  The text editor has a mind of its own!  However -  the big issue is the resulting email.  Once I get the email looking the way it should in the preview, I send out a test email and open it in Outlook and its all jacked up again. 

 

How do I fix this?  I can't send the current email out to colleagues without looking like a moron. 

 

Thanks,

Shelley Broyles

1 ACCEPTED SOLUTION
Marketing Advisor

Hi there, 

When using our Second Generation Editor (2GE) sometimes what you are designing may not be the same design and layout that gets sent out to your contacts.

 

Email programs and mobile devices have unique ways of displaying emails. So, the email design your contacts see may not exactly match what you see when you preview it in Constant Contact which I know can be frustrating. These issues typically arise when you are copying an email multiple times as the HTML code for all of your edits from previous versions may cause these display issues. We recommend creating a new email, in this case, to make sure that you are starting fresh. If you use the same layout for all of your emails you can use the Save as template feature so that your edits to the design of the email will be saved and you can still create a new email to help avoid any display issues. Here’s more info on that.

 

Please see this FAQ with these design tips and you can make your email look better in all email programs (Outlook, Gmail, Yahoo, etc.):  http://conta.cc/2lkiaQZ

Always preview your email before sending whether you are using 2GE or 3GE.  I hope that helps! 

 

 

View solution in original post

575 REPLIES 575
Regular Participant

Thanks for the reply JG! Well, if that's the case, it's also an Outlook 2010 issue.

Hi Amy and JB, I'm taking a look at this now. I will update when I have more information. Thanks, Marissa W. Community & Social Media Support Representative

Hi guys,

Amy, the new email you can use in your account is titled "Revised of Winter Independence 2011". What I had to do is use an article block, (you can do this actually with any block respectively) and created Anchors. Then I went into the html code view for the block and added break tags to create the double spacing. Break tags look like this: < br > but there is no spacing in the tag.

What is causing this to happen in Outlook only is that when Outlook created Outlook 2007 and higher, they chose to use Microsoft Word rendering as opposed to Internet Explorer rendering, which is what they used for the earlier versions of Outlook. Browsers carry much more HTML/CSS support then Word.

Outlook is rendering the div tags as double spacing. When you use break tags instead, it will render properly.

I hope this helps both of you. I have put the FAQ below on how to insert anchors. Just copy and paste the URL into your browser to be taken to the FAQ.

FAQ for Anchors: http://conta.cc/hiphxd

Let me know if you have any other questions! Marissa

Occasional Participant

When I view the email, ConstantContact has added a large amount of white space between two Main Article Blocks.  That white space is not seen in the Preview window.  This is occuring with only one block.

Any ideas?

Hi Richard, I can not find this email in your account. Are you viewing the white space when you send the email out? Or are you seeing it in the edit view? Let me know or give Support a call at 1-866-289-2101. They are in the office until 11pm ET. Thanks, Marissa W. Community & Social Media Support Representative

Regular Participant

All of a sudden, my newsletter is showing a HUGE space in an article block (above headline) where it wasn't a few days ago.  This is not showing up in my preview, only when I test and send it out to others.  Again - not doing it two days ago!  Help!  This has to go out this morning!!!!

Hi,

 

Can you let me know which email this is? I'd also like to know what email client you are using to view the email? If you need immediate assistance, please call us at 1-866-289-2101.

 

Thanks,

 

 

Jarrad

If you find my post helpful, and it answers your question, please mark it as an "Accepted Solution"

Are you on Twitter? Follow me here!
Regular Participant

Sure.  It is September 2011 Newsletter - you will see that I have made a copy to see if I could "fix" it by re-doing an article block. 

 

I am using Outlook.  The others are as well.  The funny thing is that it wasn't doing this a few days ago when I was editing.  I went in today to add a picture and delete a block that we didn't need after all and then boom! 

Regular Participant

I copied the email, added a new article block, pasted the text in it and moved it up to where it needed to be where I deleted the problem block.  It is working now - looks good.  Still not sure what happened, but happy that it is ok to send out this morning.  I'd be very happy if I could find out why this happened for future reference. 

Hi,

 

What type of document are you using. I'm going to private message you my email address. Can you attach the document and we will try to recreate the issue?

 

 

Thanks,

Jarrad

If you find my post helpful, and it answers your question, please mark it as an "Accepted Solution"

Are you on Twitter? Follow me here!
Regular Participant

I change the templates alot, whether it be font style, color etc... when I review my email in preview mode it looks great, when i receive a copy in my inbox - all the changes have not taken; i.e., font color and size etc... Why is this and how do i fix it?

Hi Sharyn, Not all email clients are going to display the emails exactly as you see in the Preview. We send them the HTML that matches what you see in the Preview, however the individual email clients ( Yahoo, Outlook, etc ) then read the HTML as they wish. I did go into your account and sent a test email of your most recently sent email to my Outlook 2007, Yahoo and Gmail accounts and all match what is displayed in the Preview. Where are you viewing your email? Is it in Outlook 2003/2007, Gmail, etc? Are you viewing in an Internet Browser window ( Firefox, Internet Explorer)? I'd be happy to troubleshoot this with you or you can give our Support a call at 1-866-289-2101 at your convenience for immediate help. Thanks, Marissa W. Community & Social Media Support Representative

Occasional Participant

I am having this issue as well and was searching for a solution. I receive plenty of other e-newsletters from other companies & groups that seem to format correctly no matter where I view them (except cell phone of course). However, when creating enewsletters for my clients there are some issues. How are others avoiding this issue? I use a Firefox browser and an Ubuntu OS. Could that be the issue? This reflects on the sender's layout abilities and really throws them out the window sometimes. There must be some solution.

Regular Participant

we sent out an email this morning that had a very large image in the body (using advanced html email).

We linked the image to a client's url. The image also had an image map for a different link. The thought process was if a person clicked on the small area of the image map, they go to that URL. Anywhere else on the image, and they'd be directed to the URL that the image was linked to.

It works correctly "live" on the web and the preview worked - but the email that went out this morning, only the image map URL worked in my Outlook 2003.

Is this a known issue?

Hi Molly, If you're using a program like Outlook 2007, your image map links may not work properly. In Outlook 2007, the coordinates change, so that the proper section of the image is no longer clickable. In addition, Constant Contact does not track image map links. FAQ # 5043 explains the problems that can happen with image map links. You can access the FAQ by copying and pasting this url into your browser: http://conta.cc/i0sDRB Thanks, Jarrad Community & Social Media Support

Jarrad

If you find my post helpful, and it answers your question, please mark it as an "Accepted Solution"

Are you on Twitter? Follow me here!
Regular Participant

Thank you, Jarrad... a bit off topic, but in case you can help - does CC track email links?

Regular Participant

i mean, a link like: mailto:myemail@gmail.com

Hi Molly, Yes, we do track mailto: links. Hope this helps, Jarrad Community & Social Media Support

Jarrad

If you find my post helpful, and it answers your question, please mark it as an "Accepted Solution"

Are you on Twitter? Follow me here!
Regular Participant

helps a lot!! thank you

Regular Participant

I have just about had it with the terrible formatting problems in Constant Contact, such as formatting that is fine in editing mode, then when you save it it is totally different, with extra spacing between lines or paragraphs, different fonts or sizes, bold when it should be regular, etc., etc. It makes the end product look like some careless employee, i.e. ME, look like I don't know what I'm doing. Anyone else ready to switch to a new vendor?

Hi Sarah,

 

I'm sorry to hear about your formatting trouble.

 

I've noticed that most formatting problems happen because either an email is old and has had many copies made from it, or text was copied and pasted into the block.

 

If you are working from an old copy, I would suggest adding a new block to the email and see if that helps. If you continually work from the same email you can run into issues due to coding.

 

Even when you completely wipe out all of the text and images from a block, there is still coding and formatting behind that block that is never deleted. When you try to add and format new text in the block, you can run into issues due to the conflicting code. Adding a new block prevents this.

 

Another option is to create a new email and situate the blocks in the areas you would like them to display in the template. After formatting the blocks, Save that email and use that as your Master Template to make copies from.

 

If you are copying and pasting formatted text into Constant Contact you can also run into issues at times. That's because the text you are pasting in already has coding and formatting behind it. If our system doesn't recognize the coding or formatting, the text can display incorrectly.

 

I would suggest pasting text as plain text. You can do this by following these steps:

 

  1. Click the pencil Edit on the block in which you want to paste.
  2. Click Paste as Plain Text Paste
  3. Paste the text.

If you continue to have trouble with formatting please let me know or call us at 1-866-289-2101.

Jarrad

If you find my post helpful, and it answers your question, please mark it as an "Accepted Solution"

Are you on Twitter? Follow me here!