I'm trying to add <fblike> & <forwardtoafriend> tags to editable images in my template. Here is my code:
<fblike><img editable="true" src="http://www.milios.com/emaillist-images/template/share.png" label="Facebook Share image" class="w580" border="0" width="640"></fblike> <forwardtoafriend><img editable="true" src="http://www.milios.com/emaillist-images/template/forward-to-friend.png" label="Forward to a Friend image" class="w180" border="0" width="260"></forwardtoafriend>
However, when I try to update the image w/ a new one in the editor, it loses the Facebook Like or Forward to a Friend links by closing the <a> tag before the <img> tag. Example:
<a href="http://miliossandwiches.forwardtomyfriend.com/r-l-2AD73FFF-oqutc-l-b"></a> <img class="w180" width="260" height="150" border="0" style="outline-style:none;text-decoration:none;display:block;" src="http://i1.createsend1.com/ei/r/D8/21D/B8A/csimport/forward-to-friend.152345.png" label="Forward to a Friend image">
If I leave the image unchanged, it works fine...but once update the image, it results in the above code. The image needs the ability to be changed each time the template is used. Am I doing something wrong, or is this a bug with the template editor?
Hi pdwyer, you've found a limitation with our email editor here. Having an editable image within a <fblike> tag can't be successfully done at present, I'm sorry to say, so you'll have to use a static image instead for now. Part of the issue is that you can add links to editable images, which creates all sorts of chaos when there's already a social sharing link around the image itself.
Sorry about this - I've let our team know that this is what you're hoping to achieve, so we'll keep you updated if it's something we update.