Recommandations e-mail à l’ouverture — à intégrer dans n’importe quel ESP

Votre plateforme d’e-mailing 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 a le plus de chances d’acheter, d’après son comportement le plus récent, au moment où il ouvre l’e-mail ?

Regardez la démonstration de 1:27 : choisir un modèle d’e-mail, comment chaque produit est rendu sous forme d’image, la solution de repli quand il n’y a rien à afficher, et la copie du code.

C’est ce que font les recommandations e-mail à l’ouverture de Personyze. Vous déposez une seule fois un extrait HTML dans votre modèle d’e-mail, quelle que soit la plateforme d’e-mailing (ESP) que vous utilisez. Ce guide parcourt la campagne, puis l’intégration dans Mailchimp, Klaviyo, HubSpot, ActiveCampaign, Brevo et Constant Contact.

Comment fonctionne la personnalisation à l’ouverture

Un bloc produit classique est figé au moment de l’envoi : tout le monde reçoit la même chose. Ici, l’extrait n’est composé que de balises image. Chaque fois que quelqu’un ouvre l’e-mail, son client de messagerie demande ces images à Personyze, et Personyze choisit les produits pour cette personne à ce moment précis.

1. Personyze apprend de votre site. Les consultations de produits, les ajouts au panier et les achats, rattachés à une personne dès que Personyze connaît son e-mail ou votre propre ID pour elle.
2. Votre ESP envoie l’e-mail avec l’extrait à l’intérieur. La balise de fusion de votre plateforme insère l’e-mail (ou l’ID) de chaque destinataire dans les adresses des images.
3. Le destinataire ouvre l’e-mail. Son client de messagerie demande les images à Personyze.
4. Personyze génère les images sur-le-champ, à partir de l’historique de cette personne et de votre catalogue tel qu’il est à cet instant.

Créer la campagne

Nouvelle campagne → E-mail & SMS → Recos produits dans des e-mails tiers. L’assistant compte huit étapes :

Il n’y a pas d’étape Cibler : tous les destinataires de l’e-mail reçoivent le widget, et l’extrait décide pour chaque personne de ce qu’il affiche.

Avant de commencer

• Un catalogue produits dans Personyze. La carte Nouvelle campagne vous avertit s’il n’y en a pas.
• Le code de suivi Personyze sur votre site, pour qu’il y ait un comportement à partir duquel personnaliser. Voir Installer Personyze.
• Des destinataires que Personyze peut reconnaître. Leur e-mail, ou votre propre ID utilisateur, doit figurer sur leur profil Personyze : capturé sur votre site (un formulaire, une connexion ou l’API JavaScript) ou envoyé via l’API serveur. Toutes les autres personnes reçoivent la sélection non personnalisée.
• Un modèle d’e-mail auquel vous pouvez ajouter du HTML, comme un bloc Code, HTML ou Custom Code.

Étape 1 — Catalogue

Personyze conserve un seul catalogue produits par site, et les recommandations par e-mail, sur le site et en JSON le lisent toutes. S’il n’est pas encore configuré, faites-le dans Paramètres → Configuration des recommandations → Catalogue produits. Il y a cinq façons de l’alimenter :

Étape 2 — Interactions

Les algorithmes personnalisés apprennent de ce que chaque personne a fait sur votre site : produits consultés, ajoutés au panier et achetés. L’étape Interactions montre si chaque événement arrive, et la configuration se trouve dans Paramètres → Configuration des recommandations → Suivi des produits. La plupart des sites n’y ont besoin d’aucun code : les intégrations de boutique, Google Tag Manager et la détection sur la page fonctionnent toutes. Toutes les méthodes sont décrites dans Suivi des interactions produit.

Si vous préférez envoyer les événements depuis votre propre code, voici les commandes du tracker :

window.personyze = window.personyze || [];
// on a product page
personyze.push(["Product Viewed", "12345"]);
// when that product is added to the cart
personyze.push(["Product Added to cart", "12345"]);
// on the order confirmation: everything in the cart was bought
personyze.push(["Products Purchased"]);

