Comment créer des modèles d'e-mails personnalisés à l'image de votre marque dans Acumatica

Marco Villasenor 3 juillet 2023
Comment personnaliser Acumatica avec des modèles de marque

Mis à jour le 20 août 2026

 

Introduction

Acumatica permet aux utilisateurs de créer des modèles d'e-mails et de notifications personnalisés à l'image de leur marque grâce à son éditeur de modèles intégré. Pour des mises en page réactives plus avancées, les développeurs peuvent générer du code HTML à l'aide d'un framework dédié aux e-mails, tel que MJML, puis coller le code obtenu dans l'éditeur HTML d'Acumatica tout en conservant les espaces réservés aux champs de données d'Acumatica.

L'une des nombreuses fonctionnalités utiles de la plateforme Acumatica xRP est le moteur de notification intégré.

Grâce aux étapes d'automatisation et au traitement des courriels, vous pouvez déclencher l'envoi de courriels aux utilisateurs lorsque quelque chose se produit ou qu'une action est nécessaire.

Lorsque nous avons commencé à utiliser Acumatica comme plateforme de CRM et de support, les notifications sont devenues une partie intégrante du processus. Nous avons rapidement constaté que nous pouvions apporter une valeur ajoutée à nos clients en les aidant à créer de meilleurs modèles, clairs et pratiques, mais aussi à l'image de leur marque et d'un aspect agréable.

 

01ssinterastar-plus petit

Voici comment nous avons procédé.

Avant de commencer, vous aurez besoin de :

  • Accès aux modèles de notification Acumatica
  • Autorisation de modifier le modèle concerné
  • Le logo de votre entreprise et les codes visuels de votre marque
  • URL accessibles au public pour les images hébergées
  • Un générateur d'e-mails HTML tel que MJML, si vous souhaitez un design adaptatif plus sophistiqué

Editeur de modèle de notification Acumatica

Les champs de données Acumatica permettent d'afficher automatiquement dans un e-mail les informations issues de l'enregistrement associé. Par exemple, un modèle peut inclure des informations telles qu'un numéro de commande, le nom du client, ses coordonnées ou d'autres champs disponibles pour cette notification.

Acumatica comprend un éditeur de texte riche intégré pour les modèles. Les écrans SM204003 et SM205040 utilisent le même éditeur, qui prend en charge l'utilisation de balises de champ spéciales qui sont des espaces réservés à remplir avec des valeurs provenant des documents connexes avant d'être envoyés.

Le contenu peut être édité dans un mode visuel WYSIWYG, mais vous pouvez passer à un mode HTML pour éditer le balisage directement. Si nous voulons créer des courriels attrayants, nous devons utiliser le HTML.

02ssinterastar-petit

L'utilisation de l'éditeur HTML intégré d'Acumatica peut être assez simple, si vous voulez juste changer la taille d'une phrase ou ajouter un peu de couleur, mais il peut rapidement devenir difficile à travailler si vous avez besoin de concevoir des modèles attrayants à partir de zéro. Il n'est pas non plus idéal si vous souhaitez créer des formats d'email complexes qui soient également réactifs et universellement compatibles avec les lecteurs d'email.

Si nous pouvions trouver un moyen de concevoir facilement nos modèles et de construire le balisage HTML requis, nous pourrions simplement le coller dans l'éditeur Acumatica.

C'est là que les cadres de construction d'e-mails entrent en jeu.

La plupart des cadres de modèles de courrier électronique fonctionnent de la même manière : ils fournissent une plate-forme de base qui facilite la conception du contenu du courrier électronique à l'aide de définitions propriétaires simples de blocs et de colonnes, puis ils génèrent le balisage HTML requis. En raison de la diversité et de la non-standardisation des clients de messagerie, ils utilisent tous des astuces pour que les courriels rendus soient aussi proches que possible de la conception originale dans n'importe quel lecteur de courrier électronique.

 

Pourquoi utiliser MJML pour les modèles d'e-mails Acumatica ?

Le code HTML des e-mails est plus restrictif que le code HTML standard des sites web, car les clients de messagerie tels qu'Outlook et Gmail appliquent des règles de mise en forme différentes. Le MJML permet de simplifier la création de mises en page d'e-mails adaptatives et génère un code HTML conçu pour offrir une compatibilité plus large avec les clients de messagerie.

