Skip to main content

​
Overview

The quote element renders a quote block, typically used to highlight important text, testimonials, or call attention to specific content. Quote blocks can be styled with borders, colors, and different text styles. When to use:
  • Display testimonials or customer reviews
  • Highlight important quotes or statements
  • Emphasize key information
  • Create visually distinct text blocks

​
Basic Example

{
  "type": "quote",
  "content": "The future belongs to those who believe in the beauty of their dreams"
}

​
Fields

​
type
string
required
The type of element. For quote elements, this value must be "quote".
​
content
string
required
The text value of the quote. This field supports Handlebars variables for dynamic content.
​
align
string
Alignment of the quote. One of "center", "left", "right", or "full". Defaults to "left".
​
border_color
string
CSS border color property for the quote block. Can be any valid CSS color value (e.g., "#007bff", "rgb(0, 123, 255)").
​
text_style
string
Text style for the quote. One of "text", "h1", "h2", or "subtext". Defaults to "text".
​
locales
object
Region-specific content for localization. See the Locales documentation for more details.
​
channels
string[]
An array of channel names. The quote will only be rendered for the specified channels. See Control Flow documentation for details.

​
Examples & Variants

​
Basic Quote

Simple quote block: 
{
  "type": "quote",
  "content": "The future belongs to those who believe in the beauty of their dreams"
}

​
Styled Quote

Quote with border and styling: 
{
  "type": "quote",
  "content": "Customer satisfaction is our top priority",
  "border_color": "#007bff",
  "text_style": "h2",
  "align": "center"
}

​
Quote with Handlebars

Dynamic quote content: 
{
  "type": "quote",
  "content": "{{customer_name}} said: \"{{testimonial}}\""
}

​
Localized Quote

Quote with translations: 
{
  "type": "quote",
  "content": "Quality is not an act, it is a habit",
  "locales": {
    "es": {
      "content": "La calidad no es un acto, es un hábito"
    },
    "fr": {
      "content": "La qualité n'est pas un acte, c'est une habitude"
    }
  }
}

​
Testimonial Quote

Quote styled as a testimonial: 
{
  "type": "quote",
  "content": "\"This product changed my life!\" - {{customer_name}}",
  "border_color": "#4CAF50",
  "text_style": "h2",
  "align": "center"
}

​
Channel-Specific Quote

Show quotes only for specific channels: 
{
  "type": "quote",
  "channels": ["email"],
  "content": "Full testimonial with detailed feedback...",
  "border_color": "#007bff"
}

​
Best Practices

  • Keep quotes concise: Long quotes can be hard to read, especially in email
  • Use appropriate styling: Border colors and text styles help quotes stand out
  • Consider context: Quotes work well for testimonials, important notices, or highlighted information
  • Test alignment: Different alignments can affect readability across channels

​
Channel Support

  • Email: ✅ Full support with styling and borders
  • Push: ✅ Supported (may render as plain text in some cases)
  • SMS: ⚠️ Limited support (may render as plain text)
  • Inbox: ✅ Full support