> ## Documentation Index
> Fetch the complete documentation index at: https://spreecommerce.org/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Preview an email template

> Renders the template with sample data built from the store's latest
matching record, or the one `record_id` names, and returns the email
with the variables it was rendered with. An unsaved `subject` and
`body` take the place of the current version. The layout and partials
render inside an email, `email_key` or the first one. `branding`
previews colors and a font before they are saved to the store.


**Required scope:** `write_email_templates` (for API-key authentication).



## OpenAPI

````yaml /api-reference/admin.yaml post /api/v3/admin/email_templates/{email_template_id}/preview
openapi: 3.0.3
info:
  title: Admin API
  contact:
    name: Spree Commerce
    url: https://spreecommerce.org
    email: hello@spreecommerce.org
  description: >
    Spree Admin API v3 - Administrative API for managing products, orders, and
    store settings.


    ## Authentication


    The Admin API requires a secret API key passed in the `x-spree-api-key`
    header.

    Secret API keys can be generated in the Spree admin dashboard.


    ## Response Format


    All responses are JSON. List endpoints return paginated responses with
    `data` and `meta` keys.

    Single resource endpoints return a flat JSON object.


    ## Resource IDs


    Every resource is identified by an opaque string ID (e.g. `prod_86Rf07xd4z`,

    `variant_k5nR8xLq`, `or_UkLWZg9DAJ`). Use these IDs everywhere — URL paths,

    request bodies, and Ransack filters all accept them directly.


    ## Error Handling


    Errors return a consistent format:

    ```json

    {
      "error": {
        "code": "validation_error",
        "message": "Validation failed",
        "details": { "name": ["can't be blank"] }
      }
    }

    ```
  version: v3
servers:
  - url: http://{defaultHost}
    variables:
      defaultHost:
        default: localhost:3000
security: []
tags:
  - name: Authentication
    description: Admin user login, logout, token refresh, and current user profile
  - name: Allowed Origins
    description: CORS allowlist for storefront and admin client origins
  - name: API Keys
    description: Secret and publishable API keys
  - name: Categories
    description: >-
      Hierarchical product categories — tree management, repositioning, and
      product assignments
  - name: Channels
    description: >-
      Sales channels, product publication across channels, and per-channel order
      routing rules
  - name: Custom Fields
    description: >-
      Custom field definitions for products, variants, customers, and other
      resources
  - name: Customer Groups
    description: >-
      Customer groups for segmenting customers (e.g. wholesale, VIP) used by
      pricing and promotions
  - name: Customers
    description: Customer profiles, addresses, credit cards, and store credits
  - name: Email Templates
    description: >-
      Customer email templates, the email layout and shared partials: drafts,
      previews, publishing and history
  - name: Exports
    description: Async CSV exports of admin resources
  - name: Files
    description: Uploading the files that product media, imports, logos and documents use
  - name: Fulfillments
    description: Order fulfillments — shipments, fulfill, cancel, resume, split
  - name: Gift Cards
    description: Gift cards and gift card batches
  - name: Imports
    description: >-
      Async CSV imports of admin resources, with per-row status and failed-row
      retry
  - name: Markets
    description: >-
      Markets — geographic groupings of countries used for pricing, tax, and
      fulfillment rules
  - name: Option Types
    description: >-
      Option types and option values used to build product variants (e.g. Size,
      Color)
  - name: Orders
    description: Orders, order items, applied gift cards, and applied store credits
  - name: Payment Methods
    description: Configured payment providers and their available types
  - name: Payments
    description: Order payments — list, capture, void
  - name: Pricing
    description: >-
      Prices and price lists for currency-, market-, and customer-group-specific
      pricing
  - name: Products
    description: >-
      Products, taxons/categories, product custom field values, and bulk product
      operations
  - name: Policies
    description: The store's legal documents — terms of service, privacy, returns, shipping
  - name: Reasons
    description: >-
      Merchant-owned vocabularies for why a return, claim, refund, cancellation
      or tax exemption happened
  - name: Promotions
    description: Promotions, promotion rules, promotion actions, and coupon codes
  - name: Refunds
    description: Order refunds
  - name: Settings
    description: Store-level settings — store profile, tags, and configuration
  - name: Staff
    description: Admin users, roles, and invitations to the store
  - name: Stock Locations
    description: Warehouses and physical fulfillment locations
  - name: Store Credits
    description: Prepaid customer balances across all customers, and each balance's ledger
  - name: Variants
    description: >-
      Product variants — the individual SKUs (size/color combinations) sold
      under a product
  - name: Webhooks
    description: Webhook endpoints and webhook delivery history