L’ID est l’ID interne du produit dans votre catalogue. Un événement dont l’ID ne figure pas dans le catalogue ne peut être rattaché à aucun produit. Pour un seul élément acheté hors du panier, envoyez ["Product Purchased", "12345"].

Étape 3 — Apparence

Choisissez Browse template gallery et sélectionnez un design. Vous pouvez ensuite modifier les couleurs, le texte et la mise en page dans l’éditeur, à côté de l’aperçu. Chaque produit est rendu sous forme d’une seule image : le design est donc identique dans tous les clients de messagerie. Les mises en page de produits :

La galerie propose aussi des formats en image unique pour la publicité et les réseaux sociaux : Leaderboard Banner — 728×90, Square Social Tile — 320×320, Story Tile — 360×640 et une Price Drop Retargeting Card.

La première carte de l’éditeur, Image & link, comporte trois réglages :

• Generate image type : PNG (transparent) conserve les coins arrondis et s’intègre proprement sur n’importe quel fond d’e-mail, tandis que JPEG produit des fichiers plus légers.
• Link brings to : l’URL de l’élément par défaut, ou n’importe quel autre champ de votre catalogue.
• If a link is broken, send them to : l’endroit où arrive un clic quand le lien de l’élément est inaccessible.

Étape 4 — Recommandation

C’est ici que vous choisissez l’algorithme. Le sélecteur est le même que celui des widgets sur le site, à une différence près. Un e-mail n’est pas ouvert sur une page de votre site : la ligne Page propose donc plutôt ce que le destinataire a fait :

La ligne Type regroupe les algorithmes comme pour le web : Personnalisés et comportementaux ; Ventes croisées, co-vues et montées en gamme ; Historique du visiteur ; Événements du catalogue ; et Personnalisé. Ce que choisit chacun est décrit dans Algorithmes de recommandation. De bons points de départ pour l’e-mail :

• Recommandations personnalisées : choisit à partir de la navigation et des achats du destinataire lui-même. Idéal pour les personnes qui ont déjà visité votre site.
• Vus récemment, ou Ceux qui ont vu ceci ont aussi vu sur Items they viewed : e-mails d’abandon de navigation.
• Articles dans le panier, et Ventes croisées sur Items in their cart : abandon de panier.
• Ventes croisées ou Montées en gamme sur Items they purchased : relances après achat. Utilisez Racheter pour les produits que les gens rachètent régulièrement.
• Les plus populaires, Tendances du moment ou Meilleures ventes : nouveaux abonnés, et toute personne que Personyze ne connaît pas encore.

Quand le résultat est incomplet

La carte Sortie, à côté de l’algorithme, décide du nombre d’éléments et de ce qui se passe quand il y en a trop peu :

• Recommandations à afficher : le nombre d’éléments à demander, jusqu’à 12. L’étape Code vous donne un emplacement d’image par élément.
• Algorithmes de repli → Ajouter un repli : d’autres algorithmes qui s’exécutent dans l’ordre quand l’algorithme principal, et chaque solution de repli qui les précède, renvoie trop peu d’éléments. Chaque solution de repli a ses propres filtres. Une configuration courante : Recommandations personnalisées avec Meilleures ventes comme solution de repli.
• Remplir les cellules vides : quand il est activé, un résultat incomplet ou vide est complété avec vos éléments les plus populaires, puis avec le reste du catalogue. Quand il est désactivé, seul ce que la recommandation a réellement renvoyé est affiché.

Sous la carte Sortie se trouvent les mêmes filtres et réglages que pour les widgets sur le site : Ignorer les articles que le visiteur a déjà…, Restreindre le catalogue, Affiner l’algorithme et Règles de filtre personnalisées. Voir Filtres et Solutions de repli.

Recommandations non personnalisées

Vous pouvez l’utiliser sans aucun historique individuel :

