HTML in Third Generation Editor

Regular Participant

HTML in Third Generation Editor

 At what point (if any) will we have the ability to edit message HTML code? I mostly use if for font size flexibility, but it's also useful for a vast array of message customizations...

 

Thanks! 

 

 

 

 

Top Answer
Jared_M
Employee

Hello everyone,

 

Currently, in our Third Generation Editor we do not allow access to edit the HTML and have no immediate plans to do so. We want to provide our customers with the abilities to be able to use a user-friendly interface instead of having to rely on a code view to get their desired results. With all the feedback we have been collecting we are planning on making improvements to padding and adding some line spacing elements in the UI. I know this doesn’t solve all use cases, such as adding tables, but we will continue to make strides towards improving the editor.

 

I understand allowing HTML would increase the ability for more control of your content but it can also have a negative impact on your newsletter’s display in email clients.  If we provide access to HTML for every block, changing some of the default styles or content could break display when sent to an email client. Also being able to manually adjust width could have a negative effect. We have a team of amazing engineers constantly testing our templates in all email clients, so you can be certain your email displays consistently across the board. With that in mind, we want to make sure we make it easy to provide the best look and feel not only on the desktop but on mobile. With a majority of opens now leaning towards mobile over desktop we take that as a priority.

 

Please continue to let us know your thoughts on HTML and what exactly you're trying to do so even if we don't have HTML access we will be able to give you the tools to get your desired outcome.

 

Thanks,


211 REPLIES 211
Frequent Participant

I have two feedback items (based on playing with the 3rd generation editor for a month or so):

 

One of the specific items that I'd like to give feedback on, is vertical spacing.  I used to be able to use the HTML code to vertically align text to the top, middle, or bottom of a section.  However, now the only way I can try to balance the excess white space is by hitting enter several times (a poor solution that looks terrible on phones).  Could we add in an option to align text vertically to the top, middle or bottom of a box?  That way, it still stays tight in the small space used in mobile, but doesn't look so oddly spaced on a desktop viewing.  Especially useful next to images!

horizontal spacing.jpg

My second item is more of a question.  I am not using the 3rd generation's social media option because it's missing some of the options we need (it has Fb, but is missing Flickr and Vimeo, which we like to highlight as well).  Instead, I've made three small images (no more than 40 px wide), that I was hoping would sit next to each other.  In a desktop format they do, but on the mobile preview, they sit on top of each other (which looks a little silly).  Is there a way to try and request certain images stay on the same line (maybe if they're below a certain size, or by adding them in as a specific block, keeping in mind that each of these needs to link somewhere separate, which is why I can't add it in as one image)?  I realize there's not a lot of space on phones, but that's why I made these images fairly small.

Social media buttons stacked.jpg

Trying to list some 'helpful' feedback, that would solve at least some of the pangs of missing the ability to edit HTML on the fly. 

Hello @LindaA23,

 

Thank you for that awesome feedback.  I will absolutely be sure to make notes of the points you're brought up and I will be sure to pass them along to the appropriate teams.  For the second portion, as of now we don't have a means to keep the blocks from stacking in the mobile view, but the option to lock certain blocks does sound like an idea that could be very cool to work with.  I apologize for any inconvenience and would like to thank you again for the level of detail in this feedback.

 


Briody_W
Community & Social Media Support

Did I answer your question? If so, please mark my post as an "Accepted Solution" by clicking the Accept as Solution button in the bottom right hand corner of this post.

Anyone can be a marketer! Visit our Blog & Resources page to brush up on the latest tips and tricks.
Frequent Participant

I have to use html for M dashes for one thing. What is the danger of allowing users to see html?


@Mariah_Pwrote:

@ErieBar,


Thank you for providing the features that you would like for the new editor. I have passed the feedback along to the appropriate teams! We do not have an estimated date at this time, but if it is implemented we will make sure that you are notified. Please let us know if you have any additional questions!

Thank you,



@Mariah_Pwrote:

@ErieBar,


Thank you for providing the features that you would like for the new editor. I have passed the feedback along to the appropriate teams! We do not have an estimated date at this time, but if it is implemented we will make sure that you are notified. Please let us know if you have any additional questions!

