Erste Schritte mit Contentblöcken

Über dieses Handbuch — Ein praktisches Hilfsmittel mit Beispielen, die zeigen, wie Contentblöcke zur Automatisierung und Beschleunigung des Nachrichtendesigns eingesetzt werden können.
Verwendung — Erkunden Sie die verschiedenen Optionen und wählen Sie diejenige aus, die Ihrem Anwendungsfall entspricht. Ihre Wahl hängt davon ab, wie viel Bearbeitungsfreiheit Sie den Marketingfachleuten einräumen möchten, von Ihren Designentscheidungen und von anderen Präferenzen des Teams.

Komponenten — Die in diesem Benutzerhandbuch verwendeten Beispiele können heruntergeladen werden. Der gesamte Code für diese Contentblöcke kann in jedem Design verwendet werden, enthält aber definierte Stilklassen, die vom Selligent Responsive Design Editor bereitgestellt werden. Die Verwendung dieser Contentblöcke in einem leeren Dokument oder einem importierten Design erfordert, dass dieselben Stile (die als responsive.css bereitgestellt werden) irgendwo in der Komponente enthalten sind.

Bei der Erstellung von Marketing-E-Mails folgen diese häufig einer vertrauten Struktur mit gemeinsamen Komponenten. Diese Elemente können vollständig festgelegt, teilweise editierbar oder vollständig anpassbar sein. Beispiele hierfür sind:

• Header mit Markenzeichen – Typischerweise enthält sie das Firmenlogo und kann Navigationslinks oder einen Slogan aufweisen. Da es das auf den ersten Blick sichtbarste Markenelement ist, sollte es unkompliziert und übersichtlich bleiben, um nicht von der Hauptbotschaft abzulenken.

• Footer mit Markenzeichen – Spiegelt in der Regel das Design des Headers wider und kann eine kleinere Version des Logos enthalten. Hierzu zählen häufig:

  • Textlinks (z. B. Website, Login-/Anmeldeseiten, Geschäftsbedingungen)
  • Links zu sozialen Medien (Facebook, Twitter/X, LinkedIn, Instagram), die in der Regel als erkennbare Symbole angezeigt werden
  • Nicht anklickbare Bilder wie Auszeichnungen („Voted Best“), Akkreditierungen („Good Business Affiliation“) oder Trust Badges

• HERO Image – Ein großes, visuell eindrucksvolles Bild, das den Schwerpunkt der E-Mail bildet. Es hebt in der Regel neue Produkte, Sonderangebote, saisonale Kampagnen oder personalisierte Nachrichten hervor.

• CallToAction – Ein auffälliger, verfolgbarer Link – in der Regel in Form einer Schaltfläche –, der den Empfänger zum nächsten Schritt auffordert. Er erscheint in der Regel oberhalb der Falz, um maximale Sichtbarkeit zu gewährleisten.

• Zusätzlicher Text, der den Kontext liefert, die Botschaft unterstreicht und zum Engagement anregt und so zu mehr Klicks und Konversionen beiträgt.

Die Verwendung von Contentblöcken für wiederverwendbare Inhalte bietet mehrere Vorteile, die hier beschrieben werden.

In diesem Leitfaden gehen wir näher darauf ein:

Erste Schritte mit Contentblöcken: Header-Contentblock

Erste Schritte mit Contentblöcken: Footer-Contentblock

Erste Schritte mit Contentblöcken: Hero Image

• Erste Schritte mit Contentblöcken: ein statisches, nicht bearbeitbares Hero Image

• Erste Schritte mit Contentblöcken: ein statisches, aber bearbeitbares Hero Image

• Erste Schritte mit Contentblöcken: Hero Image aus einer Liste von Optionen wählbar

• Erste Schritte mit Contentblöcken: Hero Image mit Datenquellenliste