Teaser Grid

Teaser Grid

Section with background (var(--teaser-bg)), main title “Teaser”, optional subtitle (e.g. “Weitere Whitepaper”, “Passende Webinare”), and 2–4 columns. Each column: optional image, title link, optional excerpt.

In static .mjml templates

Fragment teaser-grid.mjml has placeholders {{TEASER_SUBTITLE_SECTION}} (optional; raw MJML, only when subtitle is set) and {{TEASER_COLUMNS}}. The including template or build step supplies the column markup. For dynamic column count use the API builder.

In API (TypeScript)

import { buildMjmlTeaserSection } from '~/utils/emailTemplates';

buildMjmlTeaserSection({
  title: 'Teaser',
  subtitle: 'Weitere Whitepaper', // optional; omit or pass '' to hide subtitle block
  columns: [
    { imageUrl: '...', title: '...', excerpt: '...', detailUrl: '...' },
    // 2–4 items
  ],
});

Column count is derived from columns.length (2, 3, or 4). Used for related whitepapers, webinars, and trainings.