paths:
  /api/v3/admin/email_templates/{email_template_id}/preview:
    parameters:
      - name: email_template_id
        in: path
        required: true
        description: The template key with dots
        schema:
          type: string
    post:
      tags:
        - Email Templates
      summary: Preview an email template
      description: >-
        Renders the template with sample data built from the store's latest

        matching record, or the one `record_id` names, and returns the email

        with the variables it was rendered with. An unsaved `subject` and

        `body` take the place of the current version. The layout and partials

        render inside an email, `email_key` or the first one. `branding`

        previews colors and a font before they are saved to the store.



        **Required scope:** `write_email_templates` (for API-key
        authentication).
      parameters:
        - name: x-spree-api-key
          in: header
          required: true
          schema:
            type: string
        - name: Authorization
          in: header
          required: true
          description: Bearer token for admin authentication
          schema:
            type: string
      requestBody:
        content:
          application/json:
            schema:
              $ref: '#/components/schemas/EmailTemplatePreviewParams'
        required: true
      responses:
        '200':
          description: email template rendered
          content:
            application/json:
              example:
                id: null
                subject: Order R123456789 confirmed
                html: >-
                  <!doctype html><html lang="en" dir="auto"
                  xmlns="http://www.w3.org/1999/xhtml"
                  xmlns:v="urn:schemas-microsoft-com:vml"
                  xmlns:o="urn:schemas-microsoft-com:office:office"><head><title>Order
                  R123456789 confirmed</title><!--[if !mso]><!--><meta
                  http-equiv="X-UA-Compatible"
                  content="IE=edge"><!--<![endif]--><meta
                  http-equiv="Content-Type" content="text/html;
                  charset=UTF-8"><meta name="viewport"
                  content="width=device-width, initial-scale=1">

                  <style type="text/css">

                  #outlook a { padding: 0; }

                  body { margin: 0; padding: 0; -webkit-text-size-adjust: 100%;
                  -ms-text-size-adjust: 100%; }

                  table, td { border-collapse: collapse; mso-table-lspace: 0pt;
                  mso-table-rspace: 0pt; }

                  img { border: 0; height: auto; line-height: 100%; outline:
                  none; text-decoration: none; -ms-interpolation-mode: bicubic;
                  }

                  p { display: block; margin: 13px 0; }

                  </style>

                  <!--[if mso]>

                  <noscript>

                  <xml>

                  <o:OfficeDocumentSettings>
                    <o:AllowPNG/>
                    <o:PixelsPerInch>96</o:PixelsPerInch>
                  </o:OfficeDocumentSettings>

                  </xml>

                  </noscript>

                  <![endif]-->

                  <!--[if lte mso 11]>

                  <style type="text/css">

                  .mj-outlook-group-fix { width:100% !important; }

                  </style>

                  <![endif]-->

                  <style type="text/css">@media only screen and
                  (min-width:480px) { .mj-column-per-100 { width:100%
                  !important; max-width:100%; }  }</style><style media="screen
                  and (min-width:480px)">.moz-text-html .mj-column-per-100 {
                  width:100% !important; max-width:100%; } </style><style
                  type="text/css">@font-face { font-family: "Geist"; font-style:
                  normal; font-weight: 500 700; src:
                  url("https://fonts.gstatic.com/s/geist/v4/gyByhwUxId8gMEwcGFU.woff2")
                  format("woff2"); }
                        @font-face { font-family: "Inter"; font-style: normal; font-weight: 400 450; src: url("https://fonts.gstatic.com/s/inter/v20/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuOKfMZg.ttf") format("truetype"); }
                        @font-face { font-family: "Inter"; font-style: normal; font-weight: 500; src: url("https://fonts.gstatic.com/s/inter/v20/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuI6fMZg.ttf") format("truetype"); }
                        @font-face { font-family: "Inter"; font-style: normal; font-weight: 600; src: url("https://fonts.gstatic.com/s/inter/v20/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuGKYMZg.ttf") format("truetype"); }
                        
                        a { color: #332C2C; }
                        .hero > table { max-width: 420px; margin: 0 auto; }
                        .note a { color: #726A6A; word-break: break-all; }
                        .footer a { color: #726A6A; }
                        .item { width: 100%; background-color: #F0F0F0; border-radius: 16px; margin: 0 0 8px; }
                        .item_image { padding: 8px; width: 96px; }
                        .item_thumb { display: block; width: 80px; height: auto; border-radius: 12px; }
                        .item_thumb_placeholder { width: 80px; height: 80px; background-color: #E4E4E4; border-radius: 12px; }
                        .item_info { padding: 8px 16px 8px 8px; }
                        .item_name { font-size: 15px; line-height: 1.5; font-weight: 500; color: #332C2C; text-decoration: none; }
                        .item_meta { margin: 2px 0 0; font-size: 13px; line-height: 1.5; color: #726A6A; }
                        .item_amount { padding: 8px 16px 8px 8px; text-align: right; white-space: nowrap; }
                        .item_qty { margin: 0; font-size: 13px; line-height: 1.5; color: #726A6A; }
                        .item_price { margin: 2px 0 0; font-size: 15px; line-height: 1.5; font-weight: 500; color: #332C2C; }
                        .summary td { padding: 6px 0; font-size: 14px; line-height: 1.6; color: #726A6A; }
                        .summary_value { font-size: 15px; font-weight: 500; text-align: right; white-space: nowrap; color: #332C2C; }
                        .summary_sub { display: block; font-size: 13px; line-height: 1.5; }
                        .summary_total td { padding: 14px 0 0; border-top: 1px solid #E8E9E9; font-weight: 500; color: #332C2C; }
                        .summary_total .summary_value { font-weight: 600; }
                        .mailer_hero h1 { margin: 0; font-family: Geist, Inter, Helvetica, Arial, sans-serif; font-size: 40px; line-height: 1.2; letter-spacing: -0.8px; font-weight: 700; color: #332C2C; }
                        .mailer_hero p { margin: 12px 0 0; }
                        .mailer_hero .greeting { margin-top: 24px; font-size: 15px; font-weight: 500; color: #332C2C; }
                        .mailer_hero .sub { margin-top: 24px; font-size: 13px; }
                        @media only screen and (max-width: 600px) {
                          .heading div { font-size: 32px !important; letter-spacing: -0.64px !important; }
                        }</style></head><body style="word-spacing:normal;background-color:#FFFFFF;"><div lang="en" dir="auto" style="background-color:#FFFFFF;"><!--[if mso | IE]><table border="0" cellpadding="0" cellspacing="0" role="presentation" bgcolor="#F6F6F6" align="center" width="640" style="width:640px;"><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]--><div style="background:#F6F6F6;background-color:#F6F6F6;margin:0px auto;max-width:640px;"><table border="0" cellpadding="0" cellspacing="0" role="presentation" align="center" style="background:#F6F6F6;background-color:#F6F6F6;width:100%;"><tbody><tr><td style="direction:ltr;font-size:0px;padding:56px 24px;text-align:center;"><!--[if mso | IE]><table border="0" cellpadding="0" cellspacing="0" role="presentation"><tr><td width="640px"><![endif]--><!--[if mso | IE]><table border="0" cellpadding="0" cellspacing="0" role="presentation" align="center" width="592" style="width:592px;"><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]--><div style="margin:0px auto;max-width:592px;"><table border="0" cellpadding="0" cellspacing="0" role="presentation" align="center" style="width:100%;"><tbody><tr><td style="direction:ltr;font-size:0px;padding:0 0 32px;text-align:center;"><!--[if mso | IE]><table border="0" cellpadding="0" cellspacing="0" role="presentation"><tr><![endif]--><!--[if mso | IE]><td style="vertical-align:top;width:592px;"><![endif]--><div class="mj-outlook-group-fix mj-column-per-100" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;"><table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%"><tbody><tr><td style="vertical-align:top;padding:0;"><table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%"><tbody><tr><td align="center" style="font-size:0px;padding:0;word-break:break-word;"><div style="font-family:Inter, Helvetica, Arial, sans-serif;font-size:22px;font-weight:700;line-height:1.6;text-align:center;text-transform:uppercase;color:#332C2C;"><a href="http://www.example.com:3000" style="color: #332C2C; text-decoration: none;">Spree Test Store</a></div></td></tr></tbody></table></td></tr></tbody></table></div><!--[if mso | IE]></td><![endif]--><!--[if mso | IE]></tr></table><![endif]--></td></tr></tbody></table></div><!--[if mso | IE]></td></tr></table><![endif]--><!--[if mso | IE]></td></tr><tr><td width="640px"><![endif]--><!--[if mso | IE]><table border="0" cellpadding="0" cellspacing="0" role="presentation" align="center" width="592" style="width:592px;"><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]--><div style="margin:0px auto;max-width:592px;"><table border="0" cellpadding="0" cellspacing="0" role="presentation" align="center" style="width:100%;"><tbody><tr><td style="direction:ltr;font-size:0px;padding:0;text-align:center;"><!--[if mso | IE]><table border="0" cellpadding="0" cellspacing="0" role="presentation"><tr><![endif]--><!--[if mso | IE]><td style="vertical-align:top;width:592px;"><![endif]--><div class="mj-outlook-group-fix mj-column-per-100" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;"><table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%"><tbody><tr><td style="vertical-align:top;padding:0;"><table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%"><tbody><tr><td align="center" style="font-size:0px;padding:0;word-break:break-word;"><div style="font-family:Inter, Helvetica, Arial, sans-serif;font-size:14px;line-height:1.6;text-align:center;color:#726A6A;">Thanks, Ann Lee!</div></td></tr></tbody></table></td></tr></tbody></table></div><!--[if mso | IE]></td><![endif]--><!--[if mso | IE]></tr></table><![endif]--></td></tr></tbody></table></div><!--[if mso | IE]></td></tr></table><![endif]--><!--[if mso | IE]></td></tr></table><![endif]--></td></tr></tbody></table></div><!--[if mso | IE]></td></tr></table><![endif]--><!--[if mso | IE]><table border="0" cellpadding="0" cellspacing="0" role="presentation" align="center" width="640" style="width:640px;"><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]--><div style="margin:0px auto;max-width:640px;"><table border="0" cellpadding="0" cellspacing="0" role="presentation" align="center" style="width:100%;"><tbody><tr><td style="direction:ltr;font-size:0px;padding:64px 24px;text-align:center;"><!--[if mso | IE]><table border="0" cellpadding="0" cellspacing="0" role="presentation"><tr><![endif]--><!--[if mso | IE]><td style="vertical-align:top;width:640px;"><![endif]--><div class="mj-outlook-group-fix mj-column-per-100" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;"><table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%"><tbody><tr><td style="vertical-align:top;padding:0;"><table border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%"><tbody><tr><td align="center" class="footer" style="font-size:0px;padding:0;word-break:break-word;"><div style="font-family:Inter, Helvetica, Arial, sans-serif;font-size:13px;line-height:1.5;text-align:center;color:#726A6A;"><a href="http://www.example.com:3000" style="font-weight: 500; text-decoration: none;">Spree Test Store</a></div></td></tr><tr><td align="center" class="footer" style="font-size:0px;padding:12px 0 0;word-break:break-word;"><div style="font-family:Inter, Helvetica, Arial, sans-serif;font-size:11px;line-height:1.5;text-align:center;color:#726A6A;"><a href="mailto:support@example.com">support@example.com</a></div></td></tr><tr><td align="center" style="font-size:0px;padding:20px 0 0;word-break:break-word;"><div style="font-family:Inter, Helvetica, Arial, sans-serif;font-size:11px;line-height:1.5;text-align:center;color:#726A6A;">&copy; 2026 Spree Test Store</div></td></tr></tbody></table></td></tr></tbody></table></div><!--[if mso | IE]></td><![endif]--><!--[if mso | IE]></tr></table><![endif]--></td></tr></tbody></table></div><!--[if mso | IE]></td></tr></table><![endif]--></div></body></html>
                text: |
                  Spree Test Store (http://www.example.com:3000)

                  Thanks, Ann Lee!

                  Spree Test Store (http://www.example.com:3000)

                  support@example.com

                  © 2026 Spree Test Store
                email_key: spree.order_mailer.confirm_email
                variables:
                  store:
                    id: store_UkLWZg9DAJ
                    name: Spree Test Store
                    address: null
                    mail_from_address: no-reply@example.com
                    default_currency: USD
                    default_locale: en
                    url: http://www.example.com:3000
                    support_email: support@example.com
                    logo_url: null
                    logo_width: null
                    branding:
                      background_color: '#FFFFFF'
                      card_color: '#F6F6F6'
                      text_color: '#726A6A'
                      heading_color: '#332C2C'
                      accent_color: null
                      link_color: '#332C2C'
                      button_color: '#FFFFFF'
                      button_text_color: '#1F2222'
                      button_border: '1px solid #E8E9E9'
                      font: inter
                      font_family: Inter, Helvetica, Arial, sans-serif
                      heading_font_family: Geist, Inter, Helvetica, Arial, sans-serif
                      font_url: null
                  locale: en
                  user:
                    first_name: Ann
                    email: ann@example.com
                  order:
                    number: R123456789
                    customer_name: Ann Lee
                  reset_url: http://www.example.com:3000/reset-password?token=preview
              schema:
                $ref: '#/components/schemas/EmailTemplatePreview'
      security:
        - api_key: []
          bearer_auth: []
      x-codeSamples:
        - lang: javascript
          label: Spree Admin SDK
          source: >-
            import { createAdminClient } from '@spree/admin-sdk'


            const client = createAdminClient({
              baseUrl: 'https://your-store.com',
              secretKey: 'sk_xxx',
            })


            const preview = await
            client.emailTemplates.preview('spree.order_mailer.confirm_email', {
              body: '<mj-section><mj-column><mj-text>Thanks, {{ order.customer_name }}!</mj-text></mj-column></mj-section>',
              record_id: 'or_m3Rp9wXz',
            })
        - lang: bash
          label: Spree CLI
          source: >-
            spree api post /email_templates/{email_template_id}/preview -d
            '{"body":"<mj-section><mj-column><mj-text>Thanks, {{
            order.customer_name
            }}!</mj-text></mj-column></mj-section>","record_id":"or_m3Rp9wXz"}'
components:
  schemas:
    EmailTemplatePreviewParams:
      type: object
      properties:
        language:
          type: string
          description: >-
            A language code, or `any` (the default) for the version every
            language uses.
          example: any
        subject:
          type: string
          description: An unsaved subject, in place of the current one.
          example: Your order {{ order.number }} is confirmed
          nullable: true
        body:
          type: string
          description: An unsaved body, in place of the current one.
          example: >-
            <mj-section><mj-column><mj-text>Thanks, {{ order.customer_name
            }}!</mj-text></mj-column></mj-section>
        record_id:
          type: string
          description: >-
            The record to build sample data from; the store's latest matching
            record otherwise.
          example: or_m3Rp9wXz
        email_key:
          type: string
          description: For the layout or a partial, the email to show it in.
          example: spree.order_mailer.confirm_email
        branding:
          type: object
          properties:
            accent_color:
              type: string
              nullable: true
            background_color:
              type: string
              nullable: true
            card_color:
              type: string
              nullable: true
            text_color:
              type: string
              nullable: true
            heading_color:
              type: string
              nullable: true
            font:
              type: string
              nullable: true
              enum:
                - inter
                - system
                - helvetica
                - georgia
                - roboto
                - lato
                - merriweather
          description: >-
            Unsaved colors and font to preview, named like the store's `email_*`
            settings.
        mailer_logo_signed_id:
          type: string
          description: >-
            An unsaved email logo: the signed id of an uploaded image, or null
            to preview without one.
          nullable: true
    EmailTemplatePreview:
      type: object
      properties:
        id:
          type: string
          nullable: true
        subject:
          type: string
        html:
          type: string
        text:
          type: string
        email_key:
          type: string
        variables:
          type: object
      required:
        - id
        - subject
        - html
        - text
        - email_key
        - variables
      x-typelizer: true
  securitySchemes:
    api_key:
      type: apiKey
      name: x-spree-api-key
      in: header
      description: Secret API key for admin access
    bearer_auth:
      type: http
      scheme: bearer
      bearerFormat: JWT
      description: JWT token for admin user authentication

````

This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.