Il existe plusieurs outils que nous pouvons utiliser pour concevoir et créer des modèles de courrier électronique. Actuellement, nous utilisons mjml (de MailJet). D'autres outils similaires que nous avons testés sont Foundation for Emails (par Zurb) et HEML (par Sparkpost).

Construction d'un modèle de base

Le moyen le plus rapide de commencer à construire un modèle est d'installer l'application native MJML. Cet outil comprend une prévisualisation en direct du modèle au fur et à mesure que vous travaillez dessus.

L'idée principale du cadre est de construire des modèles à partir de blocs de construction simples. Les principaux blocs sont : mj-body, mj-section et mj-column. Le contenu se présente ensuite sous la forme de différents types de composants, dont le plus courant est mj-text. Pour plus de références, vous pouvez consulter la documentation de mjml.

Si vous ajoutez des images, vous devez utiliser l'URL complète car elles doivent être accessibles depuis le client de messagerie. Acumatica ne les joindra pas à l'email.

Important : les images utilisées dans un modèle d’e-mail doivent être hébergées à une URL accessible au public afin que le client de messagerie du destinataire puisse les récupérer. Évitez d’utiliser des chemins d’accès à des fichiers locaux.

Lors de la construction du contenu de l'email, vous pouvez ajouter des variables de remplacement en fonction de l'écran Acumatica lié au modèle. Pour obtenir le nom du champ de données, vous pouvez utiliser la commande INSERT->DATAFIELD. Cette commande affiche une liste des CAD associés et des champs disponibles. Les espaces réservés utilisent le format ((ViewName.Field)), où ViewName est le nom de la vue (DAC) dans le graphique Acumatica et Field est le champ DAC dont la valeur doit être utilisée.

Voici notre modèle final de notification de base utilisant mjml :

code-pour-article-de-blog
03ssinterastar-petit

Lorsque vous êtes satisfait du résultat, vous pouvez enregistrer le code HTML généré ou le copier dans la mémoire.

Enfin, il suffit de le coller dans la vue HTML de l'éditeur de modèles.

05ssinterastar-petit-2

Testez votre modèle d'e-mail avant de l'utiliser

Avant d'utiliser un nouveau modèle personnalisé dans un flux de travail en production, envoyez un e-mail de test et vérifiez que :

  • Les champs de données d'Acumatica affichent les informations attendues.
  • Les images s'affichent correctement.
  • Les liens fonctionnent comme prévu.
  • Cet e-mail s'affiche correctement sur les ordinateurs de bureau et les appareils mobiles.
  • La mise en page s'affiche correctement dans les clients de messagerie courants tels qu'Outlook et Gmail.

Pour conclure

Les modèles de notification d’Acumatica permettent d’associer des communications automatisées à des données métier dynamiques, tout en garantissant une image de marque cohérente. En combinant les champs de données d’Acumatica à un code HTML bien structuré, les entreprises peuvent créer des modèles d’e-mails réutilisables qui favorisent à la fois l’automatisation et une expérience client cohérente.

Questions fréquentes sur les modèles d'e-mails Acumatica

Pourquoi une image ne s'affiche-t-elle pas dans mon modèle d'e-mail Acumatica ?

Vérifiez que l'image utilise une URL complète et accessible au public. Certains clients de messagerie peuvent également bloquer les images externes jusqu'à ce que le destinataire choisisse de les afficher.

 

Pourquoi un champ de données Acumatica apparaît-il vide dans un e-mail ?

Un champ peut apparaître vide si l'enregistrement correspondant ne contient pas de valeur ou si ce champ n'est pas disponible pour ce modèle de notification. Si vous ne savez pas quels champs sont pris en charge, consultez les options disponibles sous « Insérer » → « Champ de données ».

 

Pourquoi mes e-mails s'affichent-ils différemment dans Outlook et dans un navigateur ?

Les clients de messagerie prennent en charge les langages HTML et CSS différemment des navigateurs Web. Le recours à des pratiques HTML spécifiques à la messagerie électronique ou à un framework tel que MJML peut contribuer à améliorer la cohérence d'un client de messagerie à l'autre.

 

Auteur du blog

Catégories