• Ancrer à un produit. À l’étape Code, choisissez l’onglet ID interne produit et mettez un ID produit dans l’extrait. Personyze recommande alors comme il le ferait pour quelqu’un qui a consulté ce produit, par exemple des éléments associés dans une confirmation de commande.
• Sélection à l’échelle du site. Les plus populaires, Tendances du moment ou Meilleures ventes sur Général ne nécessitent aucun historique pour la personne.

Étape 5 — Code

L’étape Code construit l’extrait en trois choix :

1. L’identifiant. E-mail ; ID utilisateur interne, votre propre ID pour la personne, qui ne fonctionne que si vous l’envoyez aussi à Personyze depuis votre site ou l’API serveur ; ou ID interne produit, pour une sélection non personnalisée.
2. Votre plateforme d’e-mailing. Sa balise de fusion est insérée pour vous dans l’extrait. Personnalisé accepte n’importe quelle balise que vous saisissez.
3. Copier. Collez l’extrait une seule fois dans votre modèle, à l’endroit où les produits doivent apparaître.

Ce que fait l’extrait

Chaque adresse <img> porte l’e-mail (ou l’ID) du destinataire. À l’ouverture de l’e-mail, Personyze :

1. consulte le profil de cette personne : ce qu’elle a consulté, ajouté au panier et acheté ;
2. exécute l’algorithme choisi à l’étape 4 ;
3. vérifie votre catalogue tel qu’il est à cet instant, pour le prix et le stock ;
4. génère chaque produit sous forme d’image et la renvoie.

Chaque emplacement a sa propre clé dans son adresse (k=…v, k=…w et ainsi de suite) : chaque emplacement affiche donc un élément différent. Si le modèle a un titre, une image de titre se place au-dessus de la rangée, et elle disparaît quand il n’y a rien à afficher. Voici un extrait à deux emplacements avec Mailchimp sélectionné :

<table border="0" cellpadding="0" cellspacing="0" role="presentation">
	<tr>
		<td align="center" valign="top">
			<a href="https://pic.personyze.com/href/k=8qy0zs2vbzcv/email=*|EMAIL|*">
				<img src="https://pic.personyze.com/png/k=8qy0zs2vbzcv/email=*|EMAIL|*" alt="Recommended" border="0" style="display:block; max-width:100%; height:auto;">
			</a>
		</td>
		<td align="center" valign="top">
			<a href="https://pic.personyze.com/href/k=8qy0zs2vbzcw/email=*|EMAIL|*">
				<img src="https://pic.personyze.com/png/k=8qy0zs2vbzcw/email=*|EMAIL|*" alt="Recommended" border="0" style="display:block; max-width:100%; height:auto;">
			</a>
		</td>
	</tr>
</table>

Avec ID utilisateur interne, les adresses se terminent par internal_id= suivi de la balise d’ID de votre plateforme. Avec ID interne produit, elles se terminent par item_internal_id={INSERT PRODUCT ID HERE}, et c’est vous qui y placez l’ID du produit.

L’insérer dans votre plateforme d’e-mailing

C’est la même chose sur toutes les plateformes : ajoutez un bloc HTML à votre modèle, collez l’extrait, et assurez-vous que l’e-mail du destinataire est inséré par la balise de fusion de cette plateforme. Si vous avez choisi votre plateforme à l’étape Code, la balise y est déjà.

Référence rapide — balises de fusion d’e-mail

Les balises que chaque plateforme documente pour l’adresse e-mail du destinataire et pour un ID de destinataire (utilisé par l’onglet ID utilisateur interne). Pour celles marquées « Étape Code », choisir la plateforme à cette étape insère la balise pour vous dans l’extrait.

Étape 6 — QA

Avant l’envoi à votre liste, l’étape QA montre les images réelles que recevrait un destinataire. Ce sont des rendus en direct, qui ne sont pas comptés comme des vues. Enregistrez d’abord la campagne : les images proviennent de la version enregistrée, les modifications non enregistrées n’apparaissent donc pas.

Ce qu’il faut vérifier avant l’envoi

