Articles dans cette section

Fonction de base

  • Mise à jour

Lignes

Chaque modèle de courriel consiste en une ou plusieurs lignes. L’utilisateur peut ajouter, déplacer, copier, supprimer et gérer les lignes.

Pour ajouter une ligne à un modèle de courriel vierge, l’utilisateur doit cliquer sur le bouton « Ajouter une ligne » sur la zone de travail principale.

e2a20378-0cd3-4a94-b91c-9d2e7caedf53.png

Ou l’outil glisser-déposer des COLONNES de la barre d’outils principale à droite.

2de04407-c962-495f-a39d-304de60809a4.png

De plus, vous pouvez ajouter une ligne entre deux lignes existantes à l’aide de la fonction glisser-déposer ou en sélectionnant une ligne existante et en ajoutant une nouvelle ligne avant ou après.

774afde2-1b68-4294-bc79-16b9f15237e7.png

Chaque ligne peut être déplacée. Pour déplacer une ligne, l’utilisateur doit sélectionner la ligne qu’il veut déplacer, cliquer et maintenir le bouton de « mouvement » pour glisser la ligne ailleurs.

3f506c14-ad4b-499e-9c7d-d75e79712ec6.png

Chaque ligne peut être copiée. Pour copier une ligne, l’utilisateur doit sélectionner la ligne, cliquer sur le bouton « Copier » (dans la barre rapide ou dans la barre de défilement latérale droite) et la ligne sera copiée sous la ligne originale avec tout son contenu.

8c2d36ee-ae46-4056-8f3a-faae427f0a4f.png

Chaque ligne peut être supprimée. Pour supprimer une ligne, l’utilisateur doit sélectionner la ligne, cliquer sur le bouton « Supprimer » (dans la barre rapide ou dans la barre de défilement latérale droite) et la ligne sera supprimée ainsi que tout son contenu.

2874aa2b-cb46-4c53-b348-da37c34c61e7.png

Dans une barre flottante, l’utilisateur peut ajuster la ligne. Il y a des paramètres Bureau et Mobile pour les lignes. L’onglet Bureau comprend tous les paramètres pour les lignes, mais l’onglet Mobile comprend les paramètres pour l’affichage sur mobile.

La section Colonnes fractionne la ligne sélectionnée en nombre de colonnes sélectionné.

af961cc7-9bef-4f54-8387-8fd61ab871fb.png

La section Propriété de la colonne comprend plusieurs onglets dont chacun représente des paramètres spécifiques pour chaque colonne.

Paramètres possibles pour les colonnes :

  1. Couleur d’arrière-plan
    1. HEX
    2. RGB
    3. Palette
  2. Remplissage
    1. Haut
    2. Droite
    3. Gauche
    4. Bas
  3. Bordure
    1. Côté
      • Haut
      • Droite
      • Gauche
      • Bas
    2. Couleur
      • HEX
      • RGB
      • Palette
    3. Type
      • Uni
      • Pointillé
      • Tireté

03847517-1e30-471b-aa1e-62673e265391.png

La section Propriétés de la ligne comprend les paramètres suivants pour chaque ligne :

  1. Couleur d’arrière-plan
    1. HEX
    2. RGB
    3. Palette
  2. Couleur d’arrière-plan du contenu
    1. HEX
    2. RGB
    3. Palette
  3. Image d'arrière-plan
    1. Sélectionner une image pour l’ordinateur
    2. glisser et déposer l’image
  4. Image URL
  5. Remplissage
    1. Haut
    2. Droite
    3. Gauche
    4. Bas

c1890f3a-e018-450c-b802-8027678f5fbf.png

Le paramètre de conception réactif peut être activé ou désactivé.

28f0e20e-ab3a-4f84-9ffe-6424d5641f18.png

Colonnes

Colonnes: Permet aux utilisateurs d’ajouter des colonnes à des dessins afin de mieux les organiser. En fait, les colonnes sont des lignes. Lorsque l’utilisateur ajoute une colonne à un dessin, une nouvelle ligne s’ajoutera.

1a045cce-9a0e-412d-a94a-3abc3a5bb314.png

2874aa2b-cb46-4c53-b348-da37c34c61e7.png

La colonne a les mêmes paramètres que la ligne.

 

Titre

Titre : Ajouter un titre (de niveau 1-4) au dessin. Un titre peut seulement être ajouté au dessin d’une ligne existante. Si une ligne est fractionnée en plusieurs colonnes, le titre peut être ajouté à chaque colonne.

899aebe8-72f1-4ff7-b630-a4b2b9c37280.png

Le titre comprend les paramètres suivants :

  1. Texte :
    1. Type de titre
      1. H1
      2. H2
      3. H3
      4. H4
    2. Famille de polices
      1. Liste de polices offertes
    3. Épaisseur de police
      1. Normal 
      2. Caractères gras
    4. Taille de police en pixels
    5. Couleur
    6. Alignement du texte
    7. Hauteur de la ligne en %
  2. Liens
    1. Hériter du style de corps
      1. Oui
      2. Non
        1. Couleur
        2. Souligner
  3. Général
    1. Marge intérieure du conteneur
      1. Haut
      2. Droite
      3. Gauche
      4. Bas
      5. ou une valeur unique pour chaque côté
  4. Conception interactive
    1. Cacher sur le Bureau/Mobile

