EmailKit dispose d'une collection diversifiée d'éléments utiles pour concevoir des modèles d'e-mails. Vous les trouverez dans trois catégories différentes :

• Éléments généraux
• Éléments WooCommerce
• Éléments WordPress

Éléments généraux #

Les éléments généraux incluent divers éléments de contenu que vous pouvez utiliser pour créer à peu près n'importe quel type de modèle d'e-mail. Explorons-les un par un :

Titre #

En utilisant cet élément, vous pouvez ajouter un en-tête ou un titre impressionnant au modèle d'e-mail.

Contenu:

• Titre: Saisissez l'en-tête de votre e-mail dans cette case.

Typographie:

• Famille de polices: Sélectionnez la famille de polices préférée dans la liste déroulante.
• Taille de police: Choisissez une taille de police pour le titre.
• Poids de la police: définissez l'épaisseur ou le gras de la police (Régulier, Moyen et Gras).
• Aligner le texte: Ajustez la position de votre texte à gauche, au centre ou à droite.
• Transformer: Ajustez la capitalisation du contenu du texte.

Espacement:

• Marge: Spécifiez les espaces autour de l'élément de titre.
• Rembourrage: ajoutez des espaces autour du texte du titre dans la zone.

Apparence:

• Couleur de l'arrière plan: Choisissez une couleur pour l'arrière-plan de l'élément de titre.
• Couleur du titre: utilisez le sélecteur de couleurs pour définir la couleur du titre.

Style de bordure:

• Type de bordure: Définissez le type de bordure de titre parmi 8 options différentes. 
• Couleur de la bordure: Ajoutez une couleur à la bordure.
• Largeur de la bordure: Définissez l'épaisseur de la bordure.
• Rayon de frontière: Ajustez la rondeur de la bordure.

Sous-titre #

Ajoutez cet élément pour afficher plus d'informations sur l'e-mail à côté du titre.

Contenu:

• Titre: Écrivez le texte de votre titre dans cette case.
• Sous-titre: Saisissez le texte que vous souhaitez afficher comme sous-titre.

Typographie:

• Famille de polices: Sélectionnez une famille de polices dans la liste déroulante.
• Aligner le texte: placez l'élément de sous-titre à gauche, au centre ou à droite.

Personnalisation du titre et des sous-titres  #

Sous les paramètres de personnalisation du titre et des sous-titres, il y aura des fonctionnalités similaires.

• Taille de police: Sélectionnez une option dans la liste déroulante pour déterminer la taille de la police.
• Poids de la police: Définit l'épaisseur ou la densité du texte.
• Transformer: Spécifiez la majuscule de l'élément de texte.
• Hauteur de ligne (px): Ajustez l’espacement haut et bas du titre ou du sous-titre.

Apparence:

• Couleur de l'arrière plan: Donnez une couleur de fond sur la zone de sous-titre à l'aide du sélecteur de couleurs.
• Couleur du titre: Choisissez une couleur pour le texte du titre.
• Couleur des sous-titres: Donne une couleur au texte du sous-titre.

Espacement:

• Marge: Définissez l'écart de l'élément de sous-titre avec les autres éléments de l'email.
• Rembourrage: Ajoutez un espace intérieur à la zone de sous-titre.

Style de bordure:

• Type de bordure: Sélectionnez un type de bordure pour le sous-titre parmi 8 options différentes. 
• Couleur de la bordure: Ajoutez une couleur à la bordure.
• Largeur de la bordure: Ajustez l’épaisseur de la bordure.
• Rayon de frontière: Définissez la rondeur de la bordure.

Dimensions:

• Largeur hauteur: Définissez la taille horizontale et verticale de l'ensemble de l'élément de sous-titre.

Texte #

Ajoutez du texte n'importe où sur votre modèle d'e-mail et personnalisez son apparence avec l'élément de texte.

Contenu,

• Texte: Écrivez votre texte dans cette case.

Typographie:

• Famille de polices: Choisissez une famille de polices dans la liste déroulante.
• Taille de police: Définissez la taille de la police de votre texte.
• Poids de la police: Définit l'épaisseur ou la densité du texte.
• Aligner le texte: placez l'élément de sous-titre à gauche, au centre ou à droite.
• Transformer: Spécifiez la majuscule de l'élément de texte.

Apparence:

• Couleur de l'arrière plan: Choisissez une couleur d'arrière-plan pour la zone de texte.
• Couleur du titre: Choisissez une couleur pour le texte.

Espacement:

• Marge: Définit l'espace autour de la zone de texte.

• Rembourrage: Ajoutez un espace intérieur à la zone de texte.

Style de bordure:

