Erste Schritte mit Contentblöcken: Header-Contentblock

Ein gebrandeter Header (plantopia-1-header) Content Block könnte wie folgt aussehen:

Was ist enthalten?

• Logo + Markenname — Zeigt das Plantopia-Logo zusammen mit dem Markennamen an, um eine sofortige Markenwiedererkennung zu gewährleisten.
• Link zur Webversion — In E-Mails sichtbar, aber auf Webseiten ausgeblendet, sodass derselbe Contentblock in beiden Umgebungen korrekt funktioniert.

  <sg:conditional expression="eq([SYSTEM.MAIL],'1')">
   <a href="[%LINK(0)%]" data-link="webversion">Webversion</a>
  </sg:conditional>&nbsp;

Der obige Code funktioniert zwar, aber er verwendet eine ältere Campaign-Syntax, deren Zukunftssicherheit nicht garantiert ist. Die Verwendung eines Selligent-Ausdrucks ist wahrscheinlich sicherer:

<sg:conditional expression="eq(tobool(InWebContext()),tobool('false'))">
 <a href="[%LINK(0)%]" data-link="webversion">Webversion</a>
</sg:conditional>&nbsp;

Aus diesem Grund wird empfohlen, ältere Ausdrücke stets dort zu aktualisieren, wo man auf sie trifft.

Wie das Übersetzen funktioniert

Der Linktext der Webversion kann anhand der Sprache des Empfängers automatisch mithilfe eines Wörterbuchs übersetzt werden.

 <sg:conditional expression="eq([SYSTEM.MAIL],'1')">
 <!-- ##################################################################
 This relies upon a dictionary being defined 
 - the name of the dictionary is "TRANSLATIONS", with a CODE of "WEBVERSION"
  ... which contains the different translations of "Read Online"
 ################################################################## -->
 <a href="[%LINK(0)%]" data-link="webversion">%label( 'TRANSLATIONS','WEBVERSION' )%]</a>
 </sg:conditional>

Kopiertipps

• Halten Sie die Beschriftung kurz — Beispiele: View in browser, Voir en ligne, Im Browser ansehen.
• Verwenden Sie ein kontrastreiches Logo und fügen Sie immer einen Alternativtext hinzu (z. B. Plantopia), um die Barrierefreiheit zu verbessern und die Darstellung zu optimieren, wenn Bilder blockiert sind.