HTML in Third Generation Editor

Top Answer
Jared_M
CTCT 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,


Highlighted
Member

Re: HTML in Third Generation Editor

I also am very frustrated by inability to get into HTML!  Unfortunately none of the templates are exactly right for us, out of the box.  I chose the closest one, but want to create a photo header that exactly fits across the top, not floating in space like it is in the template. I can't see the width of the column to make it the right size. I can't assume it will resize properly without distortion or pixelating if I eyeball it, and I don't want to make it really big and let it size down, because my original photos don't support that. I just want to know -  how many pixels wide and high is that block! 

 

I frequently used to go into HTML to adjust things that just don't look quite right. It's just easier. For example when I import something that's in a list and the tags don't come in right, so things are nested that shouldn't be.

Highlighted
CTCT Employee

Re: HTML in Third Generation Editor

Hello @HalimaR,

 

The average pixel width of the header is 600 pixels, for all of the standard 'basic' templates.  That's true of most of the other standard templates as well, though if you search for anything with the 'wide' tag those are 800 pixels.  The height does not matter, as the block's height resizes automatically based off of the content.  There are a few other exceptions, but that should be the same across the vast majority.

Every image in the new editor is meant to be easily re-sizable though, so click the two-pointed arrow in the bottom corner of it, and dragging downwards, should make essentially 'any' image full-size, without significant distortion.  The new editor is better at resizing images than the legacy editor, though it's admittedly less precise.

 

We are always looking to implement further upgrades to the system.  Some additions, like html access, have other implications which cause delays, or prevent us from enabling them easily for all customers.  We won't release an update if we fully believe it will cause more harm than good, but we do take your feedback very seriously.  I can honestly say that internally there's a lot of discussion throughout all levels of the organization about how best to give you the tools you want and need, while keeping the system as stable and reliable as possible.


Aaron_H
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.
Highlighted
Regular Visitor

Re: HTML in Third Generation Editor

After several years and numerous requests by users, it's become obvious that CC really has no intention of every re-integrating HTML editing into the 3rd Generation Editor. You've opted to focus your editor on the simplest and most-elementary user while leaving those of us who consistently used the previous HTML to make adjustments to the basic templates. Time to look for another service.

 

Dan Schutte

Highlighted
Occasional Participant

Re: HTML in Third Generation Editor

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. 

Highlighted
CTCT Employee

Re: HTML in Third Generation Editor

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.
Highlighted
Occasional Participant

Re: HTML in Third Generation Editor

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,


 

Occasional Participant

New editing interface is terrible! How can I...

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.
Highlighted
Occasional Participant

Re: New editing interface is terrible! How can I...

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!

Highlighted
Administrator

Re: New editing interface is terrible! How can I...

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 & 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.
Highlighted
Administrator

Re: New editing interface is terrible! How can I...

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 & 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.
Constant Contact would like to hear from you

We want to hear from customers like you about your favorite features and how they have helped your business or organization. Tell us by answering a few questions in...

Read More
Featured