Pour bien commencer avec les blocs de contenu : Bloc de contenu d’en-tête

Un bloc de contenu d'en-tête de marque (plantopia-1-header) pourrait ressembler à ceci :

Ce qui est inclus

  • Logo + nom de marque — Affiche le logo Plantopia accompagné du nom de la marque pour une reconnaissance immédiate.
  • Lien vers la version web — Visible dans les e-mails, mais invisible sur les pages web, permettant ainsi au même bloc de contenu de fonctionner correctement dans les deux environnements.
Copier 
  <sg:conditional expression="eq([SYSTEM.MAIL],'1')">
   <a href="[%LINK(0)%]" data-link="webversion">Webversion</a>
  </sg:conditional>&nbsp;

Bien que le code ci-dessus fonctionne, il utilise l’ancienne syntaxe Campaign, qui n’est pas garantie à l’avenir. L’utilisation d’une expression Selligent est probablement plus sûre :

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

C’est pourquoi il est recommandé de mettre à jour toutes les expressions plus anciennes là où elles sont rencontrées.

Comment fonctionne la traduction

Le texte du lien vers la version Web peut être traduit automatiquement à l'aide d'un dictionnaire, en fonction de la langue du destinataire.

Copier 
 <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>

Conseils de copie

  • Utilisez un libellé court — Par exemple: View in browser, Voir en ligne, Im Browser ansehen.
  • Utilisez un logo à contraste élevé et ajoutez systématiquement un texte alternatif (par exemple : Plantopia) pour faciliter l’accès et améliorer l’affichage lorsque les images sont bloquées.