65fb81fe-ee26-467c-a6bc-46bf5ee118e4.png

Le texte du titre peut être ajusté à l’aide d’une barre d’outils rapide. Voici les paramètres de la barre d’outils rapide pour le titre : Caractères gras, italique, souligner, rayer, indice supérieur, indice inférieur, insérer/modifier un lien, émotions.

d7407bd0-23d2-46a4-9fee-1365184c3f82.png

Text

Texte : Le texte est un outil intégré qui vous permet d’ajouter du texte à vos dessins. Du texte peut seulement être ajouté au dessin d’une ligne existante. Si une ligne est fractionnée en plusieurs colonnes, le texte peut être ajouté à chaque colonne.

223b7b22-826d-4233-bcd3-19b162ba7929.png

Le texte comporte les paramètres suivants :

  1. Text
    1. Famille de polices
      1. Liste de polices offertes
    2. Épaisseur de police
      1. Normal
      2. Caractères gras
    3. Taille de police en pixels
    4. Couleur
    5. Alignement du texte
    6. Hauteur de la ligne en %
  2. Liens
    1. Hériter du style de corps
      1. Oui
      2. Non
        • Couleur
        • Souligner
  3. Général
    1. Marge intérieure du conteneur
      1. Haut
      2. Droite
      3. Gauche
      4. Bas
      5. ou une valeur unique pour chaque côté
  4. Conception interactive
    1. Cacher sur le Bureau/Mobile

81ad0757-da82-4668-9cc5-7da7da46c2da.png

Le texte peut être ajusté à l’aide d’une barre d’outils rapide. Voici les paramètres de la barre d’outils rapide pour le texte :

  1. Caractères gras
  2. Italique
  3. Souligner
  4. Rayé
  5. Couleur du texte
  6. Couleur d’arrière-plan
  7. Indice supérieur
  8. Indice inférieur
  9. Insérer/Modifier un lien
    1. Personnaliser
      • Ouvrir le site Web
      • Envoyer le courriel
      • Composer le numéro de téléphone
    2. Liens spéciaux
      • Se désabonner
      • Voir en ligne
      • Partager sur Facebook
      • Partager sur Twitter
  10. Émotions
  11. Liste de puces
    1. Par défaut
    2. Cercle
    3. Carré
  12. Liste numérotée
    1. Par défaut
    2. Minuscule
    3. Minuscule grecque
    4. Minuscule romaine
    5. Majuscule
    6. Majuscule romaine

4457dd4b-70e5-47a7-81d8-e97586ac5e29.png

Image

ImagePour améliorer l’apparence de vos courriels, vous pouvez ajouter des images à l’aide de cet outil. Une image peut seulement être ajoutée au dessin d’une ligne existante. Si une ligne est fractionnée en plusieurs colonnes, l’image peut être ajoutée à chaque colonne.

2f59da58-27b2-4f83-9a4b-98d1e5549ae6.png

L’image comporte les paramètres suivants :

  1. Image
    1. Téléverser l’image
    2. Glisser et déposer l’image
    3. URL de l’image
    4. Largeur automatique
      1. Automatique
      2. Manuellement
    5. Aligner
      1. Gauche
      2. Centré
      3. Droite
      4. Justifier
    6. Texte de remplacement
  2. Action
    1. Ouvrir le site Web
      1. URL
      2. Cible
        • Nouvel onglet
        • Même onglet
    2. Envoyer le courriel
      1. Envoyer à
      2. Objet
      3. Corps
    3. Composer le numéro de téléphone
      1. Téléphone
  3. Général
    1. Marge intérieure du conteneur
      1. Haut
      2. Droite
      3. Gauche
      4. Bas
      5. ou une valeur unique pour chaque côté
  4. Conception interactive
    1. Cacher sur le Bureau/Mobile

98d529cd-9051-42a0-a8d8-8f8999c0afc8.png

Bouton

Bouton :Ajouter n’importe quel type de boutons à votre courriel. Vous pouvez modifier la couleur et le style. Un bouton peut seulement être ajouté au dessin d’une ligne existante. Si une ligne est fractionnée en plusieurs colonnes, le bouton peut être ajouté à chaque colonne.

3ab2fbc1-dae1-415d-8546-f8edfe400ef4.png

