Add Highlighted text to your Headings
Add subtle animation to guide your shopper’s attention
Want to make certain words in your heading stand out? You can now add animated highlights to any part of your heading using simple text formatting and style options in the editor.
✨ What is highlighted text?
This feature lets you draw attention to specific words in your headings using underline or hand-drawn highlight animations.
It works by wrapping the target word or phrase in italics — the system will detect the formatting and apply your chosen highlight style automatically.
How to add a highlighted word
Steps:
Go to Online Store > Themes and click Customize.
Select the section that has the Heading field.
In the Heading text box, add your heading like this:
"Take the time you deserve, and let beauty shine within you." Wrap the word you want to highlight in italics. Click the "I" button in the editor to toggle italics when highlighting text.
✅ Make sure you italicize only the word or phrase you want to highlight.
Highlight style settings
Highlight style: Choose from these animated options:
Hand-drawn circle
Thick underline
Wave underline
None (default)
Highlight font style:
Italic
Normal
Highlight style color: Pick the highlight stroke color.
Highlight text color: Optional — lets you change the text color of the highlighted word.
Best practices
✅ Keep your heading short and impactful — don’t highlight more than 1–2 words.
✅ Use highlight color that complements your brand palette.
✅ Ideal for landing pages, seasonal promos, and hero banners.
Last updated