I'm sorry that you're having difficulty. Could you help me troubleshoot with you by answering a few questions for me please?
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.
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 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">
<!-- 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>
<!-- 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.
For a detailed response to this, I am going to recommend that you email: firstname.lastname@example.org 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.
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.
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:
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.
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.
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
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:
6. Click Save
Now preview your new background image!
Do you need to change the style of the background image? Check out these directions!
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?
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.