Créer des modèles de contenu dynamique avec une base de données externe (contenu XML)

Avec l'éditeur HTML de Flexmail, il est possible de créer un modèle de message et d'y introduire automatiquement des données provenant d'une base de données externe via un fichier XML. Cet article vous donnera des consignes détaillées et des exemples sur la manière de procéder et sur le type de résultat possible. 


Comment ça marche - en principe

  1. Vous devez d'abord créer un modèle de contenu dynamique à partir de l'éditeur HTML. Le modèle de message servira de structure de mise en page. Dans le modèle, vous pouvez configurer des variables que vous pouvez personnaliser pour chaque message que vous envoyez. 
  2. Voici quelques exemples de variables :

    	[$title]
    	[$article.header1]
    	[$article.content1]
    	[$article.header2]
    	[$article.content2]
    	etc.
    	
  3. Ensuite, vous créez un fichier XML dans lequel le contenu que vous souhaitez insérer dans le modèle sera placé entre les balises respectives des variables que vous avez créées :
  4. 	<title></title>
    	<article.header1></article.header1>
    	<article.content1></article.content1>
    	<article.header2></article.header2>
    	<article.content2></article.content2>
    	etc.
    	
  5. Ensuite, Flexmail générera automatiquement une lettre d'information basée sur votre modèle et votre fichier XML. Vous pouvez télécharger le fichier XML ou vous pouvez coller le contenu de ce fichier dans Flexmail.

Comment faire - en pratique

  1. Rendez-vous sur Campagnes > Messages. Cliquez sur Créer un nouveau message.
  2. Sélectionnez l'éditeur HTML correspondant à un outil de création. Vous pouvez choisir Aucun modèle et créer votre propre code à partir de zéro. Saisissez un nom et cliquez sur Sauvegarder.

  3. Dans votre éditeur WYSIWYG, cliquez sur le bouton HTML.
  4. Saisissez votre code HTML avec les caractères de remplacement correspondants. Cliquez sur Mettre à jour pour appliquer le code.
  5. Enregistrez et fermez votre message.
  6. Enregistrez votre message comme modèle. Il suffit de le trouver dans votre liste de messages, puis de cliquer sur l'icône en engrenage à votre droite. Trouvez et cliquez sur l'option Sauvegarder le message comme modèle.
  7. Revenez à la première étape pour créer un message.

  8. Ici, sélectionnez l'éditeur HTML d'un outil, décochez l'option "Pas de modèle", cochez l'option "Utiliser la saisie XML". Un nouveau champ de texte apparaîtra. Ajoutez le contenu XML dans ce champ. Cliquez sur pour sélectionner votre modèle. Cliquez sur Sauvegarder pour commencer votre message.


Exemples

Cas 1

Modèle

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
   <title>Newsletter</title>
</head>
<body>
   <p><font face="helvetica">[$content]</font></p>
</body>
</html>

Fichier de données XML

<xml version="1.0" encoding="UTF-8">
<data>
  <content>Hello World!</content>
</data>
</xml>

E-mail

Cas 2

Modèle

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"  
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
  <title>Newsletter</title>
</head>
<body>
  <h1>[$title]</h1>
  <p>[$text]</p>
</body>
</html>

Fichier de données XML

<xml version="1.0" encoding="UTF-8">
<data>
  <title>Newsletter October 2020</title>
  <text> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</text>
</data>

E-mail

Cas 3

Modèle

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
  <title>Newsletter</title>
</head>
<body>
  <h1>BBC World News</h1>
  <table border="0">
    <tbody>
[foreach from=$articles item=article name=articleIterator]
      <tr>
        <td><h2>[$article.title]</h2></td>
      </tr>
      <tr>
        <td><img src="[$article.image]" width="300" align="left" /><b>[$article.intro]</b> <br /> <br /> [$article.text|nl2br]</td>
      </tr>
      <tr>
        <td><a href="[$article.url]" target="_blank">Read more</a></td>
      </tr>
  [if $smarty.foreach.articleIterator.last==false]
      <tr>
        <td><hr /></td>
      </tr>
  [/if] 
[/foreach]</tbody>
  </table>
</body>
</html>

Fichier de données XML

<xml version="1.0" encoding="UTF-8">
<data>
  <articles>
    <article>
      <title>Small fashion brands in Asia hit by economic decline</title>
      <intro>Fashion entrepreneurs are feeling the heat as supplies are getting disrupted</intro>
      <text>A recent report by consultants McKinsey &amp; Company forecast that revenues for the global fashion industry will drop by up to 30% this year, with that figure coming in at 40% for the luxury end of the market.</text>
      <url> http://yourfashioncompany.com/news/world-asia-pacific-1588424000</url>
      <image> https://app.flexmail.eu/dyn/wizard/1401/assets/1803460/shoes.jpg</image>
    </article>
    <article>
      <title>Will the fashion industry have to rethink its values?</title>
      <intro> Fashion entrepreneurs are feeling the heat as supplies are getting disrupted.</intro>
      <text> Normally, at this time of year, many of us would be curating our perfect summer wardrobe as we prepare for sunny weather and foreign holidays.</text> 
      <url>http://yourfashioncompany.com/news/fashion-industry-rething-values-49816534/</url>
      <image>http://app.flexmail.eu/dyn/wizard/1401/assets/1803460/lady.jpg</image>
    </article>
  </articles> 
</data> 
</xml>

E-mail


Il y a plus que vous pouvez faire dans Flexmail
Vous cherchez des informations contextuelles ?
Laissez-vous inspirer !
Est-ce que cela a répondu à ta question? Merci pour les commentaires Un problème est survenu lors de l'envoi de vos commentaires. Veuillez réessayer plus tard.

Vous n'avez pas trouvé ce que vous cherchiez? Contactez-nous Contactez-nous