Votre plateforme e-mail excelle dans l’envoi. Mais si les recommandations de produits de chaque e-mail se mettaient à jour d’elles-mêmes en temps réel — en montrant à chaque destinataire exactement ce qu’il est le plus susceptible d’acheter, d’après son comportement le plus récent, au moment où il ouvre l’e-mail ?
C’est ce que fait la personnalisation des e-mails à l’ouverture de Personyze. Elle fonctionne en insérant un simple extrait HTML dans n’importe quel modèle de campagne — quel que soit votre ESP. Ce guide vous accompagne tout au long du processus pour Mailchimp, Klaviyo, HubSpot, ActiveCampaign, Brevo et Constant Contact.
Comment fonctionne la personnalisation à l’ouverture
Les blocs produits traditionnels des e-mails figent le contenu au moment de l’envoi — tous les destinataires reçoivent la même chose. L’approche de Personyze est différente : vous intégrez un extrait HTML une seule fois dans votre modèle de campagne. Chaque fois qu’un client ouvre cet e-mail, l’extrait appelle Personyze en direct, identifie le destinataire et génère à cet instant une image de recommandations personnalisée.
De l’achat à l’e-mail personnalisé — le déroulement
- Personyze suit l’achat en direct — votre site envoie à Personyze un événement
purchaseavec les détails de la commande. - Votre ESP envoie la confirmation de commande avec l’extrait Personyze intégré sous forme de balises image.
- Le client ouvre l’e-mail — son client de messagerie demande les URL des images à Personyze.
- Personyze génère les images personnalisées à la volée — à partir du profil comportemental de chaque destinataire et de votre catalogue de produits en direct.
<img> qui pointent vers des URL Personyze. Toute plateforme e-mail qui permet d’insérer du HTML personnalisé fonctionne — Mailchimp, Klaviyo, HubSpot, ActiveCampaign, Brevo, Constant Contact, Campaign Monitor, Salesforce Marketing Cloud, et d’autres.Prérequis
- Un compte Personyze actif, avec les recommandations par e-mail activées dans votre formule
- Un accès à votre plateforme e-mail avec l’autorisation de modifier le HTML des campagnes
- Un catalogue de produits prêt à être importé — ou déjà synchronisé dans Personyze
- Le script de suivi Personyze installé sur votre site web pour les données comportementales
Étape 1 — Importer votre catalogue de produits
Personyze utilise une base de produits unique. Si vous avez déjà importé vos produits pour les recommandations sur le site, passez entièrement cette étape. Sinon, allez dans Settings → Product Catalog et choisissez l’une des trois méthodes de synchronisation :
Étape 2 — Configurer le suivi des interactions avec les produits
Personyze recueille les données comportementales via les événements d’interaction avec les produits — vues, ajouts au panier et achats — envoyés depuis votre site. Si Personyze fonctionne déjà sur votre site, c’est déjà fait.
Installer la balise Personyze
Ajoutez le script de suivi Personyze dans le <head>de votre site. Vous trouverez votre extrait unique dans Settings → Tracking Code. Il ressemble à ceci :
<script>
window._S_T || function(s) {
s.async = true;
s.src = '//counter.personyze.com/stat-track-lib.js';
s.onload = function() {
_S_T.async = true;
_S_T.setup(YOUR_ACCOUNT_ID, "your-domain.com");
};
(document.querySelector('head') || document.documentElement).appendChild(s);
}(document.createElement('script'))
</script>Envoyer les événements de vue produit
Sur chaque page de détail produit, envoyez un événement product_view pour que Personyze puisse construire les profils comportementaux. C’est ce qui alimente l’algorithme de recommandations personnalisées dans les e-mails :
window.personyze = window.personyze || [];
window.personyze.push(['trackEvent', 'product_view', {
product_id: 'SKU-1234',
product_name: 'Blue Running Shoe',
category: 'Footwear > Running',
price: 89.99,
currency: 'USD'
}]);Suivre les ajouts au panier et les achats
Pour les meilleures recommandations, envoyez aussi les événements add_to_cart et purchase sur les pages concernées :
// On add-to-cart
window.personyze.push(['trackEvent', 'add_to_cart', {
product_id: 'SKU-1234', price: 89.99, currency: 'USD'
}]);
// On purchase confirmation
window.personyze.push(['trackEvent', 'purchase', {
order_id: 'ORD-9876',
products: [
{ product_id: 'SKU-1234', price: 89.99, quantity: 1 }
],
total: 89.99, currency: 'USD'
}]);Étape 3 — Créer votre widget dans Personyze
Allez dans Email Recommendations → Get Code Wizard. L’assistant vous fait passer par trois sous-étapes : algorithme, modèle et personnalisation.
Options d’algorithme
Modèle et personnalisation
Après avoir choisi un algorithme, sélectionnez une mise en page dans la bibliothèque de modèles, puis utilisez le panneau de gauche pour personnaliser les couleurs, les badges, le texte des boutons, la taille des images et les espacements. L’aperçu en direct se met à jour en temps réel.
Les modèles disponibles comprennent Row Card, Gradient Overlay, Minimal Elegant, Dark Showcase et Horizontal Rows :
Définissez le nombre de produits à afficher — généralement 3 ou 4 pour les e-mails transactionnels, jusqu’à 6 pour les campagnes dédiées aux recommandations.
Étape 4 — Comprendre le code d’intégration
Comment ça marche vraiment — des URL uniques par destinataire
L’extrait généré par Personyze n’est pas une image générique. Chaque <img src> est une URL unique qui encode l’identité du destinataire. Quand un abonné ouvre l’e-mail, son client de messagerie demande cette URL à Personyze. Personyze alors :
- Recherche le profil comportemental de l’abonné (historique de navigation, achats, catégories consultées)
- Applique à ce profil l’algorithme de recommandation choisi
- Vérifie les prix et la disponibilité actuels dans votre catalogue de produits en direct
- Génère et renvoie une image de produits personnalisée — en direct, à ce moment-là
Chaque emplacement de produit du widget a sa propre URL (se terminant par /k=...v, /k=...w, etc.) pour que Personyze puisse optimiser indépendamment le contenu de chaque emplacement.
L’extrait généré
<table>
<tr>
<td>
<a href="https://pic.personyze.com/href/k=8qy0zs2vbzcv/email={INSERT EMAIL HERE}">
<img src="https://pic.personyze.com/png/k=8qy0zs2vbzcv/email={INSERT EMAIL HERE}" alt="Recommended"/>
</a>
</td>
<td>
<a href="https://pic.personyze.com/href/k=8qy0zs2vbzcw/email={INSERT EMAIL HERE}">
<img src="https://pic.personyze.com/png/k=8qy0zs2vbzcw/email={INSERT EMAIL HERE}" alt="Recommended"/>
</a>
</td>
</tr>
</table>La solution de secours — pourquoi vous obtenez toujours quelque chose d’utile
Au moment de l’envoi d’une campagne, Personyze n’a jamais vu votre liste de destinataires — il ne sait pas qui figure dans votre audience Mailchimp ou Klaviyo tant que l’e-mail n’est pas ouvert. Personyze est donc conçu avec une solution de secours intelligente :
- Si l’e-mail d’un destinataire est connu de Personyze (il a visité votre site avec le suivi actif et son identité a été recueillie) — il reçoit des recommandations entièrement personnalisées.
- Si l’e-mail d’un destinataire n’est pas encore dans Personyze (nouvel abonné, ou suivi pas encore relié) — le widget se rabat sur l’algorithme de secours configuré, généralement Les plus populaires ou Meilleures ventes : l’e-mail affiche donc toujours des suggestions pertinentes plutôt qu’une image cassée.
Configurez votre solution de secours à l’étape Recommandation, sous Fallback recommendation if no results.
Recommandations non personnelles (sans suivi)
Vous n’avez pas encore mis en place le suivi comportemental ? Vous pouvez quand même utiliser Personyze pour les recommandations par e-mail avec des approches basées sur le contexte :
- Transmettre un identifiant de produit dans l’URL — par exemple, dans un e-mail après l’achat de la commande n° XYZ, transmettez l’identifiant du produit et Personyze fera remonter les articles achetés ou consultés avec ce produit, d’après le comportement global.
- Meilleures ventes du site — sans contexte individuel ni produit, Personyze fait remonter vos produits les plus performants du moment d’après l’activité de tous les visiteurs. Une base solide qui reste meilleure que des sélections éditoriales figées.
{INSERT EMAIL HERE} — l’une dans le href (suivi des clics) et l’autre dans le src (affichage de l’image). Remplacez toutes les occurrences, pas seulement la première.Étape 5 — Insérer dans votre plateforme e-mail
La procédure est la même pour tous les ESP : ajoutez l’extrait HTML de Personyze à votre campagne, puis remplacez l’espace réservé par la balise de fusion de la plateforme pour l’adresse e-mail de l’abonné. La balise exacte varie selon la plateforme — les sections ci-dessous couvrent les principales.
🐒 Mailchimp
- Ouvrez votre modèle de campagne. Allez dans Campaigns → Email Templates (ou ouvrez un brouillon et cliquez sur Edit Design) pour lancer l’éditeur par glisser-déposer.
- Ajoutez un bloc de contenu Code. Faites glisser un bloc Code depuis la barre latérale dans votre modèle — généralement sous le visuel principal, au-dessus du pied de page.
- Collez l’extrait et remplacez l’espace réservé. Cliquez dans le bloc Code, collez tout le HTML, puis remplacez
{INSERT EMAIL HERE}par la balise de fusion de Mailchimp :*|EMAIL|* - Envoyez un e-mail de test pour vérifier. Utilisez Preview & Test → Send a Test Email — l’aperçu visuel ne remplace pas les balises de fusion. Ouvrez le test dans votre boîte de réception pour confirmer que l’image se charge avec de vraies recommandations.
*|EMAIL|* dans l’URL. Envoyez toujours un vrai e-mail de test pour vérifier.🎯 Klaviyo
- Ouvrez l’éditeur de modèle d’e-mail. Allez dans Content → Templates ou ouvrez l’e-mail de votre Flow/Campaign et cliquez sur Edit.
- Ajoutez un bloc Text ou HTML. Faites glisser un bloc Text et passez en mode HTML, ou utilisez un bloc HTML si votre modèle le permet. Collez l’extrait Personyze.
- Remplacez l’espace réservé. Klaviyo utilise des gabarits de style Django avec des doubles accolades. Remplacez
{INSERT EMAIL HERE}par :{{ email }} - Prévisualisez avec un vrai profil. Utilisez la fonction Preview as Person de Klaviyo, sélectionnez un vrai abonné et vérifiez que l’image se charge avec des recommandations personnalisées.
🟠 HubSpot
- Ouvrez l’éditeur d’e-mails. Allez dans Marketing → Email et ouvrez ou créez une campagne. Cliquez sur Edit pour lancer l’éditeur par glisser-déposer.
- Ajoutez un module Rich Text ou Custom HTML. Faites glisser un module Rich Text dans votre modèle. Cliquez sur l’icône
</> Source Codede la barre d’outils pour passer en mode HTML. Collez l’extrait Personyze. - Remplacez l’espace réservé. HubSpot utilise HubL (le langage de gabarits de HubSpot). Remplacez
{INSERT EMAIL HERE}par :{{ contact.email }} - Envoyez un test et prévisualisez. Utilisez Send Test Email de HubSpot avec une vraie fiche contact pour confirmer que la balise de fusion se résout et que les recommandations se chargent.
⚡ ActiveCampaign
- Ouvrez le concepteur d’e-mails. Allez dans Campaigns → Create a Campaign ou ouvrez un e-mail d’automatisation existant. Utilisez le New Email Designer.
- Ajoutez un bloc HTML. Faites glisser un bloc de contenu HTML dans votre modèle. Cliquez pour le modifier et collez l’extrait Personyze.
- Remplacez l’espace réservé. ActiveCampaign utilise des balises entourées de signes pourcentage. Remplacez
{INSERT EMAIL HERE}par :%EMAIL% - Testez via une automatisation. Ajoutez un contact de test à l’automatisation ou utilisez Send Preview Email avec un vrai contact pour vérifier que la balise se résout et que les recommandations apparaissent.
💙 Brevo (anciennement Sendinblue)
- Ouvrez l’éditeur de modèles. Allez dans Email → Templates et ouvrez ou créez un modèle.
- Passez à l’éditeur HTML. Cliquez sur le bouton
</> HTMLen haut à droite pour accéder au HTML brut. Collez l’extrait Personyze là où vous voulez que les recommandations apparaissent. - Remplacez l’espace réservé. Brevo utilise une syntaxe à doubles accolades. Remplacez
{INSERT EMAIL HERE}par :{{ contact.EMAIL }}(en majuscules). - Envoyez un test. Utilisez Preview & Test → Send Test Email avec un vrai contact pour confirmer que la personnalisation s’affiche correctement.
📮 Constant Contact
- Ouvrez le modèle d’e-mail. Allez dans Campaigns → Create an Email, choisissez votre modèle et ouvrez l’éditeur.
- Ajoutez un bloc Custom Code. Cliquez sur Insert → More → Custom Code pour ajouter un bloc HTML brut. Collez l’extrait Personyze.
- Remplacez l’espace réservé. Constant Contact utilise un format de balise plus ancien. Remplacez
{INSERT EMAIL HERE}par :$[LN:EMAIL:$] - Prévisualisez et testez. Utilisez Preview → Preview As Subscriber et sélectionnez un vrai abonné pour vérifier que la balise de personnalisation se résout correctement avant l’envoi.
Référence rapide — balises de fusion e-mail
Récapitulatif de la balise de fusion exacte à utiliser pour chaque plateforme en remplaçant {INSERT EMAIL HERE}:
| Plateforme e-mail | Remplacer {INSERT EMAIL HERE} par |
Remarques |
|---|---|---|
| Mailchimp | *|EMAIL|* |
Balise de fusion Mailchimp standard |
| Klaviyo | {{ email }} |
Variable de gabarit de style Django |
| HubSpot | {{ contact.email }} |
Propriété de contact HubL |
| ActiveCampaign | %EMAIL% |
Balise de personnalisation entre signes pourcentage |
| Brevo | {{ contact.EMAIL }} |
Nom de champ en majuscules |
| Constant Contact | $[LN:EMAIL:$] |
Balise de substitution |
| Campaign Monitor | [email] |
Balise de fusion entre crochets |
| Salesforce Marketing Cloud | %%emailaddr%% |
Chaîne de substitution AMPscript |
| Tout autre ESP | La balise de fusion e-mail de votre plateforme | Consultez la documentation de votre plateforme |
{INSERT USER ID HERE} de l’espace réservé dans l’extrait et remplacez-la par la balise de fusion de votre plateforme pour ce champ. Cela évite aussi de faire passer des adresses e-mail dans les paramètres d’URL.Étape 6 — QA et aperçu de vos recommandations
Avant d’envoyer à toute votre liste, utilisez l’outil de QA intégré de Personyze (l’étape QA de l’assistant) pour vérifier que les recommandations fonctionnent et sont correctement personnalisées.
Rechercher n’importe quel abonné par e-mail
À l’étape QA, saisissez l’adresse e-mail de n’importe quel abonné dans le champ Find user. Personyze affiche instantanément les images de produits exactes que cet utilisateur verrait en ouvrant son e-mail — d’après son profil comportemental actuel, en temps réel.
Sous les recommandations affichées, dépliez la ligne de l’utilisateur pour voir tout son historique d’interactions avec les produits : chaque produit consulté, ajouté au panier ou acheté, avec l’horodatage et les données de session. Utile pour confirmer que le suivi fonctionne correctement et que l’algorithme capte les bons signaux.
Ce qu’il faut vérifier avant l’envoi
- Les recommandations semblent personnalisées. Les produits de l’aperçu QA doivent correspondre aux centres d’intérêt connus de cet utilisateur — pas au hasard. S’ils semblent génériques, vérifiez que les événements de suivi comportemental se déclenchent et que l’e-mail de l’utilisateur est correctement transmis depuis votre site.
- La solution de secours s’affiche proprement. Testez avec une adresse e-mail toute neuve, sans historique. Vous devriez voir Meilleures ventes ou Les plus populaires — pas un widget vide ou cassé.
- Envoyez un vrai test depuis votre ESP. Envoyez toujours un e-mail de test depuis votre véritable ESP (pas seulement l’aperçu visuel, qui ne résout pas les balises de fusion). Ouvrez-le dans votre vraie boîte de réception.
- La destination du clic est correcte. Cliquez sur chaque image de produit dans votre e-mail de test. Vérifiez qu’elle mène à la bonne page produit et que le suivi des clics de Personyze se déclenche pour une attribution exacte.
Étape 7 — Rapports de performance
Une fois votre campagne en ligne, l’onglet Performance de Personyze fournit des indicateurs d’attribution détaillés qui vont au-delà de ce que les statistiques natives de votre ESP fournissent pour le bloc de recommandations.
Indicateurs au niveau de la campagne
Détail par utilisateur
Passez à l’onglet Users de Performance pour voir le détail par abonné — quelles adresses e-mail précises ont cliqué, ajouté au panier ou acheté, et exactement avec quels produits elles ont interagi. Utile pour :
- Vérifier que les utilisateurs à forte intention reçoivent les recommandations les plus pertinentes
- Identifier les segments d’utilisateurs qui génèrent le plus de conversions d’achat depuis les e-mails
- Réinjecter ces enseignements dans vos choix d’algorithme ou de segments pour les campagnes futures
Conseils pour de meilleurs résultats
- Gardez votre catalogue à jour. Programmez des synchronisations de flux quotidiennes ou horaires. Des prix périmés et des produits en rupture de stock érodent instantanément la confiance.
- Un placement au milieu de l’e-mail fait mieux qu’en haut ou en bas. Sous la bannière principale, au-dessus du pied de page, génère systématiquement un meilleur taux de clics que les autres positions.
- 3 à 4 produits pour les e-mails transactionnels, 4 à 6 pour les envois dédiés aux recommandations. Plus de produits signifie plus de défilement — testez pour trouver le bon équilibre.
- Définissez une solution de secours pertinente. Pour les nouveaux abonnés sans historique comportemental, rabattez-vous sur Meilleures ventes ou Les mieux notés — pas sur des produits au hasard.
- Accordez l’objet de l’e-mail à la personnalisation. Si votre objet annonce « Sélectionné rien que pour vous », les recommandations doivent vraiment paraître personnelles. Assurez-vous que les données comportementales se remplissent avant un déploiement à grande échelle.
- N’oubliez pas le texte alternatif. Un attribut alt descriptif sur l’image de recommandations garantit que les utilisateurs d’Outlook en entreprise, qui bloquent les images par défaut, voient quand même un appel à l’action clair.