• Type de bordure: Sélectionnez un type de bordure pour le texte parmi 8 options différentes. 
• Couleur de la bordure: Ajoutez une couleur à la bordure.
• Largeur de la bordure: Ajustez l’épaisseur de la bordure.
• Rayon de frontière: Définissez la rondeur de la bordure.

Dimensions:

• Largeur hauteur: Définissez la taille horizontale et verticale de l'ensemble de l'élément de texte.

Bouton #

Permet à votre lecteur de courrier électronique d'agir en affichant un bouton interactif.

Contenu: Ajoutez le texte du bouton dans cette zone.

URL du bouton : saisissez l'URL 
Style de bouton: Choisissez un style de bouton entre Complet et Contour.

Typographie:

• Famille de polices: Choisissez une famille de polices dans la liste déroulante.
• Taille de police: Définissez la taille de la police de votre texte.
• Poids de la police: Définit l'épaisseur ou la densité du texte.
• Aligner le texte: placez l'élément de sous-titre à gauche, au centre ou à droite.
• Transformer: Spécifiez la majuscule de l'élément de texte.

Apparence:

• Arrière-plan: Donnez une couleur de fond sur la zone de sous-titre à l'aide du sélecteur de couleurs.

Texte: Choisissez une couleur pour le texte du titre.

Espacement:

• Marge: Définissez l'écart de l'élément de sous-titre avec les autres éléments de l'email.
• Rembourrage: Ajoutez un espace intérieur à la zone de sous-titre.

Style de bordure:

• Rayon de frontière: Définissez la rondeur de la bordure.

Section de colonne #

L'élément de section de colonne se charge avec deux colonnes par défaut. Après avoir ajouté cet élément, deux sections apparaîtront sur l'écran de l'éditeur d'e-mail. En cliquant sur l’un d’entre eux, vous ouvrirez leurs paramètres individuels dans la barre latérale gauche.

Apparence:

• Arrière-plan: Donnez une couleur de fond sur la zone de sous-titre à l'aide du sélecteur de couleurs.

Espacement:

• Marge: Définissez l'écart entre l'élément de sous-titre et les autres éléments de l'e-mail.
• Rembourrage: Ajoutez un espace intérieur à la zone de sous-titre.

Style de bordure:

• Type de bordure: Sélectionnez un type de bordure pour le texte parmi 8 options différentes. 
• Couleur de la bordure: Ajoutez une couleur à la bordure.
• Largeur de la bordure: Ajustez l’épaisseur de la bordure.
• Rayon de frontière: Définissez la rondeur de la bordure.

Vidéo #

Téléchargez depuis votre appareil ou ajoutez un lien provenant d'autres sources pour afficher une vidéo sur votre modèle d'e-mail.

Dimensions:

• Largeur hauteur: Définissez la taille horizontale et verticale de l’ensemble de l’élément vidéo.

Vignette: Téléchargez l'image miniature de la vidéo depuis votre appareil.

URL de la vidéo : saisissez le lien de votre vidéo.

Espacement:

• Marge: Ajoutez des espaces autour de l'élément vidéo.

Style de bordure:

• Rayon de frontière: Définit la rondeur de la bordure de la vidéo.

Récipient #

L'élément conteneur est comme un bloc de zone pouvant contenir d'autres éléments d'EmailKit.

Typographie:

• Famille de polices: Sélectionnez la famille de polices souhaitée dans la liste déroulante.

Apparence:

• Arrière-plan: A l'aide du sélecteur de couleurs, donnez une couleur de fond au conteneur.
• Image : Téléchargez une image à utiliser comme arrière-plan du conteneur.

Espacement:

• Marge: Entrez des valeurs dans les cases pour modifier l'espace entre le conteneur et les autres éléments 
• Rembourrage: Augmentez l'espace intérieur de la zone du conteneur.

• Rayon de frontière: utilisez ce paramètre pour ajuster la rondeur de la bordure du conteneur.

Styles de bordure :

Icônes sociales #

Ajoutez et personnalisez des icônes sociales sur le modèle d'e-mail.

Icônes: Cliquez sur n'importe quelle icône et insérez un lien pour activer le canal de médias sociaux sur l'e-mail. Vous pouvez également appuyer sur le bouton Supprimer pour supprimer une icône sociale.

Dimensions:

• Taille de l'icône: utilisez ce curseur pour définir la taille de l'icône des réseaux sociaux.

Espacement: ajoutez des espaces autour de l'icône et ajustez l'écart entre les icônes sociales.

Alignement:

• Ligne/Colonne: Choisissez votre type de mise en page préféré entre ligne et colonne. 
• Justifier: définissez les emplacements horizontaux des icônes sociales.

Télécharger une image #

Utilisez cet élément pour télécharger et afficher une image dans votre modèle d'e-mail.

Dimensions: 

• Largeur hauteur: Définissez la taille horizontale et verticale de l’ensemble de l’élément vidéo.