Thank you,


 

Frequent Participant

Hi, fortunately I only saw the interface when i went to update our welcome letter, which is virtually never used. But I hope you will not force this on us! Specific issue: I cannot get my social media icons/links to show up in a row. In my current footer there are 5 icons in a row inside a text block, each linked to the right place. First I tried just copying the block's HTML so as to paste it into a block in the welcome email, but... there is no way I can find to toggle to HTML view! (that's what I really need, in case I want to move other content to a new template in the future). So then I tried placing the 5 icons next to each other so I can re-build the links, and there is no way to do that either! If I put in an image, it makes a new block which is not what I want. AND there is no way to control image size if you're putting it into a text block, unless you fake it out by putting in spaces and then changing the text size. And then the next image makes a new block, so it's useless anyway. So bottom line, the new interface is snazzy looking but gives MUCH less control. I want more, rather than less control! (For example, paragraph spacing options, more control over spacing around images, additional divider lines that are simple lines with variable color, but responsive to screen size. And more.) Please let us know your plans for the new interface. If it's not going to improve and is going to be forced on us, I need to search for an alternative.

I just "upgraded" to the 3rd generation editor, and I totally agree with this.

In our newsletter, we have a row of 5 quicklinks near the top, which were set up in a 1-row x 5-column table.

There is apparently no way whatsoever in the new editor to do this!!!

After a lot of tweaking, I realized the only way I could do this was to have a 3-column block, followed by a 2-column block. Now the thing is that there is MUCH TOO MUCH SPACE between those 2 blocks! And the text in one of the blocks carries over to a second line, which increases the vertical footprint of section even more! I could theoretically fix this by decreasing the text size from 14 to 13, but to make it look right I'd have to decrease the text in all 5 blocks, which increases the white space even more! And I can't even change it to 13-point, because that's not an option (only 12 or 14)!

I could also possibly fix this by increasing the width of one just of the three blocks, but that doesn't seem possible either. And even though the promo material says something about changing the padding, I can't seem to do that either -- every time I try to grab the edge of a block to change its size, I end up just inadvertently moving around to the wrong place instead!

Hello @TempleAliyah. At this time, the most number of columns that an email created in the third-generation editor can have is three. I can certainly understand how having more columns would be useful when creating a menu bar of quicklinks. At this time, you cannot adjust the padding around a text block but you can adjust the size of the column if you have chosen a two or three-column layout. Here is a link to an article from our Knowledge Base that describes how to adjust the size of a column in the third-generation editor. Hope this helps!


Caitlin M.
Community Manager
Did I answer your question? If so, please mark my post as an "Accepted Solution" by clicking the Accept as Solution button in the bottom right hand corner of this post.

You're not alone on your email marketing journey. Connect with a Marketing Advisor to see how they can help you develop the right strategy for your business and get the most out of your Constant Contact experience.

Hello @SusanB26. Thank you so much for coming into the Community and for providing us with feedback on our third-generation editor. This is a new editor for many of our customers and we are constantly making updates to it, thanks to the feedback given to us just like yours. Here are a few helpful links that may provide more information on how to work in our third-generation editor:

 

Welcome to the Third-generation Editor [Video]

Moving from the Second-Generation Editor to the Third-Generation Editor

Insert or Remove Social Media Icons in the Third-Generation Editor

Add or Remove Images in the Third-Generation Editor

 

You can see any updates that we make to our editor by clicking the bell icon in the top right corner of your account or visiting our Product News board where we post monthly Release Notes.


Caitlin M.
Community Manager
Did I answer your question? If so, please mark my post as an "Accepted Solution" by clicking the Accept as Solution button in the bottom right hand corner of this post.

You're not alone on your email marketing journey. Connect with a Marketing Advisor to see how they can help you develop the right strategy for your business and get the most out of your Constant Contact experience.
Frequent Participant

