Comment améliorer vos campagnes d'emailing sur Mailchimp avec des images personnalisées ?

Si vous écrivez ou prévoyez d'écrire une campagne d'emailing sur Mailchimp, vous ne pouvez pas faire l'impasse sur la personnalisation. Elle est essentielle si vous voulez que votre public vous lise et se sente considéré.

Techniquement, écrire de manière personnalisée est assez simple. Des variables textuelles existent pour s'adapter aux données personnelles de votre public (nom, prénom, profession, nom de l'entreprise, etc.).

Peut-être avez-vous envisagé d'inclure une image dans votre campagne. Si c'est le cas, saviez-vous que vous pouviez également la personnaliser ? C'est ce que nous allons vous permettre de faire dans ce simple tutoriel.

Créer un template sur Abyssale

Pour ce faire, rendez-vous sur votre tableau de bord Abyssale et créez un nouveau template.

Vous pouvez imaginer l'image que vous voulez avec le message que vous voulez. L'important est d'identifier et d'isoler les éléments de texte et d'image qui changeront pour s'adapter à chacun de vos contacts.

Voici un exemple :

Dans cet exemple, nous avons isolé le prénom (Michael). Il correspond à un seul élément de texte. Dans le Abyssale builder, nous avons pris soin de le renommer "firstname" à l'aide de l'onglet "settings".

Une fois que votre site template est prêt, cliquez sur "Save & Exit".

Sélectionnez votre mode de génération template

Sélectionnez "Dynamic Image" comme mode de génération. Un nouveau volet s'ouvre, dans lequel vous devez nommer l'image dynamique et choisir le mode de génération (OpenGraph ou Base URL).

Nommez l'image dynamique comme vous le souhaitez, puis sélectionnez Base URL. Si votre site template avait plusieurs formats, sélectionnez le format que vous souhaitez pour cette image dynamique.

Cliquez ensuite sur "create dynamic image".

Un nouveau volet apparaît. Dans la colonne de gauche, cliquez sur la petite flèche à côté de "Content customization" pour faire apparaître les différents layers de votre template.

Activer les charges utiles des éléments à personnaliser.

Dans notre exemple, nous n'activerons que le layer "firstname" et introduirons le nom Michael.

Cliquez ensuite sur le bouton bleu "Generate image". Un lien apparaîtra dans la barre sombre en haut de l'écran.

Votre image dynamique est prête. Il est temps de l'ajouter à votre e-mail.

Aller sur Mailchimp

Construisez votre e-mail en utilisant un Mailchimp template existant ou non. Pour votre image dynamique, insérez un bloc "Code".

Ensuite, dans ce bloc, insérez la ligne de code :

<img src="[YOUR DYNAMIC IMAGE LINK]" alt="[THE ALTERNATIVE NAME OF YOUR IMAGE]">

Pour notre exemple, nous insérerons le code suivant :

<img src="https://img.abyssale.com/a7751207-eb53-4592-b6cc-516d10cfa91f?firstname=Michael" alt="We've got a good news : 30% Back-to-school">

Cela pourrait fonctionner si toute notre liste de contacts s'appelait Michael. Mais ce n'est pas notre cas, et ce n'est probablement pas le vôtre non plus.

Vous devrez donc remplacer les valeurs de chacun des éléments par la variable Mailchimp correspondante.

Dans notre exemple, nous n'avons qu'un seul élément à prendre en compte : firstname=Michael. Nous devons remplacer Michael par la variable Mailchimp correspondant au prénom du contact, c'est-à-dire *|FNAME|*. Voici donc à quoi ressemble notre code une fois terminé :

Comme vous pouvez le voir, nous avons maintenant firstname=*|FNAME|*. Cela signifie que le prénom de chaque contact sera affiché dans l'image dynamique.

Nous avons envoyé cet e-mail à Robin et voici ce qu'il a reçu :

Vous pouvez aller plus loin dans la personnalisation en proposant une image de fond différente. Supposons que vous décidiez de personnaliser votre image en fonction de l'âge de votre public.

Vous allez ensuite segmenter votre audience. Pour notre exemple, nous les segmenterons comme suit :.

• 18 à 25 ans
• 26 à 35 ans
• plus de 36

A force d'AB tests, vous constaterez que certains contenus fonctionnent mieux que d'autres sur une catégorie particulière de vos contacts. Dans notre exemple, on peut imaginer que les images de fond "vintage" fonctionnent mieux auprès des 36 ans et plus, alors que les 18-25 ans sont plus réceptifs aux images colorées.

Segmenter pour mieux personnaliser

Revenez à votre volet Abyssale , où vous pouvez sélectionner les couches qui peuvent être activées. Activez les couches que vous souhaitez modifier pour les adapter aux différents segments du public.

Pour notre exemple, nous activons l'option "image" layer. Instantanément, l'URL dans la barre grise en haut de l'écran change :

Une nouvelle pièce apparaît : Dans notre exemple, nous changerons l'[URL de l'image source] à celle que nous voulons, en fonction de l'audience à laquelle nous l'envoyons.

Voici l'URL de notre image dynamique pour les 18-25 ans :

‍https://img.abyssale.com/a7751207-eb53-4592-b6cc-516d10cfa91f?image=https%3A%2F%2Fimages.unsplash.com%2Fphoto-1558292338-7e6ff28e7d8c%3Fixlib%3Drb-4.0.3%26ixid%3DM3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%253D%253D%26auto%3Dformat%26fit%3Dcrop%26w%3D1974%26q%3D80&firstname=Michael

N'hésitez pas à cliquer dessus pour voir à quoi il ressemble.

Désormais, lorsque vous ajoutez l'URL à votre bloc "Code" sur Mailchimp, n'oubliez pas de modifier les éléments "fixes" pour votre audience(Dans notre exemple image=[URL de l'image source]).

Ensuite, pour la partie Dynamic Image, ajoutez les variables Mailchimp comme expliqué dans la première partie de ce tutoriel(Dans notre exemple, firstname=*|FNAME|*).

Vous êtes maintenant prêt à améliorer vos campagnes Mailchimp avec des images personnalisées et Dynamic Image. Avant d'envoyer le message final, n'oubliez pas de tester vos campagnes en envoyant l'adresse email à votre propre boîte email.

Attention ! L'envoi d'un e-mail de test ne fonctionnera pas car la variable *|FNAME|* est remplacée par "Test First Name" et quelques caractères spéciaux.

Pour obtenir d'autres conseils comme ceux-ci pour générer automatiquement des créations visuelles personnalisées, suivez-nous sur Linked-in.

‍