Vignette: Téléchargez l'image miniature de la vidéo depuis votre appareil.

Espacement:

• Marge: Ajoutez des espaces autour de l'élément vidéo.

Style de bordure:

• Rayon de frontière: Définit la rondeur de la bordure de la vidéo.

Diviseur #

Utilisez les paramètres suivants pour ajouter un séparateur entre les éléments.

Dimensions:

• Largeur: utilisez ce curseur pour élargir la taille horizontale du séparateur.
• Hauteur: Définit l'épaisseur du séparateur.

Apparence,

• Arrière-plan: Sélectionnez une couleur pour le séparateur.

Espacement:

• Marge: Entrez une valeur positive ou négative pour créer plus ou moins d'espace autour du séparateur.

Alignement:

• Justifier: Utilisez cette option pour ajuster la position de l'élément de séparation.

Espace #

Utilisez cet élément pour définir un écart entre les éléments de votre modèle d'e-mail.

Dimensions:

• Hauteur: Définissez la taille horizontale et verticale de l’ensemble de l’élément vidéo.

Apparence:

• Arrière-plan: Donnez une couleur de fond sur la zone de sous-titre à l'aide du sélecteur de couleurs.

Boîte à images #

Ajoutez une image avec un titre et une description à la mise en page de votre e-mail pour un contenu visuel attrayant. Vous pouvez également télécharger des images avec une URL. 

Code HTML #

Insérez du code HTML personnalisé directement dans un modèle d'e-mail. Cette fonctionnalité offre la possibilité d'ajouter du contenu avancé, tel qu'un style personnalisé (CSS), des médias intégrés (vidéos, iframes) et des éléments interactifs (boutons, formulaires).

Bas de page #

Permet aux utilisateurs de personnaliser la partie inférieure d'un e-mail. Elle comprend généralement un espace pour : les coordonnées (adresse, numéro de téléphone, e-mail), les liens vers les réseaux sociaux, les mentions de droits d'auteur, les liens de désabonnement ou les clauses de non-responsabilité. Le pied de page est souvent essentiel pour la valorisation de la marque, la conformité légale et la fourniture aux destinataires des informations nécessaires.

Éléments WordPress #

Les éléments suivants font partie des fonctions de WordPress. Le "Registre des nouveaux utilisateursL'élément " est utilisé pour intégrer de nouveaux utilisateurs et définir leurs mots de passe. Et le "WP Réinitialiser le mot de passe» aide à créer un modèle d'e-mail pour réinitialiser le mot de passe.

Registre des nouveaux utilisateurs et mot de passe de réinitialisation WP #

Les deux éléments sont livrés avec les mêmes paramètres que ci-dessous.

Dimensions: 

• Largeur hauteur: Définissez la taille horizontale et verticale de toute la zone de contenu.

Typographie:

Les options de configuration ci-dessous vous permettent de contrôler les paramètres de typographie de l'ensemble du formulaire de registre des nouveaux utilisateurs.

• Famille de polices: Sélectionnez un type de famille de polices dans la liste déroulante.
• Taille de police: Déterminez la taille de la police de votre texte.
• Poids de la police: Définit l'épaisseur ou la densité du texte.
• Aligner le texte: localisez le contenu du texte à gauche, au centre ou à droite.
• Transformer: Définissez la majuscule de l'élément de texte.

Champ supplémentaire :

• Salutations: Tapez les salutations ou la déclaration de début de l'e-mail dans cette case.
• Corps: Utilisez cette case pour rédiger la partie du corps de votre e-mail.
• Qu'est-ce que l'e-mail et le lien de l'utilisateur.
• Bas de page: Cette case vous permet d'écrire la partie inférieure de l'email.

Apparence:

• Couleur de l'arrière plan: utilisez ce sélecteur de couleurs pour choisir une couleur unie pour l'arrière-plan.
• Couleur du texte: Choisissez une couleur pour le texte.

Espacement:

• Marge: Entrez des valeurs dans les cases pour modifier l'espace entre l'enregistrement du nouvel utilisateur et les autres éléments 
• Rembourrage : augmentez l'espace intérieur à l'intérieur de l'élément d'enregistrement du nouvel utilisateur et de sa bordure.

Style supplémentaire :

• Type de bordure: Choisissez le style de bordure dans la liste déroulante.
• Couleur de la bordure: Ajoutez une couleur pour la bordure.
• Largeur de la bordure: Définit l'épaisseur de la bordure.
• Rayon de frontière: Ajustez la rondeur de la bordure.

Éléments WooCommerce #

Avec les éléments EmailKit WooCommerce, vous pouvez personnaliser et remplacer les modèles par défaut de WooCommerce.

Adresse de livraison, adresse de facturation et adresse de facturation et de livraison #

