Can you hyperlink an image on a Hero Guided Template?

You might also want to add allowHtml="true" to your footer URL string variable.

--

Another way you could go about this would be to use the string variables inside the HTML <img> tag rather than using the mktoImg class.

Sometimes this is a better solution (it's more "locked-down") but not nearly as flexible as using the mtkoImg syntax - sometimes options are good, sometimes it leads to a series of bad combinations. If you really wanted to "control" the moving parts, you could just write the html and then swap out the pieces for string variables. Here's an example of that that might look like for a linked image:

<a href="${FooterLinkURL}" target="_blank" class="myImageLinkClass" style=" ...hard-coded styles here ... ">

    <img src="${FooterHeroSrc}" class="myImageClass" style=" hard-coded styles here ... " />

</a>

You'd support this with a few variables:

id="FooterLinkURL": string - default="www.marketo.com" 

id="FooterHeroSrc": string - default="www.fpoimg.com/800x300?text=Placeholder+Image"

You could write CSS in the <style> tag (or on an external stylesheet if that's how you do it) to give you some "access" to style the link and image without needing the pop-up editor [and thus the add'l syntax]. That might look something like this:

<style>

.myImageLinkClass {

    /*... add link styles here ...*/

}

.myImageClass {

    max-width: 100%;

    height: auto;

    border:2px solid #babf33;

}

</style>

---

again, this is a bit of a "fixed" or "locked-down" solution, but I thought I'd throw it out there to give you another way think about addressing this obstacle.

Should work when you approve it or preview it, right? The links won't work directly from the editor window.

Justin