Social Media icons

[Anonymous]

HI ... We'd like to include our social media icon/links to the bottom of our Marketo emails.

Any idea how to embed these in our email templates and landing pages?

Assuming I will need a designer with HTML experience? 

Thanks,
Carla 

[Anonymous · Accepted solution]

Here's the html just to put an icon and link in there:

<a href="INSERT YOUR LINK" target="_blank"><img src="INSERT IMAGE FROM DESIGN STUDIO" alt="ALT TEXT (ex: Facebook)"/></a>

And repeat this for as many icons as needed.

[Michelle_Tizian]

if you want to match the social follow icons that you have on your website, grab the images and upload them to design studio.  You can add the social icons on a snippet, so you can easily add it to either your landing pages or emails. Or you can just add them on your templates.  

Once you insert the icons in your email or landing pages, just click on the icons and add the link to which ever social network.  It's really easy, it's like adding a link to an image.  But if it's social follow icons, you can only do that on landing pages and not on emails. 

[Anonymous]

Thanks both.

Kim, I am not a developer - so would great to understand exactly where we pop in the html.

Is there a 'how-to' ...step by step instruction? 

Thanks
Carla 

[Anonymous]

Hey Carla,

I'm definitely no expert at html so I'd just recommend cloning the template you're working on and popping that code into a test template until you find where you want it... some times we put social icons on the bottom, on a side column, etc. It just depends what you are trying to do.

I would recommend just reading up on html tags a little (as it comes in really helpful when navigating through code) and this is a good source: http://www.w3schools.com/html/default.asp

[Michelle_Tizian]

If you want to do it the easy way without messing around with HTML:
1) In your email, where ever you want to add the social follow icons, insert a table. Your icons should be equal in size. Split the columns to the number of icons you're inserting. Make sure to upload the icons to Design Studio.  Get the URL links for the icons once you upload them to Design Studio.
2) In column one of your table in your email, click on the image icon , a pop up window will appear, paste the icon URL (let's say Facebook), and add the alt text tags.  Then click on the Facebook image again, and then click on the link icon and add the link to your company's facebook. Repeat this for the other social icons until you've populated your table columns with the social icons that you want to insert.  

Really simple no HTML required. 

[Anonymous]

Thanks, Michelle... Just want to make sure I am following you correctly.

Would I need to do this each time I create a new email blast? I would very much like to have our icons embedded in all templates to avoid the extra work of doing each time - which in this case I think we need to edit the html. 

Thanks,
Carla 

[Michelle_Tizian]

Hi Carla,

If you add it to your templates or snippet you wouldn't have to do it each time you do an email blast.  If you already added the social follow icons in an email, just copy the HTML from the text editor by clicking on the HTML icon.  Look for the code that has the  table and social media icons and the closing table tag so it'll look something like: <table>has the social icons url and link</table> and paste it on your email template in HTML mode. 

[Anonymous]

Ok. thanks very much.