Hello all, here with a (probably) basic question. Our email template(s) are setup using variables for better styling control, but in a certain case I think it may be breaking the tracking of URLs pulled from Custom Fields.
Here's code for reference:
<!--Button Only Section Variables-->
<meta class="mktoList" id="buttonLocation" mktoName="Button Location" values="center,left,right">
<meta class="mktoList" id="buttoncolor" mktoName="Background Color" values="#0072CE,#003087">
<meta class="mktoList" id="buttonbordercolor" mktoName="Border Color" values="#0072CE,#003087">
<meta class="mktoList" id="buttontextcolor" mktoName="Text Color" values="#ffffff" />
<meta class="mktoString" id="buttonLink" mktoName="Button Link" default="">
<meta class="mktoString" id="buttonText" mktoName="Button Text" default="Click Here">
<!-- ====================Button Only In-Template Code=========================== -->
<tr id="buttonOnly" mktoName="Button" class="mktoModule"><td>
<!--[if mso | IE]>
<tr>
<td class="" width="600px">
<table
align="center" border="0" cellpadding="0" cellspacing="0" class="" style="width:600px;" width="600">
<tr>
<td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;">
<![endif]-->
<div style="margin:0px auto;max-width:600px;">
<table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;">
<tbody>
<tr>
<td style="direction:ltr;font-size:0px;padding:5px 20px;text-align:center;">
<!--[if mso | IE]>
<table role="presentation" border="0" cellpadding="0" cellspacing="0">
<tr>
<td class="" style="vertical-align:top;width:560px;">
<![endif]-->
<div class="mj-column-per-100 mj-outlook-group-fix" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="vertical-align:top;" width="100%">
<tr>
<td align="${buttonLocation}" style="font-size:0px;padding:10px 25px;word-break:break-word;">
<table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:separate;line-height:100%;">
<tr>
<td align="center" bgcolor="${buttoncolor}" role="presentation" style="border:2px solid ${buttonbordercolor};border-radius:15px 0;cursor:auto;mso-padding-alt:17px 30px;background:${buttoncolor};" valign="middle">
<a href="https://${buttonLink}" style="display:inline-block;background:${buttoncolor};color:${buttontextcolor};font-family: 'Montserrat', 'sans-serif';font-size:16px;font-weight:bold;line-height:120%;margin:0;text-decoration:none;text-transform:none;padding:12px 20px;mso-padding-alt:0px;border-radius:15px 0;" target="_blank">${buttonText} <img style="vertical-align:middle;" src="http://pages.WingsFinancial.com/rs/324-LYF-114/images/icon-btn-right-arrow.png" /> </a>
</td>
</tr>
</table>
</td>
</tr>
</table>
</div><!--[if mso | IE]>
</td>
</tr>
</table>
<![endif]-->
</td>
</tr>
</tbody>
</table>
</div><!--[if mso | IE]>
</td>
</tr>
</table>
</td>
</tr>
<![endif]-->
</td> </tr>
<!-- ====================End Button Only=========================== -->
So you'll notice the HREF tag is href="https://${buttonLink}" and if I used a custom field URL with the correct usage per (Creating trackable links even when a token include... - Marketing Nation (marketo.com)) it should appear like this href="https://{{lead.Consumer Loans - Survey Link for New Auto Loan}}" and should be trackable?
Am I missing something silly?
.png)