Personnalisation des modèles de courrier électronique

Commerce inclut un modèle d’email par défaut pour la section body de chaque message envoyé par le système. Le modèle du contenu du corps est combiné avec les modèles d’en-tête et de pied de page pour créer le message complet. Le contenu est formaté avec HTML et CSS et peut être facilement modifié et personnalisé en ajoutant des variables et widgets. Les modèles de courrier électronique peuvent être personnalisés pour chaque site web, magasin ou vue de magasin. Si vous utilisez des modèles personnalisés, veillez à mettre à jour la variable configuration du système pour vous assurer que le modèle correct est utilisé.

Exemple : aperçu de l'email de bienvenue

Les modèles par défaut incluent votre logo et les informations de magasin. Ils peuvent être utilisés sans autre personnalisation. Toutefois, il est recommandé de consulter chaque modèle et d’apporter les modifications nécessaires avant de les envoyer aux clients.

Modèles d'email

Informations sur les modèles

Champ
Description
Template Name
Nom de votre modèle personnalisé.
Insert Variable
Insère une variable dans le modèle à l’emplacement du curseur.
Template Subject
L’ objet du modèle apparaît dans la colonne Objet. Il peut être utilisé pour trier et filtrer les modèles de la liste.
Template Content
Contenu du modèle en HTML.
Template Styles
Toutes les déclarations de style CSS nécessaires au format du modèle peuvent être saisies dans la variable Template Styles ​de la boîte.

Modèle d’en-tête

Après avoir terminé la configuration, le modèle d’en-tête d’email comprend votre logo associé à votre boutique. Si vous avez une connaissance de base du HTML, vous pouvez facilement utiliser variables prédéfinies pour ajouter les coordonnées du magasin à l’en-tête .

Étape 1. Chargement du modèle par défaut

  1. Sur le Administration barre latérale, accédez à Marketing > Communications>Email Templates.

  2. Cliquez sur Add New Template.

  3. Dans le Load default template , cliquez sur le bouton Template sélecteur et choisissez Magento_Email > Header.

    En-tête de modèle de courrier électronique - modèle de chargement par défaut {width="600" modal="regular"}

  4. Cliquez sur Load Template.

    Le code de HTML et les variables du modèle apparaissent dans le formulaire.

Étape 2. Personnaliser le modèle

  1. Saisissez le Template Name pour votre en-tête personnalisé.

  2. Saisissez un Template Subject pour organiser les modèles.

    Dans la grille, la liste des modèles peut être triée et filtrée par le Subject ​colonne .

    Informations d’en-tête du modèle de courrier électronique {width="600" modal="regular"}

  3. Dans le Template Content , modifiez le HTML suivant vos besoins.

    note note
    NOTE
    Lorsque vous travaillez dans le code du modèle, veillez à ne pas écraser les éléments placés entre deux accolades.
  4. Pour insérer une variable, placez le curseur dans le code à l’endroit où vous souhaitez placer la variable, puis cliquez sur Insert Variable.

  5. Sélectionnez la variable à insérer.

    Modèle d’en-tête - Insérer une variable {width="600" modal="regular"}

    Lorsqu’une variable est sélectionnée, une balise marketing pour la variable est insérée dans le code.

    Bien que les variables Store Email Address soient les plus souvent incluses dans l’en-tête, vous pouvez saisir le code de n’importe quel système ou variable personnalisée directement dans le modèle.

  6. Si vous devez faire des déclarations CSS, saisissez les styles dans la variable Template Styles de la boîte.

  7. Lorsque vous êtes prêt à réviser votre travail, cliquez sur Preview Template.

    Apportez les modifications nécessaires au modèle.

  8. Lorsque vous avez terminé, cliquez sur Save Template.

    Votre en-tête personnalisé apparaît désormais dans la liste des modèles de courrier électronique disponibles.

Étape 3. Mise à jour de la configuration

  1. Sur le Administration barre latérale, accédez à Content > Design>Configuration.

  2. Dans la grille, recherchez la vue de magasin que vous souhaitez configurer, puis cliquez sur Edit dans le Action ​colonne .

  3. Faire défiler vers le bas et développer Sélecteur d’extension la valeur Transactional Emails .

  4. Choisissez la Header Template qui est utilisé par défaut pour les notifications par e-mail.

  5. Lorsque vous avez terminé, cliquez sur Save Config.

Configuration de la conception d’email transactionnel - modèle d’en-tête

Modèle de pied de page

Le pied de page du modèle d’email contient la ligne de fermeture et de signature du message. Vous pouvez modifier la fermeture pour l’adapter à votre style et ajouter des informations supplémentaires, telles que le nom et l’adresse de la société sous votre nom.

Étape 1. Chargement du modèle par défaut

  1. Sur le Administration barre latérale, accédez à Marketing > Communications>Email Templates.

  2. Cliquez sur Add New Template.

  3. Dans le Load default template , cliquez sur le bouton Template sélecteur et choisissez Magento_Email > Footer.

  4. Cliquez sur Load Template.

    Le code de HTML et les variables du modèle apparaissent dans le formulaire.

