Comment créer des modèles Mailchimp personnalisés qui fonctionnent parfaitement

Publié: 2021-06-22

Le codage de chaque e-mail à partir de zéro prend beaucoup trop de temps, donc avoir un modèle d'e-mail réutilisable et éprouvé peut faire des merveilles pour l'efficacité de votre flux de travail. Mais créer votre propre modèle peut également être une aventure en soi, même pour Mailchimp, le deuxième fournisseur de services de messagerie (ESP) le plus populaire selon notre rapport sur l'état des fournisseurs de services de messagerie.

Vous avez peut-être une méthode préférée pour développer des e-mails, mais lorsqu'il s'agit de modèles personnalisés pour Mailchimp, il est important de suivre des directives très spécifiques pour vous assurer de ne pas perdre des heures à faire fonctionner votre modèle. Et je dis cela après avoir perdu de nombreuses heures moi-même !

Pendant que je vous guide dans la création d'un modèle Mailchimp personnalisé, sachez que la façon dont vous structurez le code, la façon dont vous créez des boutons et même la taille de vos images doivent tous être abordés avec un point de vue technique Mailchimp.

C'est pourquoi nous avons collaboré avec Mailchimp et d'autres experts sur cet article de blog pour garantir que vos modèles Mailchimp fonctionneront parfaitement.

La différence entre les modèles prédéfinis de Mailchimp et les modèles personnalisés

Mailchimp possède une bibliothèque substantielle de modèles que vous pouvez utiliser pour créer des e-mails. Chacun d'eux est modifiable dans un éditeur glisser-déposer et plusieurs modules de messagerie parmi lesquels choisir pour la mise en page de votre contenu.

Alors pourquoi créer un modèle personnalisé ?

Les modèles de Mailchimp sont hautement modifiables afin que n'importe quelle marque puisse les utiliser avec les couleurs et le style de sa propre marque. Cela peut rendre difficile la surveillance de leur utilisation et la cohérence de l'identité d'une marque d'un e-mail à l'autre. La création d'un modèle personnalisé garantit que la plupart des styles que vous créez dans le modèle ne sont pas modifiés.

En outre, l'environnement d'édition des modèles personnalisés est différent. Il n'y a pas d'éditeur glisser-déposer. Au lieu de cela, créez des modules et des éléments qui peuvent être dupliqués, commutés ou supprimés en fonction du langage de modèle que vous implémentez. C'est un autre moyen de se prémunir contre les mises en page et les modifications indésirables.

Comment coder un modèle Mailchimp personnalisé

Prêt à créer votre propre modèle d'e-mail Mailchimp ? Continuez à lire pour les trucs et astuces dont vous avez besoin pour bien faire les choses.

Pensez à vos objectifs et à vos utilisateurs finaux

Avant de commencer, il est important de réfléchir d'abord à l'objectif du modèle et aux personnes qui l'utiliseront. Par exemple, vous aurez peut-être besoin d'un modèle avec beaucoup de détails et de flexibilité. Ou, il peut devoir être simple et facile à adopter pour les membres moins techniques de votre équipe.

Joolz Joseph, consultant en marketing par e-mail et motivateur marketing, déclare :

Joolz Joseph

« Demandez-vous 'Qu'essayons-nous d'accomplir avec cela ?'

S'agit-il d'un modèle fourre-tout qui peut être utilisé pour plusieurs types d'e-mails et a donc besoin de beaucoup de flexibilité avec différents blocs ? Ou quelque chose de plus rigide comme un modèle promotionnel, une série d'intégration ou une newsletter ?

Il y a un grand avantage à un modèle avec beaucoup de blocs qui peuvent être adaptés, mais parfois 2 ou 3 modèles plus courts sont plus faciles à gérer pour les personnes qui peuvent être submergées par beaucoup d'options.

Cette brève considération au début vous permet de créer votre modèle en pensant à l'objectif et à l'utilisateur final.

Par exemple, un modèle promotionnel doit se concentrer sur l'objectif principal et l'appel à l'action (CTA), alors qu'une newsletter peut avoir plusieurs CTA qui sont tous différents.

Tout cela doit se refléter dans la conception de votre modèle. Cela permettra également à une personne qui organise une promotion de publier plus facilement du contenu pertinent si ses options sont limitées !

Faire un seul modèle qui capture toutes les possibilités peut entraîner un e-mail qui est sur la marque mais pas aussi efficace qu'il pourrait l'être, il vaut donc la peine de prendre du recul en premier et de regarder ce que vous voulez réaliser et quel type de modèle (ou modèles) vous aidera le mieux à le faire.

Merci Joolz pour l'astuce ! Une fois que vous connaissez les objectifs de votre modèle, vous pouvez commencer à créer.

Intégrez votre style CSS

L'une des premières choses à mentionner est que Mailchimp insère automatiquement vos styles CSS intégrés lorsque vous enregistrez votre modèle sur la plate-forme. Ainsi, lorsque vous démarrez le travail de développement, vous trouverez peut-être plus facile d'intégrer tous vos styles et de limiter la surcharge du code.

Créer des rangées de modules

Au fur et à mesure que vous structurez votre code, pensez aux blocs que vous aimeriez pouvoir modifier, en particulier ceux que vous souhaitez pouvoir réorganiser. Ces blocs doivent se trouver dans des rangées, par exemple :