Le bouton comporte les paramètres suivants :

  1. Action
    1. Ouvrir le site Web
      1. URL
      2. Cible
        • Nouvel onglet
        • Même onglet
    2. Envoyer le courriel
      1. Envoyer à
      2. Objet
      3. Corps
    3. Composer le numéro de téléphone
      1. Téléphone
    4. Liens spéciaux
      1. Se désabonner
      2. Voir en ligne
  2. Options du bouton
    1. Couleur du texte
    2. Couleur d’arrière-plan
    3. Largeur automatique
      1. Automatique
      2. Manuellement
    4. Famille de polices
    5. Épaisseur de police
      1. Normal
      2. Caractères gras
    6. Taille de police
    7. Alignement
      1. Gauche
      2. Centré
      3. Droite
      4. Justifier
  3. Espacements
    1. Hauteur de ligne
    2. Remplissage
      1. Haut
      2. Droite
      3. Gauche
      4. Bas
      5. ou une valeur unique pour chaque côté
    3. Bordure
      1. Côté
        • Haut
        • Droite
        • Gauche
        • Bas
        • ou une valeur unique pour chaque côté
      2. Type
        • Uni
        • Pointillé
        • Tireté
      3. Largeur
    4. Bordure plus ronde
      1. Coin
        • Haut gauche
        • Haut droite
        • Bas de la page gauche
        • Bas de la page droite
        • ou une valeur unique pour chaque côté
      2. Valeur arrondie
  4. Général
    1. Marge intérieure du conteneur
      1. Haut
      2. Droite
      3. Gauche
      4. Bas
      5. ou une valeur unique pour chaque côté
  5. Conception interactive
    1. Cacher sur le Bureau/Mobile

542cc4f5-f8a4-4c48-a875-3665c8311806.png

Le texte du bouton peut être ajusté à l’aide d’une barre d’outils rapide. Voici les paramètres de la barre d’outils rapide pour le bouton :

  1. Caractères gras
  2. Italique
  3. Souligner
  4. Rayé

98ef2222-4b45-4d33-8498-26d15f8e7098.png

Fractionneur

FractionneurPermet l’espacement approprié à n’importe quel endroit du dessin. Un fractionneur peut seulement être ajouté au dessin d’une ligne existante. Si une ligne est fractionnée en plusieurs colonnes, le fractionneur peut être ajouté à chaque colonne.

835ae30e-65ee-4bc4-923f-7cade51b3557.png

Le fractionneur comporte les paramètres suivants :

  1. Ligne
    1. Largeur
    2. Ligne
      1. Type
        • Uni
        • Pointillé
        • Tireté
      2. Épaisseur
      3. Couleur
    3. Aligner
      1. Gauche
      2. Centré
      3. Droite
      4. Justifier
  2. Général
    1. Marge intérieure du conteneur
      1. Haut
      2. Droite
      3. Gauche
      4. Bas
      5. ou une valeur unique pour chaque côté
  3. Conception interactive
    1. Cacher sur le Bureau/Mobile

a7951536-88f7-4f09-9ae6-19de9954a5b0.png

Élément HTML

HTML :HTML est un outil intégré avec lequel les utilisateurs peuvent personnaliser leurs dessins. Un élément HTML peut seulement être ajouté au dessin d’une ligne existante. Si une ligne est fractionnée en plusieurs colonnes, l’élément HTML peut être ajouté à chaque colonne.

06082894-c6b7-492e-b407-605c98660cb7.png

L’élément HTML comporte les paramètres suivants :

  1. HTML
    1. Zone à ajouter/modifier le code HTML
  2. Général
    1. Marge intérieure du conteneur
      1. Haut
      2. Droite
      3. Gauche
      4. Bas
      5. ou une valeur unique pour chaque côté
  3. Conception interactive
    1. Cacher sur le Bureau/Mobile

a84b3708-9c84-4927-9f9b-0815058ece21.png

Menu

Menu :Le menu est un outil intégré qui sert à créer des menus de navigation. Un menu peut seulement être ajouté au dessin d’une ligne existante. Si une ligne est fractionnée en plusieurs colonnes, le menu peut être ajouté à chaque colonne.

72cf9806-08fb-41e4-aba6-01d758067860.png

Le menu comporte les paramètres suivants :

  1. Article de menu
    1. Text
    2. Action
      1. Ouvrir le site Web
        1. URL
        2. Cible
          • Nouvel onglet
          • Même onglet
      2. Envoyer le courriel
        1. Envoyer à
        2. Objet
        3. Corps
      3. Composer le numéro de téléphone
        1. Téléphone
      4. Liens spéciaux
        1. Se désabonner
        2. Voir en ligne
    3. Supprimer l'article
    4. Ajouter une nouvel article
  2. Styles
    1. Famille de polices
    2. Épaisseur de police
      1. Normal
      2. Caractères gras
    3. Taille de police
    4. Couleur du texte
    5. Couleur du lien
    6. Aligner
      1. Gauche
      2. Droite
      3. Centré
      4. Justifier
    7. Mise en page
      1. Horizontal
      2. Vertical
    8. Séparateur
    9. Remplissage
      1. Haut
      2. Droite
      3. Gauche
      4. Bas
      5. ou une valeur unique pour chaque côté
  3. Général
    1. Marge intérieure du conteneur
      1. Haut
      2. Droite
      3. Gauche
      4. Bas
      5. ou une valeur unique pour chaque côté
  4. Conception réactive
    1. Cacher sur le Bureau/Mobile

d7b9c232-9d03-4ce1-8150-cbb603baa913.png

Cet article vous a-t-il été utile?
Utilisateurs qui ont trouvé cela utile : 0 sur 0
Retour en haut

Articles associés