staceyuy of Hubspot
2/11/2016 - 11:26 PM

Email code snippets

Email code snippets

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
<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>
<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>
<p><img style="max-width: 100%; height: auto; display: block;" src="IMAGE URL" alt="IMAGE ALT TEXT"></a></p>
<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>
<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>
<p style="font-family: 'Open Sans', Helvetica, sans-serif; font-size: 2em; font-weight: 400; color: #44505d !important; text-align: center;">Headline 1</p>
<a style="color: #36bff7; text-decoration: none; font-family: 'Open Sans',Helvetica, arial, sans-serif;" href="LINK URL" target="_blank">LINK TEXT</a>
<p style="font-family: 'Open Sans', Helvetica, sans-serif; font-size: 16px; line-height: 28px; color: #727e83;">FIRST PARAGRAPH</p>