Topics started by X-Chair Marketing

2 Topics

X
Contributor I
X-Chair MarketingContributor I
posted in Email Templates and Coupons

Email Designs: Process and Standards with your Graphic Design + Marketing Teams

Hey All Klaviyo users! We have been using Klaviyo for 6 months and it has been a game changer for our email marketing! Our new area of focus is optimization for design. I am curious to understand other company’s process to design an email and your best practices. We have a skilled design team, but I want to get them super optimized for email and social and the resources I am finding on the internet are basic level - looking for something more robust.  Do you have brand standards specific for email that lists out things like header font size, sub-header fonts and sizes, button standards, etc. If so, would you be willing to share me on that doc? I’ll sign an NDA if needed ;)  What design platforms are you using - is your design team designing every part of the email in Adobe (or something similar) and splicing it out? Or maybe just designing the hero images and then your email marketer adds the text and other items in the Klaviyo template? We have Figma for website design, should we be m

0
X
Contributor I
2 years ago
X
Contributor I
X-Chair MarketingContributor I
asked in Email Templates and Coupons

How Can I Adding Multiple (4) Google Fonts to an Email Template?

Hi there - I want to use our brand fonts in our email templates, and figured the best way to do that was to use Google fonts and assign each font to a h1, h2, h3, and h4 tag. I’ve read the https://help.klaviyo.com/hc/en-us/articles/115005256008-How-to-Add-Custom-Fonts-in-Email-Templates at east 15 times and have gone through quite some testing, and am now stuck at getting both these fonts to show in the appropriate tags I set for them.  Here is what I want from a brand standard:H1 = Exo 2 Semi-bold 600H2 = Open Sans Semi-bold 600H3 = Extra-light 200H4 = Open Sans Regular 400 And here is the code I was copying and pasting into the text block in Klaviyo, per the instruction outlined in the help article: <style type="text/css">@import url('https://fonts.googleapis.com/css2?family=Exo+2:wght@600;200&family=Open+Sans:wght@400;600&display=swap');   p, ol, li, ul, h2, h4 { font-family: 'Open Sans', sans-serif;  }   h1, h3, { font-family: 'Exo 2', sans-serif;  }</style> And

6
Taylor Tarpley
Community Manager
2 years ago

Most helpful members this week

Terms & ConditionsCookie settings

Links & Resources

Platforms

Partners

Useful Things

About

  • Terms and Privacy
    © 2024 Klaviyo All rights reserved. Klaviyo and the Klaviyo logo are trademarks or registered trademarks of Klaviyo, Inc. or its affiliates.