Email code snippets

staceyuy of Hubspot

2/11/2016 - 11:26 PM

buttons.md

Rendered
Source

Use the "Insert Call-to-Action" function in Hubspot

Hit the Create a CTA blue button, or clone an existing one if this is a duplication
Fill in the Name [internal reference], Campaign, and Link URL. Be sure to check the "open in a new window" box if you want to do that
Go to the Design tab
Hit the Image Button toggle
Go to Choose Image
Navigate to the Buttons folder, where you'll find a good selection of buttons. If there's something new that you'd like feel free to let me know. It takes like 2 seconds
Hit Create CTA, then Insert CTA, and center the button by hovering over it and choosing the center justify icon

bulleted-list.html

<ul>
<li style="font-family: 'Open Sans', Helvetica, sans-serif; font-size: 16px; line-height: 28px; color: #727e83; text-align: left;">List Item #1</li>
<li style="font-family: 'Open Sans', Helvetica, sans-serif; font-size: 16px; line-height: 28px; color: #727e83; text-align: left;">List Item #2</li>
</ul>

numbered-list.html

<ol>
<li style="font-family: 'Open Sans', Helvetica, sans-serif; font-size: 16px; line-height: 28px; color: #727e83; text-align: left;">List Item #1</li>
<li style="font-family: 'Open Sans', Helvetica, sans-serif; font-size: 16px; line-height: 28px; color: #727e83; text-align: left;">List Item #2</li>
</ol>

image.html

<p><img style="max-width: 100%; height: auto; display: block;" src="IMAGE URL" alt="IMAGE ALT TEXT"></a></p>

h3.html

<p style="font-family: 'Open Sans', Helvetica, sans-serif; font-size: 12px; line-height: 1.1; font-weight: bold; color: #44505d !important; text-align: center; text-transform: uppercase;">Just for You</p>

h2.html

<p style="font-family: 'Open Sans', Helvetica, sans-serif; font-size: 1.5em; font-weight: 400; color: #44505d !important; text-align: center;">Headline 2</p>

h1.html

<p style="font-family: 'Open Sans', Helvetica, sans-serif; font-size: 2em; font-weight: 400; color: #44505d !important; text-align: center;">Headline 1</p>

inline-link.html

<a style="color: #36bff7; text-decoration: none; font-family: 'Open Sans',Helvetica, arial, sans-serif;" href="LINK URL" target="_blank">LINK TEXT</a>

body-copy.html

<p style="font-family: 'Open Sans', Helvetica, sans-serif; font-size: 16px; line-height: 28px; color: #727e83;">FIRST PARAGRAPH</p>

Cacher is the code snippet organizer for pro developers

We empower you and your team to get more done, faster

Email code snippets

Use the "Insert Call-to-Action" function in Hubspot