How do I make the URL for a button editable in an email? | Community
Skip to main content
A
Anonymous
July 17, 2013
Solved

How do I make the URL for a button editable in an email?

  • July 17, 2013
  • 7 replies
  • 4539 views
I have a button in my email template called View Release Notes. 
Each time I send the email, I want to change the URL that the button is associated with to point to a new URL. 
How do I do this?
I know how to make the text in an email editable, but I want to change the URL for the button not the text on the button.

Thanks!
This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
Best answer by
In that case you will want to use this code:

  <!--Button-->
  <table width="650" border="0" cellspacing="0" cellpadding="0" align="center">
    <tr>
      <td align="center" bgcolor="#ffffff" width="650"><div class="mktEditable" id="ctaButton"><a href="www.badgeville.com"><img src="http://info.badgeville.com/rs/badgeville/images/plain-email_22.jpg" alt="View Release Note" width="650" height="76" border="0" style="display: block;"/></a></div></td>
    </tr>
  </table>

By adding this HTML to your template it will make the div the button is now in editable, and you will be able to pop open the edit window, and then highlight the image and use the normal hyperlinking tools available in the editor.

7 replies

A
Anonymous
July 17, 2013
Hi Diana - is the button an image or is it in the HTML code?
A
Anonymous
July 17, 2013
Here is the button code, and it looks like an image is being used.
We have it pointing to our main website for now in the template. 
But, I want to reuse the template and change the URL the button points to each time I create an email using the template. 

 <!--Button-->
  <table width="650" border="0" cellspacing="0" cellpadding="0" align="center">
    <tr>
      <td align="center" bgcolor="#ffffff" width="650"><a href="www.badgeville.com"><img src="http://info.badgeville.com/rs/badgeville/images/plain-email_22.jpg" alt="View Release Note" width="650" height="76" border="0" style="display: block;"/></a></td>
    </tr>
  </table>
A
Anonymous
July 17, 2013
To change the URL the button links to you would need to change the URL in the <a href> tag (bolded below). 
 
<!--Button-->
  <table width="650" border="0" cellspacing="0" cellpadding="0" align="center">
    <tr>
      <td align="center" bgcolor="#ffffff" width="650"><a href="www.badgeville.com"><img src="http://info.badgeville.com/rs/badgeville/images/plain-email_22.jpg" alt="View Release Note" width="650" height="76" border="0" style="display: block;"/></a></td>
    </tr>
  </table>

Hope this helps!
A
Anonymous
July 17, 2013
Thanks, but I think need to provide more context around my question. 

My dilema..

I understand about switching out the URL in the source in the template. 
The point is that I don't want to... :)
I don't want to have to open the template, edit the source in the template, and have to reapprove the template to modify the URL before I create an email that I want to use the template.

I want to create a new email, select the template, and have the URL that is hooked to the button be editable in the new email I am creating based off of the template. I can't seem to figure it out. AND, I can't seem to access the source HTML once I am in an email that is using the template. So, I can't just change go into the source and override template code and modify the URL. 

:(

A
Anonymous
July 17, 2013
Hi Diana,

If I were you, I would create an email template that has the button as an image in the email. (I know, I know...people won't be able to see it instantly...they'll have to turn their images on) This way, you can simply highlight the image and change the URL it links to.

When we send out emails with CTA's, that's how we do it...
A
Anonymous
Accepted solution
July 17, 2013
In that case you will want to use this code:

  <!--Button-->
  <table width="650" border="0" cellspacing="0" cellpadding="0" align="center">
    <tr>
      <td align="center" bgcolor="#ffffff" width="650"><div class="mktEditable" id="ctaButton"><a href="www.badgeville.com"><img src="http://info.badgeville.com/rs/badgeville/images/plain-email_22.jpg" alt="View Release Note" width="650" height="76" border="0" style="display: block;"/></a></div></td>
    </tr>
  </table>

By adding this HTML to your template it will make the div the button is now in editable, and you will be able to pop open the edit window, and then highlight the image and use the normal hyperlinking tools available in the editor.

A
Anonymous
July 17, 2013
Awesome! I gave it a try and it worked. 

Many thanks! :)
Terms & ConditionsAccessibility statement

Loading footer...