cancel
Showing results for 
Search instead for 
Did you mean: 

inserting HTML code

SOLVED
Honored Contributor

Re: Block Contains Invalid URL

Hello @BethanyC24 , 

 

Most mobile devices will do this by default so that the user can click to call the number.  Some email clients will do this as well if they have a feature available to perform calls, like Gmail. This link will be the generic blue color though.  I was able to add in a link to a phone number (in HTML and XHTML) by following this format for the link:  <a href="+12223334444">1-222-333-444</a>.  It looks like the + is what is missing from the original response here, so it could be that by adding that in, our system will allow the link.  Please keep in mind, that on a desktop computer, outside of an email client that can make calls, this link will not function properly. 

 

I hope that this helps.  Also, in regards to your comment about the decision to overwrite our error message about your custom code, could you submit that as an idea here?  By submitting this in our Feedback Forums other Constant Contact users are able to comment and vote on the idea.  The more comments and votes that this receives, the higher the likelihood that this would be added as a feature in the future. 

Occasional Participant

Re: Block Contains Invalid URL

This HTML did not work for me.

 

I would like to have a link to call the phone number.

Phone numbers in Constant Contact emails do not show as a link to call on peoples' phones.

 

Thank you for your help.

Jean

 

 

Honored Contributor

Re: Block Contains Invalid URL

Hi @AndrewB6282

 

I just tested this out in one of our templates. I was able to get the phone number as clickable on my iPhone in my Mail app for Gmail, Yahoo, and my work Outlook.

 

I just simply typed the number in like normal and it showed up clickable. What happens when you enter the phone number directly? Also what type of phone are you using? This may be a setting you have to change in your actual phone.

 

Let me know what you find out!

Occasional Participant

How to post Background image in a block?

Does anyone have an example on how to create an image as a background of a block??  Also, will the image have to be in the Constant Contacts image folder or will an outside source, such as Photobucket work?

 

Thanks in advance!

CTCT Employee

Re: How to post Background image in a block?

RJEngland,

 

Thank you for your questions.  You can insert a background image into any block but you must do so in the HTML code unless the template you selected to create your email already has this feature in the "Colors & Fonts - Backgrounds" section. 

 

Before you can add an image to display in the background of a block in your email:

 

 

Add the Background Image

Now that you've copied the image's URL, make the image appear in your email by inserting its URL into the code.

To insert the image URL into your email's HTML code:

  1. While editing your email draft, hover your cursor over the block that needs the background image.
  2. Click the block's Edit icon .
  3. Click the HTML  button within the toolbar.
  4. Locate the <td> tag near the top in purple, then search for the style information.
    Example: style="background-image: url('http://examplesite.com/background.gif');"
    Important: This must be added to the <td> tag; if there is already a style=".." in the <td> tag, please add background-image: url('http://examplesite.com/background.gif'); to that style
  5. Replace http://examplesite.com/background.gif with the link to your image.
    Example: style="background-image: url('urlhere'):"
    Important: The word url in "background-image: url" has to be lowercase and included in the apostrophes.
  6. Click Update.

Your selected image now displays in the email block. 

Next Steps

After adding the background image to your email, it's a good idea to:

 I hope this helps! If you have any additional questions, or if you just need some help, please feel free to respond to this message with the details, or call our Support Team directly at (866) 289-2101. Our hours are Monday-Thursday 7am-11pm ET, Friday 7am-9pm ET,  Saturday & Sunday 10am-8pm ET.

 

Thank you for your time.

 

 

Troy S.
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.
Occasional Participant

Re: How to post Background image in a block?

We still have been unable to make this work.  Can you please assist us further?  This is what we currently have:

 

