Elemental Quote Element

​

Overview

• 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"
}

import Courier from "@trycourier/courier";

const courier = new Courier({
  apiKey: process.env.COURIER_API_KEY,
});

await courier.send.message({
  message: {
    to: { email: "user@example.com" },
    content: {
      version: "2022-01-01",
      elements: [
        {
          type: "quote",
          content: "The future belongs to those who believe in the beauty of their dreams",
        },
      ],
    },
  },
});

import os
from courier import Courier

client = Courier(api_key=os.environ["COURIER_API_KEY"])

client.send.message(
    message={
        "to": {"email": "user@example.com"},
        "content": {
            "version": "2022-01-01",
            "elements": [
                {
                    "type": "quote",
                    "content": "The future belongs to those who believe in the beauty of their dreams",
                }
            ],
        },
    }
)

​

Fields

​

Examples & Variants

​

Basic Quote

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

​

Styled Quote

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

​

Quote with Handlebars

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

​

Localized Quote

{
  "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

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

​

Channel-Specific Quote

{
  "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

​

Related Elements

• Text Element - For regular text content
• Group Element - For grouping quotes with other elements
• Locales - For localizing quote content
• Control Flow - For conditional rendering