The Text element is your primary tool for adding written content to funnels. From attention-grabbing headlines to detailed paragraphs, it handles all text needs with rich formatting, animations, and dynamic variables.
Text element with rich formatting in Visual Editor

​
Common Use Cases

Headlines

Attention-grabbing titles that communicate your value proposition

Body Copy

Detailed descriptions, benefits, and supporting information

Dynamic Content

Personalized text using variables like “Welcome back, {{name}}!”

Legal Text

Terms, disclaimers, and compliance text with consistent formatting

​
Properties

​
Element Tab

​
Type

Quick style presets that apply predefined formatting:
TypeUse CaseDefault Style
TitleMain headlinesLarge, bold, prominent
SubtitleSection headersMedium size, less weight
ParagraphBody textRegular size, normal weight
Switch between types anytime to quickly restyle your text. Each type is just a preset - you can customize any style property afterward.

​
Animation

Add engaging typing animations when text appears:
  • Off: Text appears instantly (default)
  • Slow: Leisurely typing effect (~40 characters/second)
  • Medium: Balanced speed (~60 characters/second)
  • Fast: Quick typing (~80 characters/second)
  • Rapid: Very fast typing (~100 characters/second)
The animation triggers when the element first appears on screen, creating a dynamic feel that draws attention to important messages. For common properties (ID, Visibility), see Elements Overview.

​
Rich Text Editor

The inline editor toolbar provides formatting options for selected text:

Bold (B)

Make text bold for emphasis

Italic (I)

Add italic styling for subtle emphasis

Strikethrough (S)

Show crossed out text for comparisons

Underline (U)

Underline important text

Link

Turn text into clickable links

Color

Change color of selected text

Clear (Eraser)

Remove custom formatting from selection

​
Variables

Insert dynamic content using variables: 
Welcome back, {{name}}!
Your selected plan: {{plan-name}}
Special {{discount}}% off today!
Variables are replaced with actual values from user inputs or system data. See Variables documentation for details.

​
Styles Tab

​
Typography Settings

Control the overall text appearance:

​
Type-Specific Styles

Each text type (Title, Subtitle, Paragraph) has independent style controls:
  • Color: Text color with opacity
  • Font: Choose from available fonts
  • Size: Font size in pixels
  • Weight: 100 (thin) to 900 (black)
  • Align: Left, Center, or Right alignment
  • Line Height: Percentage of font size (e.g., 130% for comfortable reading)
Separate styling for links within your text:
  • Color: Link color (often blue or branded)
  • Font Weight: Regular, Bold, etc.
  • Text Decoration: Inherit, Underline, or None

​
Apply Styles Globally

The “apply styles to all titles” button (or subtitles/paragraphs) sets the default styling for that text type. This affects:
  • New elements: All future text elements of that type
  • Non-customized elements: Existing elements using default styles
  • NOT customized elements: Elements with manual style changes keep their custom formatting
To apply global styles to a customized element, first click “restore defaults” to reset it to theme styles, then the global styles will apply.

​
Container Styles

For common container properties (padding, background, borders), see Elements Overview.

​
Examples

​
Personalized Welcome

🎉 Welcome back, {{first-name}}!

We've been saving your {{product-category}} items.
Ready to complete your purchase?

​
Benefit Statement with Emphasis

Save **50% off** your first month
~~$99~~ Just $49 today only!

✓ Instant access
✓ Cancel anytime
✓ 30-day guarantee

​
Multi-Style Headline

Create visual hierarchy with mixed formatting:
  • Main headline as Title type
  • Subheading as Subtitle type
  • Details as Paragraph type
All in separate text elements for maximum control.

​
Best Practices

Keep It Scannable

Break long text into short paragraphs. Users scan, they don’t read word-for-word.

Use Type Hierarchy

Title → Subtitle → Paragraph creates natural reading flow and visual structure.

Animate Sparingly

Use typing animation for key messages only. Too much movement becomes distracting.

Test Variable Fallbacks

Always preview how text looks when variables are empty or have long values.

​
Performance Tips

  • Limit animations: Multiple typing animations can feel overwhelming
  • Optimize line length: 50-75 characters per line for best readability
  • Use web-safe fonts: Custom fonts may slow loading
  • Test on mobile: Text that looks good on desktop might be too small on phones

​
Accessibility

  • Maintain high contrast between text and background
  • Keep body text at minimum 16px on mobile
  • Use semantic types (Title for headings, Paragraph for body)
  • Avoid conveying meaning through color alone

​
Troubleshooting

​
Next Steps