<table width="100%" id="textEdit" style="display: table; background-color: rgb(73, 179, 255);" bgcolor="#49b3ff" border="0" cellspacing="0" cellpadding="0">
  <tbody>
    <tr>
      <td align="left" valign="top" style="padding: 14px 53px 18px; color: rgb(128, 0, 0); font-family: Arial Black,Avant Garde; font-size: 16pt;" styleclass=" style_Title">
        <div>
          <div align="center" style="text-align: center;"><span>$0 -&nbsp;$5,000&nbsp;</span></div>
        </div>
      </td>
    </tr>
  </tbody>
</table>

 

We are trying to add this test image to the block:

http://s61.photobucket.com/user/john82wa/media/untitled.png.html?sort=3&o=0

 

??

CTCT Employee

Re: How to post Background image in a block?

Hi RJ. You need to include your background image in your style:

 

<table width="100%" id="textEdit" style="display: table; background-color: rgb(73, 179, 255); background-image: url('http://i61.photobucket.com/albums/h41/john82wa/untitled.png');" bgcolor="#49b3ff" border="0"cellspac...

 

You can also add some more code if you don't want the image to start at the upper left-hand corner of the table:

 

<table width="100%" id="textEdit" style="display: table; background-color: rgb(73, 179, 255); background-image: url('http://i61.photobucket.com/albums/h41/john82wa/untitled.png'); background-repeat:no-repeat;  background-attachment:fixed;  background-position:center;" bgcolor="#49b3ff" border="0"cellspacing="0" cellpadding="0">

 

This will keep the packground image centered in your table and will keep it from repeating.

Jeff Gilson
Community & 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!
Occasional Participant

Re: How to post Background image in a block?

Jeff,

I attempted to place it in the space where suggested and it simply highlights the rest in RED.  The previous post as well mentioned to place the code AFTER the <td> which also would not work.  Below is a copy of the attempted code:

 

<table width="100%" id="textEdit" style="display: table; background-color: rgb(73, 179, 255);" background-image: url('http://i61.photobucket.com/albums/h41/john82wa/untitled.png');" bgcolor="#49b3ff" border="0" cellspacing="0" cellpadding="0"> 
  <tbody>
    <tr>
      <td align="left" valign="top" style="padding: 14px 53px 18px; color: rgb(128, 0, 0); font-family: Arial Black,Avant Garde; font-size: 16pt;" styleclass=" style_Title">
        <div>
          <div align="center" style="text-align: center;"><span>$0 -&nbsp;$5,000&nbsp;</span></div>
        </div>
      </td>
    </tr>
  </tbody>
</table>

CTCT Employee

Re: How to post Background image in a block?

The issue here is a simple one. You have a quotation mark following the semi-colon after the background-color style. If you delete that, you should be fine.

 

So, currently, you have:

<table width="100%" id="textEdit" style="display: table; background-color: rgb(73, 179, 255);" background-image:url('http://i61.photobucket.com/albums/h41/john82wa/untitled.png');" bgcolor="#49b3ff" border="0" cellspacing="0" cellpadding="0"> 

 

Just delete the quotation mark in red.

Jeff Gilson
Community & 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!
Occasional Participant

Link image to email coding error

Hi there. We have added a line of code to link images to email but the emailer won't save. It says that additional information is required and I cannot seem to find where it has gone wrong.

 

Here is the coding we have changed which now produces the error:

 

<td width="147"><a href="mailto:byronbay@tsonga.com"><img src="https://origin.ih.constantcontact.com/fs142/1112087296693/img/91.gif" width="145" height="58"></a></td>
</tr>
</table></td>
<td width="375"><table width="375" border="0" cellspacing="0" cellpadding="0">
<tr align="left" valign="top">
<td width="229"><img src="https://origin.ih.constantcontact.com/fs142/1112087296693/img/92.gif" width="230" height="58"></td>
<td width="146"><a href="mailto:byronbay@tsonga.com"><img src="https://origin.ih.constantcontact.com/fs142/1112087296693/img/93.gif" width="145" height="58"></a></td>
</tr>
</table></td>

 

Please urgently assist.

 

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!