• La sélection paraît personnelle. Pour un destinataire connu, elle doit être en rapport avec ce que cette personne a consulté ou acheté. Si elle paraît générique, vérifiez que les événements arrivent (étape 2) et que l’e-mail de la personne figure sur son profil.
• La solution de repli est acceptable. Prévisualisez un Nouveau destinataire. Un emplacement vide y est un résultat, pas une image cassée : la campagne n’avait rien à afficher. Ajoutez un algorithme de repli ou activez Remplir les cellules vides (étape 4) si le bloc doit toujours être rempli.
• Envoyez un vrai test depuis votre ESP. Les aperçus visuels n’insèrent pas les balises de fusion. Ouvrez le test dans une vraie boîte de réception.
• Les clics mènent au bon endroit. Cliquez sur chaque produit dans l’e-mail de test et vérifiez qu’il ouvre la bonne page produit.

Étape 7 — Automatisation

Cette étape est facultative. Ajoutez des règles qui vous envoient un e-mail, publient sur Slack, appellent un webhook ou mettent la campagne en pause quand ses chiffres franchissent un seuil que vous définissez. Voir Automatisation.

Étape 8 — Performance

L’étape Performance affiche les Statistiques Email Get Code. Ce n’est pas Personyze qui envoie l’e-mail : il n’y a donc aucun chiffre d’envois, de rebonds ou de désabonnements. Le comptage commence quand le client de messagerie d’un destinataire affiche le widget.

Lire les chiffres : la section E-mail, SMS, notifications push web et e-mails tiers de la page Indicateurs de performance explique chaque chiffre de cet écran et comment le lire.

Chaque carte d’indicateur a un lien Utilisateurs … (Utilisateurs ayant vu, Utilisateurs ayant cliqué, etc.). Il ouvre la liste exacte des personnes derrière le chiffre, une ligne par personne avec ses attributs de profil. Vous pouvez choisir les colonnes, filtrer la liste ou l’exporter en CSV. Utilisez-le pour vérifier que les personnes qui cliquent sont bien celles que vous vouliez atteindre.

Sous les cartes, Chronologie de l’entonnoir montre les étapes par jour ou par semaine, et Attribution des revenus compare les revenus ou les transactions de la campagne à ceux du site. La période du rapport peut être Depuis le début, Depuis la dernière modification (ou une modification précise) ou une plage de dates de votre choix. Les chiffres peuvent mettre 1 à 3 heures à apparaître après la fin d’une session. Pour tous vos widgets e-mail ensemble, ouvrez Analytique → Campagnes hors site → E-mails tiers.

Conseils pour de meilleurs résultats

• Gardez votre catalogue à jour. Gardez un flux synchronisé, car des prix périmés et des produits épuisés font perdre la confiance instantanément.
• Placez le bloc au milieu de l’e-mail. Sous la bannière principale et au-dessus du pied de page, il obtient généralement plus de clics que tout en haut ou tout en bas.
• 3 à 4 produits pour les e-mails transactionnels, 4 à 6 pour les envois dédiés aux recommandations. Plus de produits, c’est plus de défilement : testez pour trouver votre nombre.
• Définissez une solution de repli qui a du sens. Pour les abonnés sans historique, rabattez-vous sur Meilleures ventes ou Les plus populaires plutôt que sur des produits au hasard.
• Accordez l’objet de l’e-mail à la sélection. Si l’objet annonce « Choisis rien que pour vous », assurez-vous que les données comportementales arrivent avant d’envoyer à grande échelle.
• Soignez le texte alternatif. Les images de l’extrait portent alt="Recommended". Les lecteurs dont le client de messagerie bloque les images, comme c’est souvent le cas d’Outlook en entreprise, ne voient que cela : un appel à l’action plus clair à cet endroit peut aider.

Voir aussi

• Les recommandations en dehors de votre site — par où commencer : tous les supports hors site, côte à côte.
• Recommandations de contenu dans des e-mails tiers : le même mécanisme pour les articles.
• Bannières personnalisées dans les e-mails tiers : une bannière par destinataire au lieu de produits.
• Algorithmes de recommandation
• Suivi des interactions produit