Constant Contact Tools
Talk to your peers, share tips, and connect with us about our email,
event, survey and local deal standalone tools.
Reply
New Member
Posts: 1
Registered: ‎04-12-2011

How can I create a custom template and maintain newsletter editor functionality for my client

Looking to create a custom template but still preserve the editing features of the template editor. My client does not know HTML so working directly in the HTML wont be an option to edit newsletter communications.

 

Is there any documentation out there that defines how to do this?

Posts: 2,207
Kudos: 148
Solutions: 22
Registered: ‎10-20-2009

Re: How can I create a custom template and maintain newsletter editor functionality for my client

It is possible but takes some custom coding outside of the CTCT envirnoment.

 

Are you familiar with HTML and CSS?

Participating Solution Provider
Posts: 40
Registered: ‎08-11-2009

Join My Mailing List

Re: How can I create a custom template and maintain newsletter editor functionality for my client

How about simply opening a second CC acount for your client?

Sincerely,
Ray Higgins
Cybermail Marketing
ray@cybermailmarketing.com
Posts: 1,981
Topics: 0
Kudos: 283
Solutions: 88
Registered: ‎10-18-2010

Re: How to import own HTML document????

Hi,

 

 

You can create your own custom HTML email by following these steps:

 

  1. Enter an email name within the Email Name text box and click Next
  2. If prompted to select a wizard, do so and click Next to display the "Template Selection" page.
  3. Click the "Use My Own Code" link at the bottom of the Template Categories section.
  4. Select the HTML or XHTML format and click Next. The Custom Wizard displays.

    Important: This is an advanced topic and requires previous HTML and XHTML knowledge.
  5. Complete your message settings by filling in the Message Header, Personalization, and Footer sections.
  6. Click the "Advanced Editor" link on the left side of the Wizard to add your code.

    • If you choose the HTML custom template, complete the HTML and Text tabs.
    • If you choose the XHTML custom template, complete the HTML, Text, and Style tabs.
  7. When you are done, click Save & Return.

I hope this helps,

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!
Highlighted
Member
Posts: 5
Registered: ‎09-26-2011

RE: Creating a custom email template from existing HTML and using Constant Contact tags

I'd like to create a custom email template from an existing XHTML source (which I've already done, no problem), and then modify it to use Constant Contact tags.

 

Alternatively, I could use an existing template and modify its source code, including Constant Contact tags, although that seems like more work than the first approach.

 

I've been trying to figure out how to look at the source code for an existing template, so I can pattern my own after it, but I haven't been able to figure out how to view the source code for an existing template.  Is that somehow considered a no-no?

 

I've found the Advanced Editor User's Guide, where there's some discussion of Constant Contact tags, but precious little in that about how to use those tags, except at a very low level, and no complete tag description.  For example, the <ForEach> tag is mentioned, but the closest the document comes in documenting what it does and why/when you might want to use it is buried in some text, and says; "In the following example, the paragraph is within a <ForEach> loop (which allows you to add additional paragraphs in the Wizard)."

 

Could someone tell me where to go to find out how to do these things, and where to get more detailed tag information?

 

Thanks in anticipation...

Posts: 453
Topics: 0
Kudos: 24
Solutions: 21
Registered: ‎06-28-2011

Re: RE: Creating a custom email template from existing HTML and using Constant Contact tags

Hey Dona,

 

Currently there is no way to view the existing code into an email template as they are programmed with proprietary software and  are created internally.  We have no way as of yet to have you create your very own theme from scratch.  This is a great feature request and I will pass it on to the engineers. 

 

Now you can definitely customize your templates by editing the style-sheet and adding HTML to the blocks themselves.  Once you customize it the way you would like you can make a copy of the email and use that as your own template. 


Now if you want to use your own X / HTML you can create these from scratch, however anyone who edits the email will need to know HTML.  The Advanced editors guide shows you how to use our custom XHTML in the XHTML emails but it wont allow you to create dynamic data like it sounds like you are doing. 

Please let me know if this helps.

Ryan Davis
Quality Engineer
Member
Posts: 5
Registered: ‎09-26-2011

Re: RE: Creating a custom email template from existing HTML and using Constant Contact tags

Thanks, Ryan, for the informative response.

 

I have managed to do what you suggest, and create an email based on an existing template, and then modify it to my needs.  Fortunately, I know HTML and CSS so I could mostly figure it out, although it's not for the faint of heart. 8^)

 

Forwarding this suggestion to the engineers would be much appreciated!

 

The first thing I did was to create an email based on our own XHTML, but our goal was to have an email format that people could add content to without having to know lots of techie things like HTML and CSS.  So, this approach didn't solve our problem.  Modifying en existing templare did.

 

Regards

New Member
Posts: 1
Registered: ‎11-17-2011

Importing an existing html newsletter form

Hi;

 

I have a html e-newsletter form, but I do not know where/how to import it into Constant Contact to email out - I would love to figure out how.

 

Thanks,

B

Posts: 1,981
Topics: 0
Kudos: 283
Solutions: 88
Registered: ‎10-18-2010

Re: Importing an existing html newsletter form

Hi Tim,


Welcome to the Community! You can definitely use your own code to create a custom email. I found this, which should help:

 

To create an email with your own code:

  1. Enter an email name within the Email Name text box and click Next
  2. If prompted to select a wizard, do so and click Next to display the "Template Selection" page.
  3. Click the "Use My Own Code" link at the bottom of the Template Categories section.
  4. Select the HTML or XHTML format and click Next. The Custom Wizard displays.

    Important: This is an advanced topic and requires previous HTML and XHTML knowledge.
  5. Complete your message settings by filling in the Message Header, Personalization, and Footer sections.
  6. Click the "Advanced Editor" link on the left side of the Wizard to add your code.

    • If you choose the HTML custom template, complete the HTML and Text tabs.
    • If you choose the XHTML custom template, complete the HTML, Text, and Style tabs.
  7. When you are done, click Save & Return.

Done creating your email? See if it meets the best practices for great looking emails.

Notes:

  • If you created your email in a design application (such as Dreamweaver), export the HTML code from that program. Please see that program's website or help section for information on how to export the code.
  • When referencing an image, use the full URL and not a relative URL. See common custom HTML coding issues.
  • The format of MHTML (.mht) is not supported.
  • Dynamic links will work in an XHTML template, but contact Support for more information.  
  • If HTML is not for you, there are other options for creating an email from a document.
  • To reuse a custom email, make a copy of it and edit the content.
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!
Visitor
Posts: 1
Registered: ‎01-04-2012

Re: Can I use the Advanced Editor to create a reusable template for others?

This is bad to know.. Just wondering if by this April 7 of 2012 this changed and now we are able to use WYSIWYG editor to modify custom templates that we created on PSD and coded into xHTML and CSS.

It would be great that you make this feature available.