Étape 2. Personnaliser et prévisualiser le modèle

  1. Saisissez le Template Name pour votre pied de page personnalisé.

  2. Saisissez un Template Subject pour organiser les modèles.

    Dans la grille, les modèles peuvent être triés et filtrés par le Subject ​colonne .

    Pied de page de modèle de courrier électronique - informations {width="600" modal="regular"}

  3. Dans le Template Content , modifiez le HTML suivant vos besoins.

    note note
    NOTE
    Lorsque vous travaillez dans le code du modèle, veillez à ne pas écraser les éléments placés entre deux accolades.
  4. Pour insérer une variable, placez le curseur dans le code à l’endroit où vous souhaitez placer la variable, puis cliquez sur Insert Variable.

  5. Sélectionnez la variable à insérer.

    Lorsqu’une variable est sélectionnée, une balise marketing pour la variable est insérée dans le code.

    Bien que les variables Contact boutique soient les plus souvent incluses dans le pied de page, vous pouvez saisir le code de n’importe quel système ou variable personnalisée directement dans le modèle.

  6. Si vous devez faire des déclarations CSS, saisissez les styles dans la variable Template Styles de la boîte.

Étape 3. Mise à jour de la configuration

  1. Sur le Administration barre latérale, accédez à Content > Design>Configuration.

  2. Dans la grille, recherchez la vue de magasin que vous souhaitez configurer, puis cliquez sur Edit dans le Action ​colonne .

  3. Faire défiler vers le bas et développer Sélecteur d’extension la valeur Transactional Emails .

  4. Choisissez la Footer Template qui est utilisé comme pied de page par défaut dans les notifications par e-mail.

  5. Lorsque vous avez terminé, cliquez sur Save Config.

Configuration de la conception d’email transactionnel - modèle de pied de page

Modèles de message

La personnalisation du corps de chaque message est identique à celle de l'en-tête ou du pied de page. La seule différence est le modèle de message pour chaque activité ou événement qui déclenche une notification. Vous pouvez utiliser les modèles tels quels ou les personnaliser pour qu’ils correspondent à votre voix et à votre marque. Outre le texte du modèle, il existe un large choix de prédéfini et custom que vous pouvez créer et incorporer dans le modèle.

Étape 1. Chargement du modèle par défaut

  1. Sur le Administration barre latérale, accédez à Marketing > Communications>Email Templates.

  2. Cliquez sur Add New Template.

    Modèles de courrier électronique - modèle de chargement par défaut {width="600" modal="regular"}

  3. Procédez comme suit :

    • Sous Load default template, choisissez la variable Template que vous souhaitez personnaliser.

    • Cliquez sur Load Template.

Étape 2. Personnaliser le modèle

  1. Pour Template Name, saisissez un nom pour votre modèle personnalisé.

  2. Si nécessaire, modifiez la variable Template Subject.

    Il s’agit de la première ligne du message, qui est la formule de salutation par défaut. Vous pouvez la laisser telle quelle ou saisir quelque chose de plus explicite.

  3. Prenez note de la Currently Used For chemin d’accès au modèle, qui est le chemin d’accès utilisé pour mettre à jour la configuration.

    Modèles d’email - Informations sur les modèles {width="600" modal="regular"}

  4. Dans le Template Content , modifiez le HTML suivant vos besoins.

    Le contenu se compose d’une combinaison de balises de HTML, de directives CSS, de variables et de texte.

    note note
    NOTE
    Lorsque vous travaillez dans le code du modèle, veillez à ne pas taper accidentellement le code encadré de doubles accolades.
  5. Pour insérer une variable, placez le curseur dans le code à l’endroit où la variable doit apparaître.

    La sélection de variables varie en fonction du modèle et inclut les prédéfini et custom , le cas échéant.

  6. Cliquez sur Insert Variable et choisissez la variable à insérer.

    Une commande permettant d’insérer la variable est placée entre accolades et ajoutée au code à l’emplacement du curseur. Par exemple :

    customVar code=my_custom_variable

  7. Pour effectuer des déclarations CSS, saisissez les styles dans Template Styles.

    Modèles de courrier électronique - ajouter des styles personnalisés {width="600" modal="regular"}

    note note
    NOTE
    Les styles personnalisés ne sont appliqués à l'email que si {{template config_path="design/email/header_template"}} est présent dans la variable Template Styles. Pour utiliser une page CSS personnalisée sans modèle d’en-tête par défaut, vous devez les fournir ici dans la <style> Balise de HTML.

Étape 3. Mise à jour de la configuration

La variable Currently Used For ​Le cheminement de navigation indique l’emplacement d’utilisation du modèle. Dans cet exemple, la configuration du modèle se trouve sur la page​ Customer Configuration , dans la variable Create New Account Options ​et dans la section​ Default Welcome Email champ .

  • Page - Customer Configuration
  • Section - Create New Account Options
  • Field - Default Welcome Email
  1. Dans le Currently Used For dans le cheminement de navigation, cliquez sur le lien pour ouvrir la page de configuration du modèle.

    Modèle de courrier électronique actuel {width="600" modal="regular"}

  2. Développer Sélecteur d’extension recherchez la section et le champ du modèle d’email que vous avez personnalisé.

  3. Effacez la variable Use system value et cliquez sur le nom de votre modèle personnalisé.

    Configuration des clients - modèle d’email de bienvenue par défaut {width="600" modal="regular"}

  4. Lorsque vous avez terminé, cliquez sur Save Config.

  5. Dans le message situé en haut de l’espace de travail, cliquez sur Cache Management et effacez tout cache non valide.

Étape 4. Prévisualiser et enregistrer le modèle

  1. Lorsque vous êtes prêt à réviser votre travail, cliquez sur Preview Template.

  2. Mettez le modèle à jour selon vos besoins.

  3. Lorsque vous avez terminé, cliquez sur Save Template.

    Votre modèle personnalisé est désormais disponible dans la liste des modèles d’email.

recommendation-more-help
d3c62084-5181-43fb-bba6-1feb2fcc3ec1