Custom Components in Email Development

Jeffrey Hoffman
Dec 9, 2018 · 3 min read

Easier to Define

---
href http://www.youtube.com/watch?v=$id$
---
<td valign=top style="font-size: 14px; padding: 15px;">
<a href="$href$" style="color: #336699; text-decoration: none"
target=_blank>
<img alt="$title$" width=170 height=150 border=0
src="images/$id$.jpg" style="display: block;">
<div style="font-size: 20px;">$title$</div><br>
</a>
...
<% unless attribute?('no-play-button') %>
<br><br>
<a href="//www.youtube.com/watch?v=$id$"
style="color: #336699; text-decoration: none;"
target=_blank>Play &#9658;</a>
<% end %>
</td>

Attributes

Frontmatter

Body Content

{video id="la6vK6hI7rM" title="Cats Coding Emails"}
New 2018 compilation of cats coding modern, responsive emails.
{/video}

Conditionals and Scripting

Next Steps

Jeffrey Hoffman

Written by

Creator of Inkcite, the modular design system for modern, responsive email development. http://inkcite.com #emailgeek #MakeEmailBetter

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade