cancel
Showing results for 
Search instead for 
Did you mean: 

inserting HTML code

SOLVED
Occasional Participant

Re: Link image to email coding error

so note that previewing it shows everythign working fine! it is just when I hit save it doesn't want to do so!

Honored Contributor

Re: Link image to email coding error

Hello,

 

I'm sorry that you're having difficulty. Could you help me troubleshoot with you by answering a few questions for me please?

 

  • Where exactly are you placing the code?
  • Which email is this for?
  • I see you sent an email today, was this coding in that email?
  • Could you attach in a notepad file to this post the coding that you want to insert into the email?

I've opened a case within your account and will have a specialist who is familiar with HTML/XHTML work on this with you.

 

I did see that you are in South Africa and are 6 hours ahead of us here and our hours are 7am-11pm ET.

 

Thank you!

Occasional Advisor

Need help with adding Google Analytics

Can I get some help on this and this is how you can help me is below is the html code that I need to insert into the  Constant Contact for an Email News Letter Form to submit an Email to me via CC this way I can have google analytics intergrated with my CC sign up link.

 

This is the code I need to put into the code of my constant contac submission link:

 

onClick="_gaq.push(['_trackEvent', 'contact', 'prayer request', 'contact form', 0.02, false]);"

 

And it should look something like this for my Contact Form:

 

<input id=”contact-submit” class=”button” type=”submit” value=”Submit” onClick="_gaq.push(['_trackEvent', 'contact', 'prayer request', 'contact form', 0.02, false]);">

 

 I need to put the code above within the code of my submission link into the CC html code below in the correct place therefore, I need your help to where I put it because if we get it into the right place Google Analytics will be integrated with CC for my little snippet of code. 

 

Code from Constant Contact for an Email News Letter Form to submit an Email to me via CC:

 

<!-- BEGIN: Constant Contact Stylish Email Newsletter Form -->

<div align="center">

<div style="width:160px; background-color: #ffffff;">

<form name="ccoptin" action="http://visitor.constantcontact.com/d.jsp" target="_blank" method="post" style="margin-bottom:3;"><span style="background-color: #0000FF; float:right;margin-right:5;margin-top:3"><img src="http://img.constantcontact.com/ui/images1/visitor/email1_trans.gif" alt="Email Newsletter icon, E-mail Newsletter icon, Email List icon, E-mail List icon" border="0"></span>

<font style="font-weight: bold; font-family:Arial; font-size:24px; color:#0000FF;">Will You Let Us Pray For You? Start Now</font>

<input type="text" name="ea" size="20" value="" style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; font-size:10px; border:1px solid #999999;">

<input type="submit" name="go" value="GO" class="submit"  style="font-family:Verdana,Arial,Helvetica,sans-serif; font-size:10px;">

<input type="hidden" name="m" value="1103106318205">

<input type="hidden" name="p" value="oi">

</form>

</div>

</div>

<!-- END: Constant Contact Stylish Email Newsletter Form -->

<!-- BEGIN: SafeSubscribe -->

<div align="center" style="padding-top:5px;">

<a href="http://www.constantcontact.com/safesubscribe.jsp" target="_blank"><img src="http://img.constantcontact.com/ui/images1/safe_subscribe_logo.gif" border="0" width="168" height="14" alt=""/></a>

</div>

<!-- END: SafeSubscribe -->

 

To the MOD that gets to answer this please get it to someone who knows a little html and can answer it this will really help a lot of customers who use constant contact integrate with  Google Analytics for collecting and analyzing web site data and analytics.

 

Thank you,

Benjamin

 

 

Tags (3)
CTCT Employee

Re: Need help with adding Google Analytics

Hi there, 

 

 

For a detailed response to this, I am going to recommend that you email: webservices@constantcontact.com to get in touch with our technical team that specializes in these sorts of answers. Please include your message or a link to it here so that they can get a sense for your question. 

 

You want to make sure to email your Username too and any examples or screenshots that would be helpful for them to provide the proper answer to you. 

 

 

Bria
Social Support and Community
Occasional Advisor

Re: Need help with adding Google Analytics

Bria S, thanks and I will do It.

Moderator

Add a Border

Borders are good way to help you feature content or organize different areas of your email. You can add borders to your entire email, around images or just around blocks.

 

