Sweet Text
<h-sweet>Interactions<h-sweet>
Trigger Webflow interactions inside Webflow CMS
Sweet Text's primary function is to apply visual stylings to rich text. By adding classes to the page, we can trigger any interaction on demand. You and your clients can add triggers inside CMS items that <ix-explosion>trigger<ix-explosion> interactions. With Sweet Text and 1 line of code, we will set up variable popups.
Demo
We have 3 different trigger elements applied on this page.
Clicking on '.trigger-popup-30' will trigger an advertisement after 30 seconds. See CMS template page example.
Clicking on '.trigger-popup-10' will trigger an advertisement after 60 seconds. See CMS template page example.
Clicking on 'trigger-newsletter-10' will trigger a newsletter bar on the bottom of the screen. See CMS template page example.
This video shows you how to optionally apply a 10-second popup ad, a 30-second popup ad, a 10-second newsletter bar, or no add at all inside any CMS template page.
Video Library
What the heck is Sweet Text?
Sweet Text in CMS
Establishing classes in Designer to use with Sweet Text
Create alternate style options for Rich Text using Sweet Text
Technical review of Sweet Text with Chrome inspector
Adding classes to parent elements inside rich text, like p, li, ul, h2, etc.
Create draggable text elements inside a rich text element
Create a sortable list of elements inside a rich text element
Trigger custom popup interaction via CMS rich text field, Sweet Text, and Webflow Interactions
Sweet Updates!