Thank you for sharing the solution to the social icon issue. But I often need to tweak the HTML to correct font and other sticky formatting issues that arise. My HTML ability is up to tweaking, but not creating the whole message in HTML. So if this capability isn't restored if/when we are forced to move to the new interface, my organization will be moving to another vendor -- after at least 15 years of 1-4 messages per week! After posting my original message I researched more on your forum, and find that I have quite alot of company in asking for restoration of the ability to see/edit the HTML of a message that was created within a template using your WYSIWYG editor. BTW, I work with many programs, and have never seen a WYSIWYG editor that doesn't allow you to toggle to HTML view. I hope your company will give serious consideration to bringing it back.

Hey @SusanB26,

 

Thank you for the feedback! I completely understand that being able to tweak the HTML code as needed is a valuable feature for your emails. We track the amount of requests we receive for features such as this and send it over to our developers. I will be sure to track your request! 😃 Let us know if there is anything else we can help you with!

 

Desi_B
Community & Social Media Support

If you find my post helpful, and it answers your question, please mark it as an "Accepted Solution" by clicking the Accept as Solution button in the bottom right hand corner of this post.

Increase your profitability by integrating your email marketing and social media.  Download this guide and learn how you can achieve great results with email marketing and social media combined!
Regular Participant

We converted to 3rd gen today specifically for the tag functionality.  I have been very excited about the ability to "narrow down" lists with the tags etc..  Unfortunately, without the ability to edit in html and or use custom art with exact dimensions...heck, I can't even create a table with 4 columns.  I assumed that the next generation of editors would at least have the functionality of the previous editor.  I am going to have to go back to using the previous editor.  

 

You can go back?

 

Thank,

Mikey

Hey @LisaS07,

 

Thank you for reaching out to us! I'm happy to hear that you're excited about using our Tag system! I apologize that some of those features are not offered in the new editor. If you would like to continue using our older editor, you can create copies of your previous campaigns and keep on editing from there!

 

 

Desi_B
Community & Social Media Support

If you find my post helpful, and it answers your question, please mark it as an "Accepted Solution" by clicking the Accept as Solution button in the bottom right hand corner of this post.

Increase your profitability by integrating your email marketing and social media.  Download this guide and learn how you can achieve great results with email marketing and social media combined!
Occasional Participant

I have to agree with the previous posters. There isn't a single mailing that I do not access the html editor to tweak a color, border or something else.  This really seems like "the great leap backwards."

Hey @MarkH254,

 

Thanks for leaving your feedback on our newest editor!

 

We wanted to create an editor that was both user friendly and allowed you to create emails that display well on mobile devices. For that reason we decided to leave out the code view feature. That said, as you see here, this is a feature that a number of our customer want added back to Constant Contact. We'll be sure to pass along your feedback and let you know if this feature is re-added to our product.

 

Thanks!

 

Evan G.
Customer Engagement Specialist
If you find my post helpful, and it answers your question, please mark it as an "Accepted Solution" by clicking the Accept as Solution button in the bottom right hand corner of this post.

Increase your profitability by integrating your email marketing and social media. Download this guide and learn how you can achieve great results with email marketing and social media combined!


Adding my two cents. I NEED to make some minor tweaks to keep my client's email on brand without having two completely hand write code. Please allow some html code access. 

Hello @TriciaB78,

 

Thank you for reaching out to us. It will be my pleasure to assist today.

 

I did see one of your previous posts, but also wanted to add-on to this one.

 

I can definitely understand how beneficial it would be to have the HTML access within the editor. What tweaks exactly are you trying to accomplish via the HTML access? If you would be able to pass along some examples, that would be extremely helpful for the correct team to be able to review. I do want to apologize for any inconvenience the lack of HTML access has caused. Your feedback will definitely be passed along and tracked in your account. If you happen to have any further questions or ideas, please feel free to pass them along to us.

 

I hope you have a wonderful rest of your day!

Tiago_R
Community & Social Media Support

If you find my post helpful, and it answers your question, please mark it as an "Accepted Solution" by clicking the Accept as Solution button in the bottom right hand corner of this post.

Increase your profitability by integrating your email marketing and social media.  Download this guide and learn how you can achieve great results with email marketing

for starters:

controlling corner rounding, padding amount, insets on buttons and other elements so that I can make them on brand and still have html text