Ajoutez une adresse de livraison ou de facturation, ou les deux, au modèle d'e-mail. Ces trois éléments apparaissent avec les mêmes paramètres de fonctionnalités :

• Contenu: Entrez votre titre personnalisé dans cette case.

• Titre de facturation: Ajoutez un titre pour l'adresse de facturation.
• Titre d'expédition: Ajoutez un titre pour l'adresse de livraison.

Typographie:

Les options de configuration ci-dessous vous permettent de contrôler les paramètres de typographie de l'ensemble de l'élément d'adresse d'expédition et de facturation.

• Famille de polices: Sélectionnez un type de famille de polices dans la liste déroulante.
• Taille de police: Déterminez la taille de la police de votre texte.
• Poids de la police: Définit l'épaisseur ou la densité du texte.
• Aligner le texte: localisez le contenu du texte à gauche, au centre ou à droite.
• Transformer: Définissez la majuscule de l'élément de texte.

Apparence: Dans cette zone de paramètres, vous définissez la couleur de l'arrière-plan de l'élément ainsi que les couleurs de son titre, de son texte et de sa bordure.

Espacement:

• Marge: utilisez ce paramètre pour créer un espace autour des éléments.
• Rembourrage: Augmente l'espace dans la zone de l'élément.

Styles de bordure :

• Type de bordure: Choisissez un type de bordure dans la liste déroulante. 
• Rayon de frontière: Définit la rondeur de la bordure de l'élément.

Dimensions: À partir de là, vous modifierez tout l’espace horizontal (Largeur) et vertical (Hauteur) de l’élément entier.

Article de commande #

Affichez tous les détails du produit commandé, comme la quantité ou le prix, dans un tableau.

Dimensions: À partir de là, vous modifierez tout l’espace horizontal (Largeur) et vertical (Hauteur) de l’élément entier.

Typographie:

En utilisant tous ces paramètres ici, vous définirez l’apparence du texte de l’élément de commande pour le lecteur.

• Famille de polices: Sélectionnez un type de famille de polices dans la liste déroulante.
• Taille de police: Déterminez la taille de la police de votre texte.
• Poids de la police: Définit l'épaisseur ou la densité du texte.
• Aligner le texte: localisez le contenu du texte à gauche, au centre ou à droite.
• Transformer: Définissez la majuscule de l'élément de texte.

Apparence: Dans cette zone de paramètres, vous définissez la couleur de l'arrière-plan de l'élément ainsi que les couleurs de son titre, de son texte et de sa bordure.

Espacement:

• Marge: utilisez ce paramètre pour créer un espace autour des éléments.
• Rembourrage: Augmente l'espace dans la zone de l'élément.

Styles de bordure :

• Type de bordure: Choisissez un type de bordure dans la liste déroulante. 
• Rayon de frontière: Définit la rondeur de la bordure de l'élément.

Note client, registre client et réinitialisation du mot de passe #

Note client: utilisez cet élément pour permettre à vos acheteurs d'ajouter des messages spécifiques à la commande sur la page de paiement.

Registre des clients: Personnalisez l'e-mail d'enregistrement du nouvel utilisateur.

Réinitialisation du mot de passe: Utilisez cet élément sur votre modèle d'e-mail pour réinitialiser le mot de passe client.

Ces éléments WooCommerce ont les mêmes paramètres de fonctionnalités.

Contenu:

• Salutations: Commencez votre e-mail en saisissant le texte de bienvenue dans cette case.
• Corps: Écrivez la partie du corps du message électronique dans cette case.
• Bas de page: Tapez le message de fin de votre email.

Typographie:

Les options de configuration ci-dessous vous permettent de contrôler la façon dont le texte apparaîtra à l'écran.

• Famille de polices: Sélectionnez un type de famille de polices dans la liste déroulante.
• Taille de police: Déterminez la taille de la police de votre texte.
• Poids de la police: Définit l'épaisseur ou la densité du texte.
• Aligner le texte: localisez le contenu du texte à gauche, au centre ou à droite.
• Transformer: Définissez la majuscule de l'élément de texte.

Apparence: Dans cette zone de paramètres, vous définissez la couleur de l'arrière-plan de l'élément ainsi que les couleurs de son titre, de son texte et de sa bordure.

Espacement:

• Marge: utilisez ce paramètre pour créer un espace autour des éléments.
• Rembourrage: Augmente l'espace dans la zone de l'élément.

Styles de bordure :

• Type de bordure: Choisissez un type de bordure dans la liste déroulante. 
• Rayon de frontière: Définit la rondeur de la bordure de l'élément.

Dimensions: À partir de là, vous modifierez tout l’espace horizontal (Largeur) et vertical (Hauteur) de l’élément entier.

=