Skip to main content

Hi There,

Will Klaviyo ever get proper templates where you can set default text styles and spacing on all blocks so if added, we get consistent design?

The way this all works currently is a constant headache sorry (yes we’ve setup and use the universal block system). 

The main problem is that the rich text editor is one of the worst. Yes, the markup required for emails is also the worst!  But even basic emails clip in Google and when we look into it, it’s the cruft added by the rich text editor.

See below for an example from just one small text area!

Hope that makes sense. Cheers, ben

<h4 style="text-align: left;"><span style="font-size: 24px;">Absorbency</span></h4>
<h3 class="size-32" lang="x-size-32" style="text-align: left;"><span style="font-family: Montserrat, Geneva, Tahoma, Verdana, sans-serif; font-weight: 400;">The trick with good towels is to soak them for 24hrs in cold water before first use. Then wash and use normally. You can only do this when new, before they're washed. And you can do the same with new cotton tea towels (only when new out of the packet).</span></h3>
<span style="color: #ffffff; font-family: Poppins, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: bold;"><span style="font-family: 'Work Sans', Helvetica, Arial, sans-serif; font-weight: 400;"><span style="font-family: Montserrat, Geneva, Tahoma, Verdana, sans-serif; font-weight: 400;"><span style="font-size: 16px;"><span style="color: #ffffff; font-family: Poppins, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: bold;"><span style="font-family: 'Work Sans', Helvetica, Arial, sans-serif; font-weight: 400;">
<h4 style="text-align: left;"><span style="font-size: 24px;">Soft or Crunchy?</span></h4>
<div><span style="color: #ffffff; font-family: Poppins, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: bold;"><span style="font-family: 'Work Sans', Helvetica, Arial, sans-serif; font-weight: 400;"><span style="color: #ffffff; font-family: Poppins, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: bold;"><span style="font-family: 'Work Sans', Helvetica, Arial, sans-serif; font-weight: 400;"><span style="font-family: Montserrat, Geneva, Tahoma, Verdana, sans-serif; font-weight: 400;"><span style="font-size: 16px;"><span style="color: #ffffff; font-family: Poppins, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: bold;"><span style="font-family: 'Work Sans', Helvetica, Arial, sans-serif; font-weight: 400;"><span style="color: #ffffff; font-family: Poppins, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: bold;"><span style="font-family: 'Work Sans', Helvetica, Arial, sans-serif; font-weight: 400;"><span style="color: #ffffff; font-family: Poppins, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: bold;"><span style="font-family: 'Work Sans', Helvetica, Arial, sans-serif; font-weight: 400;"><span style="font-family: Montserrat, Geneva, Tahoma, Verdana, sans-serif; font-weight: 400;"><span style="font-size: 16px;"><span style="color: #ffffff; font-family: Poppins, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: bold;"><span style="font-family: 'Work Sans', Helvetica, Arial, sans-serif; font-weight: 400;"><span style="font-size: 24px;"><span style="color: #ffffff; font-family: Poppins, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: bold;"><span style="font-family: 'Work Sans', Helvetica, Arial, sans-serif; font-weight: 400;">
<h3 class="size-32" lang="x-size-32" style="text-align: left;"><span style="font-size: 16px; font-family: Montserrat, Geneva, Tahoma, Verdana, sans-serif; font-weight: 400;">If you like towels soft, finish them in the dryer especially if you have a front loader. Front loaders generally make towels extra crunchy but the dryer's bashing action fluffs them up. </span></h3>
<h3 class="size-32" lang="x-size-32" style="text-align: left;"><span style="font-size: 16px; font-family: Montserrat, Geneva, Tahoma, Verdana, sans-serif; font-weight: 400;">If you like towels crunchy, line-dry. And avoid fabric softener, it makes towels repel water and over time, it ruins your machine and plumbing!</span></h3>
</span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></div>
</span></span></span></span></span></span></div>
</span></span></div>

 

@Ben  Have you not set your styles at the email level? This will apply to all blocks unless you override them in the WYSIWYG or individual block editor. You can set spacing, font-size, color, etc. It won’t run across all emails, but once you have your base template you can just duplicate. 

 

Or am I misunderstanding your question?

 

 

 


Thanks for the reply Jessica,

Yes, the duplicate/reuse model is very useful. But sometimes (for a variety of reasons) it would be useful to set an account-wide set of styles that get applied to any block - just the basics from that screen but account-wide.

We have set some stuff (like the fonts) but we have a lot of trouble with the RTE adding endless empty spans and divs for centering text etc. 

We suspect this is coming from the duplicate and reuse way of doing things. Layers of empty spans from each time a campaign was duplicated. Do you guys experience this or is it just us? 

We’re using the latest Chrome on MacOS incase it’s the cause.

Cheers, Ben


@Ben  Gotcha. I haven’t experienced this as far as I know.

I usually just use the styles set on the email level when I create the template and then pull that in as a starting point for any flow email or duplicate for campaign emails. It’s rare I have any styling inside the individual blocks. 

 

 

 


Reply