using fonts from typekit

putting html text over an image

controlling exact size and placement of an image so I can get two things to line up

Hi @TriciaB78,

 

Thank you for replying back to us and providing this information! I can definitely understand how beneficial and efficient it would be to have HTML access to make these minor changes. I have tracked the request to your account and have provided our developers with the specifics as to why the request is being made as well.

 

I want to touch on a few of the reasons for the request of HTML. In regards to custom fonts, we don't allow them because of the lack of compatibility they can have with different email clients. It would not be ideal to include font types that are not supported in a wide range of email clients and devices. For inserting text over an image, we do have an image editor tool that allows you insert a text over an image. This can be used for now as a workaround since there is currently no option to do this through the HTML.

 

You posted this elsewhere within the Community, but as a workaround for the button customization inquiry, you can navigate through different websites that provide tools and allow you to create buttons as images. You can then upload those buttons within the editor and link them with the required URL's. 

 

I do apologize once again for not having the ability to perform these functionalities through HTML, but let us know if you need assistance with anything else and please reach out to us with any great feedback or suggestions that you may have! Thank you!

Lucas_D
Community & Social Media Support

If you find my post helpful, and it answers your question, please mark it as an "Accepted Solution" by clicking the Accept as Solution button in the bottom right hand corner of this post.

Increase your profitability by integrating your email marketing and social media.  Download this guide and learn how you can achieve great results with email marketing

Wow, this new interface is terrible.

 

Discounting even common practices of 2019, I think the complaints in this thread run deeper.
Ground level editor tools that control simple HTML 4.01 things like:

 

- Adjusting an image's horizontal alignment -- gone.

- Padding on a button -- gone

- making a table (a simple one) -- gone

- making a border box -- gone.

- minute adjustments to HTML  -- gone.

 

We may as well have (c) 2006 forced into our email footers because that's about how far back in time this editor pushes us in terms of editability. And this is being generous.


-Mike

Hi @AdamR770 

 

Thank you for sharing this feedback on our editing system. I would however like to point out our newest image editing system does still allow you to adjust an image's horizontal alignment.

 

2019-02-25_12-44-03.png2019-02-25_12-44-29.png

 

Then for the buttons in your emails - while we do not have the option to add padding on a button, have you tried placing a spacer block above or below it? You can add a spacer block then customize how big the block. I also would like to apologize our table feature has not been carried over to our newest editor. Is there anything a 5 column layout will not work for in replacement of a table? As a workaround we suggest creating a screenshot of the table and add to the campaign.

 

We do however offer the option to insert sections into your email with or without a border. In fact we offer layout blocks under the the Build tab with borders around them.

 

2019-02-25_12-47-18.png

 

On the other hand, while we're not currently looking to incorporate HTML access to the editor, we are working to add features that would accomplish these similar goals. Is there anything that you are looking to do through HTML that you have not previously mentioned in this post? We are always open to ways to better our user's experience and can submit these ideas to the appropriate teams.


Frankie.P
Community & Social Media Support

Did I answer your question? If so, please mark my post as an "Accepted Solution" by clicking the Accept as Solution button in the bottom right hand corner of this post.

You're not alone on your email marketing journey. Connect with a Marketing Advisor to see how they can help you develop the right strategy for your business and get the most out of your Constant Contact experience.
Occasional Participant

One more vote for having the HTML editor back.
I need it to have the customized link behind the button.

Looks like I will need to look for an alternative email solution.

Hello @VarinU,

 

Thank you for adding your voice to the discussion. Have you considered using our custom code editor? You have free reign over the HTML code within that editor for building an email with more explicit specifications.

 

Otherwise the 3ge template builder is going to be your best bet as it is already coded to work best across nearly every email client, and especially for the major ones (e.g. outlook, gmail, yahoo, etc.) - especially for mobile presentation.


William D
Community & Social Media Support

Did I answer your question? If so, please mark my post as an "Accepted Solution" by clicking the Accept as Solution button in the bottom right hand corner of this post.

Anyone can be a marketer! Visit our Blog & Resources page to brush up on the latest tips and tricks.