SOLVED

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

Go to solution
Anonymous
Not applicable

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

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!
Tags (1)
1 ACCEPTED SOLUTION

Accepted Solutions
Anonymous
Not applicable

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

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.

View solution in original post

7 REPLIES 7
Anonymous
Not applicable

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

Hi Diana - is the button an image or is it in the HTML code?
Anonymous
Not applicable

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

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>
Anonymous
Not applicable

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

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!
Anonymous
Not applicable

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

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. 

😞

Anonymous
Not applicable

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

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...
Anonymous
Not applicable

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

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.

View solution in original post

Anonymous
Not applicable

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

Awesome! I gave it a try and it worked. 

Many thanks! 🙂