Quote

Highlight testimonials and important text with styled blockquotes

Display quoted text with visual distinction using indentation and decorative styling. Perfect for testimonials, key insights, or emphasizing important information.

Quick Reference

  • Purpose: Visually separate quoted content

  • Styling: Indented with left border

  • Content: Quote text + optional attribution

  • Usage: Testimonials, insights, emphasis

  • Format: Can include multiple paragraphs

Adding Quotes

Method 1: Drag from Right Sidebar

  1. Click the Text category in the right sidebar

  2. Find Blockquote in the dropdown

  3. Drag it onto your page where you want it

  4. Click to start typing your quote

Method 2: Slash Command

  1. Type /quote on empty line

  2. Quote block appears

  3. Type or paste your quote

Method 3: Keyboard Shortcut

  1. Type > followed by space

  2. Start typing quote text

  3. Auto-converts to quote block

Method 4: Convert Existing Text

  1. Select paragraph text

  2. Click format dropdown

  3. Choose "Quote"

Floating Toolbar

When you select text in a quote block, a floating toolbar appears with quick formatting options:

Block Type Conversion

Click the dropdown (shows "Quote") to convert to:

  • Paragraph

  • Heading 1

  • Heading 2

  • Bulleted list

  • Numbered list

This transforms your quoted content to another format while preserving the text.

Font Size

Three size options for your quote:

  • Small - Subtle quotes

  • Medium - Default, balanced

  • Large - Stand-out testimonials

Quick Formatting

The toolbar also provides:

  • Bold and italic buttons

  • Text color options

  • Text highlighting options

  • Alignment controls (left, center, right)

  • Link insertion button

  • Left Border Color: Matches theme or custom. Select Color and then the Line option.

The toolbar follows your selection and disappears when you click away.

Common Use Cases

Customer Testimonials

  • Success stories

  • Product reviews

  • Case study highlights

Expert Opinions

  • Industry insights

  • Thought leadership

  • Research findings

Key Takeaways

  • Important points

  • Summary statements

  • Memorable phrases

Pull Quotes

  • Article highlights

  • Compelling statistics

  • Mission statements

Best Practices

  • Keep it concise: Shorter quotes have more impact

  • Add attribution: Build credibility with source

  • Use sparingly: Too many quotes dilute effect

  • Maintain context: Introduce quotes properly

  • Verify accuracy: Ensure quotes are exact

  • Mobile check: Test line breaks on small screens

Design Tips

  1. Placement

    • After introducing concept

    • Break up long text

    • Support key points

  2. Formatting

    • Keep attribution consistent

    • Use real quotes, not paraphrases

    • Include relevant credentials

  3. Visual Balance

    • Don't overuse in one section

    • Vary quote lengths

    • Consider alternating with images

Last updated