Available on the Free plan.
We're rolling this out gradually, so you may not see it in your store yet.
Text styles let you decide once what your headings, body text and links look like. Apply a style to text in the editor. When you change the style later, every piece of text using it follows.
You no longer need to restyle the same heading in every block of every email.
How it works
Use text styles to:
Keep every email consistent. Headings, body text and links look the same in every email you build.
Change your look in one place. Edit Heading 1 once, and every Heading 1 follows.
Start from styled templates. Headlines, section headings and body text in our starter templates already use your styles.
There are four styles:
Heading 1 and Heading 2 are for headlines and section headings.
Body is for paragraphs. Body's font is the font your whole email uses.
Links sets the color and underline of every link.
Out of the box, the styles match what your emails already use. Nothing changes until you edit a style.
Defaults:
Heading 1: 28px, Bold 700.
Heading 2: 18px, Bold 700.
Body: 16px, Normal 400.
All three use your brand font and body text color.
Links use your primary color, underlined.
Considerations
Text blocks only. The Image with text block and other blocks don't have the Text style button.
Discount and HTML blocks keep their own type. They don't follow your styles.
Styles apply to your whole store. You can't have a different Heading 1 in one email. To change one heading, change its size or color on the text itself.
Only Normal 400 and Bold 700 are available as weights for now.
Emails you already built are never rewritten.
They follow Body's font and color where they have none of their own.
Sizes and bold you set by hand stay as you set them.
Not every email follows a change straight away. See "Interactions" below for saved templates, draft campaigns and flow emails.
Custom fonts in Gmail and Outlook: these email apps can't load custom fonts. Readers see the font's backup instead.
Chinese, Japanese and Korean custom fonts can be too large for email. An email using one can fail to preview or send. Use a web-safe font for these styles.
Set up text styles
Step 1: Edit a style
In the Text styles card, click the pencil icon next to the style you want to change.
Change any of the fields (see "Customization" below).
Click Save in the style's window.
Click Save in your branding settings.
The first Save keeps your changes on the page. The second one saves them.
Step 2: Update your flows
On the Branding page, click Update flows in the banner.
Click Update flows to confirm.
Your flow emails pick up style changes only when you do this, like any other branding change.
Interactions
Text styles meet your saved templates, campaigns, flows and block settings in ways you may not expect. This is what happens in each case.
Saved templates: follow a style change straight away. Nothing to do.
Draft campaigns: follow the next time you save the draft. Scheduled and sent campaigns never change.
Flow emails: follow when you click Update flows.
Default flow emails (the ones we wrote for you)
After Update flows, their headings and body text follow your styles, even though no style was picked in them.
Their body text gets larger, from 13px to Body's 16px.
A default email you edited, or rewrote with AI copy generation, before your first Update flows with text styles keeps its own sizes.
New emails from a starter template
Headlines, section headings and body text already use your styles.
Small print and the flash sale's red banner keep their own size and color.
Changing styled text by hand
A size or color you set on the text wins, and the text keeps its style.
Bold, Italic, Underline and Strikethrough can be added on top of a style. They can't remove what the style sets. For example, B can't un-bold Heading 1.
Changing the font of styled text
The text stops using its style.
It keeps its look, except letter spacing, which goes back to normal.
Apply the style again to bring it back.
A text block's own font and color settings -- a style's font and color win over them.
Custom fonts
Any font you've added under Custom fonts can be used in a style.
If you remove a font a style uses, Body switches to that font's backup. Save to keep the change. Headings show the backup.
Emails already built send as they are until they're saved again.
Footer: footer text uses Body's font.
Customization
Each style has its own settings. You change all of them in the style's window.
To open a style's window:
In the Text styles card, click the pencil icon next to the style you want to change.
After any change below, click Save in the style's window. Then click Save in the page's save bar.
Font: the eight web-safe fonts, plus your custom fonts. (Default: your brand font).
Open the Font dropdown.
Select a font.
On a heading, select Same as Body to follow Body's font.
Weight: Normal 400 or Bold 700.
Open the Weight dropdown.
Select Normal 400 or Bold 700.
Size: 8 to 96px. (Defaults: Heading 1 28px, Heading 2 18px, Body 16px).
Click the Size field.
Enter a number from 8 to 96.
Color: default: your body text color.
Click the Color field.
Pick a color, or enter a hex code.
On a heading, leave the field empty to follow Body's color.
Letter spacing: -5 to 20px. Default: 0.
Click the Letter spacing field.
Enter a number from -5 to 20.
Style: Bold, Italic, Underline, Strikethrough (on or off).
Under Style, click Bold, Italic, Underline or Strikethrough.
Click the button again to turn it off. A highlighted button is on.
Links: Color (default: your primary color) and Underline (default: on). Links take the font, size and weight of the text around them.
Click the pencil icon next to Links.
Change Color as described above.
Under Style, click Underline to turn it on or off.
Reset to defaults: puts one style back to how it was when you installed the app.
Click the pencil icon next to the style.
Click Reset to defaults.
Click Reset style to confirm.
Nothing is saved until you save.
Resetting Body sets your brand font back to Arial and your body text color to the default grey. This changes the font of every email, and of every heading set to Same as Body.
Troubleshoot
I changed Heading 1 and my flow emails didn't change
I changed Heading 1 and my flow emails didn't change
Click Update flows on your Branding page.
My draft campaign still shows the old style.
My draft campaign still shows the old style.
Open the campaign and save it. Scheduled and sent campaigns never change.
The text in my default flow emails got bigger.
The text in my default flow emails got bigger.
Body is 16px, and default flow emails used 13px before. Lower Body's size, or set a size on that text.
I changed the font on a heading and now it doesn't follow Heading 1.
I changed the font on a heading and now it doesn't follow Heading 1.
Changing the font takes text out of its style. Select the text and apply Heading 1 again.
I can't un-bold a Heading 1.
I can't un-bold a Heading 1.
Heading 1 is bold by default. Change the style's Weight on your Branding page, or apply another style.
My style uses a custom font but it looks different in Gmail.
My style uses a custom font but it looks different in Gmail.
Gmail and Outlook can't load custom fonts. They show the font's backup. See: Judge.me Email: Using custom fonts in your emails.
My email won't preview or send after I picked a font for a style.
My email won't preview or send after I picked a font for a style.
Chinese, Japanese and Korean custom fonts can make emails too large. Choose a web-safe font for that style.
Resources
See our latest updates:
➡️ Check our Unboxed page to discover newly launched features and improvements from Judge.me. See what's new and start using the latest updates to grow your store.