Please note, some templates have borders available by default and some don’t. You can check this with in the “Color & Fonts” area of the template. If there is a border section it will be specific to an area of the account. For example, in the “Announcement Red” template there is a border available for the coupon.

 10-8-2014 3-01-05 PM.jpg

To add a border around your entire email you will need some HTML knowledge. On the edit page of your email, click “Style Sheet” and then scroll until you see this piece of code:

 

.BODY{
border-bottom:10px solid #445555;
border-left:10px solid #445555;
border-right:10px solid #445555;
border-top:10px solid #445555;
}

 

You will want to change “10px” to whatever width you would like your border to be and  #445555  to the hex value of the color you would like the border to be. Scroll to the top of the page and click “Save”.

 

Please note, If the border appears around the email in Outlook 2007 and 2010, add the same code to the Template width rather than the Body width.

 

There are two ways to add a border to an image. If you would like more of a frame, edit the image using Aviary and choose to add a frame. Just resave the image to your Library and insert it into your email. Another option is to insert the image and then click “HTML” on the block. You will want to edit this piece of coding:

 

<imgsrc="https://origin.ih.constantcontact.com/fs115/1105032251266/img/179.jpg?ver=1412853802000" alt="Boston Terrier" name="ACCOUNT.IMAGE.179" border="2" height="151" hspace="5" vspace="5" width="103">

 

If you would like to add a border to an entire block, click to edit the block and then click the HTML button on the block. Find the first <td> tag and add this:

 

Style="border: 1px solid #000000;"

 

You will want to change “1px” to whatever width you would like your border to be and #000000 to the hex value of the color you would like the border to be. Click Save.

 

Make sure you preview and test your email before you send it out!

 

 

 

Hannah M.
Community and Social Media Support

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!
Tags (4)
Moderator

How to make an image a background image

You can add a background image to any template, even if it doesn’t have a background image by default.  Here are a couple of tips before we get started.

  • Not all email clients will show a background image. For more on this check out The Email Standards Project.
  • Make sure you include a background color in case the image isn’t able to show.
  • Adding an image to a template that doesn’t have a default does require some HTML knowledge. If you aren’t comfortable adding this to your template please contact support or use a template with a default background image.

 

To change the image in a template with a default background image:

1. Click to edit the email

2. On the left of the page choose to view the Colors & Fonts menu.

3. Under “Backgrounds” click on the Body Background thumbnail

background.jpg

4. Choose an image from the overlay window. You can insert from your library, Image URL, or template images!

5. Click Insert

6. You will now see the new background image reflected in the template preview.

 

 

Add an Image to a Template that Doesn't Have a Default Background Image:

1. If your template doesn't have a default background image, it is possible to add one to your email's style sheet.

2. Edit your email.

3. At the top of the page, click Style Sheet.

4. Locate the .Body declaration portion of the style sheet.

5. Insert the image URL into the .Body area, like this:

body.jpg

6. Click Save

 

Now preview your new background image!

 

Do you need to change the style of the background image? Check out these directions!

 

 

Hannah M.
Community and Social Media Support

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!
Tags (3)
Honored Contributor

Re: How to make an image a background image

Good tip.  Bookmaked this one.

Highlighted
Member

How can I add a donation button (non PayPal) to CC

I'd like to add a Donate button to my non-profit emails.  My card merchant provides HTML code that works fine on our website, click the donate button and the donor is taken to the merchant website to make a donation, then returned to our website upon completion of the transaction.  Haven't been able to figure out how it would work in an email.  Is it possible to add html code somewhere & link that to the button block?

CTCT Employee

Re: How can I add a donation button (non PayPal) to CC

Hello @SandraC425 

 

Our editor will accept basic HTML code in the block. If there is javascript involved at all, this method will not work. You can test this by adding a separate block, then copy and paste this HTML code into the Code View of the block. You can access the Code View once you're editing the block and click on the HTML button located on the bottom right of the style box. 

 

2015-02-27_1127.png

 

Clear out the code you see in the pop up window and paste your HTML there. If you receive any errors upon updating or saving. Then this option may not work. 

 

If that's the case, a great workaround would be to screen shot your donation button and upload that as an image to your library. Then you will be able to make this image a clickable link to your donation page. You can follow those instructions here: Make an image a clickable link

 

I hope this helps, please let us know if you have any additional questions. 

Amber Royal
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.
Still need help?
You can post a new message in the Community or find us on Twitter Mon-Fri 8am - 8pm ET. We've got real people waiting to help you out. Click below to start a conversation!