|
Remarque : vous n'avez besoin de ces informations que si vous souhaitez programmer votre propre modèle ou apporter des modifications très importantes à des modèles existants dans le code source. Cette technique de modèle se réfère à l'éditeur classique. Techniquement, l'éditeur classique n'est plus pris en charge. Nous vous recommandons de créer votre mailing dans notre éditeur de bulletins d'information à l'avenir. Cet éditeur est en développement permanent et vous offre de nombreuses fonctions faciles à utiliser. Vous trouverez ici le modèle technique pour le rédacteur de la lettre d'information . |
Grâce à notre technologie des modèles, vous pouvez transformer n'importe quelle lettre d'information (HTML) en un modèle utilisable dans un éditeur classique. Pour ce faire, vous devez insérer des balises de modèle spéciales dans le code source de votre fichier HTML. Presque toutes les étiquettes sont composées de deux parties - une partie d'ouverture et une partie de fermeture. Entre ces parties, vous pouvez saisir un texte standard qui sera pré-rempli lors de l'utilisation du modèle et pourra être modifié en conséquence. Pour les tags version en ligne, désabonnement et à propos de nous, CleverReach insère automatiquement son propre texte standard. Tout texte existant à l'intérieur de ces balises sera complètement ignoré.
| Version en ligne : | <!--##online_version #--><!--#/online_version#--> |
| Nouveaux éléments : | <!--##loop #--><!--##/loop#--> |
| Lien de désinscription : | <!--#unsubscribe #--><!--#/unsubscribe#--> |
| Avis juridique : | <!--#aboutus #--><!--#/aboutus#--> |
| Image : | <!--#image #--><!--#/image#--> |
| Lien : | <!--#link #--><!--#/link#--> |
| Zone HTML : | <!--#html #--><!--#/html#--> |
| Ligne de texte : | <!--##text_line #--><!--#/text_line#--> |
| Zone de texte : | <!--#texte #--><!--#/texte#--> |
| Index : | <!--#summary #--><!--#/summary#--> |
| Séparateur d'éléments : | <!--#loopsplit#--> |
| Élément de modèle : | <!--#my_element name="Name" #--><!--#/my_element#--> |
| Configuration des styles : | data-cr-edit="Nom des Bereichs" |
| Styles pour les éléments personnalisés : | class="editable" |
Version en ligne
Le lien vers la version en ligne permet aux destinataires de consulter le courrier électronique en ligne dans leur navigateur.
Exemple de texte par défaut :
<!--#online_version #-->
Si ce bulletin ne s'affiche pas correctement, veuillez cliquer sur <a href="{ONLINE_VERSION}">ici (en ligne)</a>.<!--#/online_version#-->
Remarque importante : si vous définissez un contenu personnalisé dans cette balise, il sera remplacé par le texte standard de CleverReach. Dans ce scénario, vous devez définir une zone HTML.
Éléments
Les marqueurs placés dans votre code source (balise loop) vous permettent d'ajouter un nouvel élément à votre e-mail. Vous pouvez utiliser la fonctionnalité Glisser & Drop pour placer un élément dans la zone que vous avez définie avec la balise loop.
Exemple de texte par défaut :
<!--#loop #-->
<h2><!--#text_line #-->Beispiel Titel<!--#/text_line#--></h2><!--#html #-->
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
<!--#/html#-->
<!--#/loop#-->
De nouveaux éléments peuvent être ajoutés dans n'importe quel format. CleverReach propose des éléments prédéfinis dans son éditeur mais vous pouvez également utiliser des éléments personnalisés pour vos emails.
Se désabonner
Avec la balise de désabonnement, vous ajoutez une zone qui comprend un lien permettant au destinataire de se désabonner de vos courriels.
Exemple de texte par défaut :
<!--#unsubscribe #-->
<a href="{UNSUBSCRIBE}" >Abmelden</a><!--#/unsubscribe#-->
Remarque importante : si vous définissez un contenu personnalisé dans cette balise, il sera remplacé par le texte standard de CleverReach. Dans ce scénario, vous devez définir une zone HTML. definieren .
Avis juridique
Cette balise vous permet d'ajouter une mention légale à vos courriels.
<!--#aboutus #-->
<!--#/aboutus#-->
Remarque importante : si vous définissez un contenu personnalisé dans cette balise, il sera remplacé par le texte standard de CleverReach. Dans ce scénario, vous devez définir une zone HTML.
Image
Utilisez la balise image pour insérer une image. L'image peut être modifiée et liée.
Exemple avec l'image par défaut :
<centre>
<!--#image #-->
<!--#/image#-->
</center>
Remarque importante : si vous souhaitez centrer l'image dans l'éditeur classique, vous devez l'encadrer avec une balise de centrage. Sinon, vous ne pouvez choisir que l'alignement à gauche ou à droite.
Lien
Utilisez la balise de lien pour insérer un lien modifiable.
Exemple avec lien par défaut :
<!--#link #-->
<a href="http://www.ihredomain.de">Lien</a><!--#/link#-->
Remarque importante : cet élément peut être utilisé exclusivement pour les liens de texte. Si vous souhaitez créer un lien vers une image, vous devez utiliser l'élément image.
Zone HTML
Utilisez la balise HTML pour placer une zone HTML modifiable dans l'éditeur.
Exemple de texte par défaut :
<!--#html #-->
<div>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</div>
<!--#/html#-->
Remarque importante : pour permettre l'alignement du texte dans la zone HTML (gauche/droite/centre/bloc), vous devez inclure un élément bloc dans votre HTML - soit une balise P, soit une balise DIV.
Ligne de texte
La balise texte permet d'insérer une ligne de texte qui peut être modifiée (par exemple, pour les titres). Cette balise permet de créer des liens hypertextes.
Exemple de texte par défaut :
<!--#text_line #-->
Je suis une ligne de texte qui peut être éditée !<!--#/text_line#-->
Zone de texte
Cette balise peut être utilisée pour insérer une ligne éditable de texte court. Le texte ne peut pas être formaté et il n'y a pas de fonction de lien hypertexte.
Exemple de texte par défaut :
<!--#texte #-->
Je suis une zone de texte qui peut être modifiée !<!--#/texte#-->
Index
Cet élément crée automatiquement un index avec des liens internes vers les différents éléments de l'article qui ont été ajoutés via l'éditeur classique. Presque chaque nouvel élément apparaîtra comme un élément distinct dans l'index. Les éléments personnalisés sont affichés par défaut dans l'index. En cliquant sur l'index, vous pouvez masquer certains articles en cliquant sur le symbole de l'œil ( ). Conseil : Cet élément est déjà disponible en tant qu'élément standard.
Exemple :
<div class="summary">
<!--#summary #-->
<ul>
</ul>
<!--#/summary#-->
</div>
Séparateur d'éléments
Vous pouvez placer autant d'éléments modifiables que vous le souhaitez dans une boucle, qu'il s'agisse d'éléments HTML, d'images, de liens ou de lignes de texte. Si vous souhaitez pouvoir déplacer ou supprimer ces éléments, vous devez les séparer à l'aide de la balise loopsplit.
Exemple :
<!--##html #-->Exemple de texte 1<!--#/html#-->
<!--#loopsplit#-->
<!--#html #-->Exemple de texte 2<!--#/html#--><!--#/loop#-->
Élément de modèle
La création d'e-mails avec l'éditeur classique ne se limite pas aux éléments standard de CleverReach. Dans vos modèles, vous pouvez déclarer des éléments spécifiques et les insérer dans l'éditeur. Pour ce faire, il suffit de marquer la zone en question comme un élément distinct.
Exemple :
<!--#my_element name="Name Ihres Elements" #-->
<h2><!--##text_line #-->Titel<!--#/text_line#--></h2> <!--#html #-->Je suis votre propre élément:-)
<!--#/html#-->
<!--#/my_element#-->
<!--##loopsplit#-->…
<!--#/loop#-->
Remarque importante : chaque élément doit être nommé individuellement, sinon il n'apparaîtra pas dans la vue d'ensemble. Ces éléments peuvent être utilisés si le modèle correspondant a été sélectionné pour l'e-mail sur lequel vous travaillez. Les éléments sont donc liés à un modèle. Veillez à définir l'élément du modèle à l'intérieur d'une boucle. Vous pouvez également aller dans [Emails] > [Elements] dans votre compte et insérer des éléments personnalisés indépendants qui sont disponibles dans chaque modèle (recommandé).
Configuration des styles
Dans la barre latérale droite de l'éditeur, vous pouvez modifier les zones du modèle en fonction de celles que vous avez définies vous-même. Via [Design], vous pouvez modifier la zone en question. Vous pouvez également configurer les styles de certaines zones de votre propre modèle à l'aide de la barre d'outils. Pour ce faire, vos éléments HTML (par exemple les tableaux) peuvent inclure la balise cr_edit="Nom de la zone". Vous verrez alors le nom dans la barre d'outils.
Exemple :
<tr>
<td></td>
</tr>
</table>
Styles pour les éléments personnalisés
Lorsque vous souhaitez rendre les styles de vos éléments personnalisés modifiables, vous devez ajouter class="editable". Passez la souris sur ces éléments et cliquez sur le symbole d'édition qui apparaît pour modifier les styles.
Exemple :
<tr>
<td></td>
</tr>
</table>
Remarques importantes :
- Les balises d'ouverture et de fermeture de la boucle doivent être placées à l'intérieur d'une balise HTML commune (TD, DIV) de largeur limitée. Une largeur de 100 % entraînera des problèmes lors de la modification des éléments.
- Vous ne pouvez pas imbriquer des balises de boucle (). Il n'est pas possible d'insérer une deuxième boucle dans une balise de boucle.
- Si vous utilisez des éléments personnalisés, vous devez toujours les créer sur la base de tableaux HTML ou de couches DIV.
- Si votre modèle n'est pas répertorié dans votre compte, c'est qu'il ne contient pas de balises Wizard ou qu'elles sont incorrectes (pour plus d'informations , cliquez ici).
- Si vous utilisez vos propres modèles, nous vous recommandons de lire nos conseils et astuces pour les modèles HTML.
- CleverReach n'offre pas de support pour les modèles et éléments personnalisés.