Emailino Emailino Emailino Emailino
  • Accueil
  • À propos
  • Services
    • Email Automation
  • Tarifs
  • Learn
    • Documentation
    • Dev Docs
    • Ressources
  • Contact
Demo Gratuite

Knowledge Base

Emailino

Les plus recherchés templatecompaigndnspro builder

Emailing

  • Automation

Builders

  • Pro Builder (Drag & Drop)
  • Accueil
  • Docs
  • Emailino
  • Builders
  • Pro Builder (Drag & Drop)

Pro Builder (Drag & Drop)

Temps de lecture estimé: 11 min read

Création d’une template  #

Dans Emailino, vous avez la possibilité de créer votre propre design de votre email en partant d’un modèle vierge ou en choisissant parmi les modèles prédéfinis disponibles. 

Pour créer un design :

  1. Allez à la page Templates.
  2. Dans la page cliquez sur   +create .
  3. Sélectionner un modèle depuis la bibliothèque et l’utiliser pour créer votre design, cliquez sur  start Design.
  4. Dans l’éditeur, modifiez votre conception en créant une mise en page, en ajoutant des éléments ou en ajustant les paramètres généraux.

Éditeur d’emails Drag & Drop #

L’éditeur de Template vous donne la possibilité d’ajouter ou de modifier facilement la mise en page et les éléments de vos emails.

editeur

Les options disponibles du menu du haut :

Nom Description

NEW

Une template vierge.

Clear

Supprimez la mise en page de votre email et retournez à un modèle vierge pour que vous puissiez commencer à partir de zéro.

New from Template
Utiliser un modèle déjà créé.
Upload Template
Importer votre modèle à partir de votre ordinateur.
Save
Enregistrer votre modèle.
Exit
Quitter votre modèle.
Change template
Remplacez le modèle par un autre
Preview
Le mode Aperçu vous permet de visualiser l’apparence de votre email sur divers appareils tels que les téléphones mobiles, ou les ordinateurs de bureau.
Mode source
Le mode Code donne une vue en lecture du code HTML de votre email. Vous pouvez également copier le code HTML et le modifier.

tel

Voir version mobile

tablette

Voir version tablette
SAVE
Enregistrer les modifications.
SAVE&CLOSE
Enregistrer et Fermer.

Quitter

Quitter

Les options disponibles dans la barre latérale : 

La barre latérale à droite contient des blocs prédéfinis (widgets) tels que “texte, image, bouton…”, ainsi des balises de personnalisation (tags) et les paramètres pour personnaliser l’affichage de votre email (settings).

Qu’est-ce qu’un bloc de contenu ?

Les blocs de contenu représentent une variété de types de contenu que vous pouvez intégrer à votre email. Vous pouvez simplement les glisser et les déposer dans les sections correspondantes.

Voici les types de blocs de contenu disponibles :

bloc contenu1bloc contenu2bloc contenu3bloc contenu4bloc contenu5

Utilisation des blocs de contenu #

Avec Emailino, vous avez la possibilité de structurer votre email en utilisant différentes sections. Lorsque vous créez une template, vous pouvez glisser et déposer les éléments par défaut dans ces sections. Les éléments par défaut que vous pouvez ajouter comprennent des images, du texte, des options de partage social, des articles, des vidéos.

  • Ajouter une image : #

L’élément d’image vous permet d’ajouter une image à votre email.

  1. Accédez à l’onglet WIDGETS.
  2. Faites glisser l’élément d’image vers une disposition vide.
  3. Pour ajouter une image, cliquez sur Browser.
  4. Cliquez sur l’icône  Icone  Et sélectionnez l’image à importer.
  5. Cliquez sur Upload.
  • Ajouter un bloc de texte #

L’élément de texte vous permet d’ajouter un texte à votre email.

Pour ajouter un élément de texte :

  1. Accédez à l’onglet WIDGETS.
  2. Faites glisser l’élément de texte vers une disposition vide.
  3. Cliquez sur l’élément de texte pour entrer votre texte.
Supprimer, dupliquer ou Modifier un bloc #

Pour Supprimer, dupliquer ou Modifier une mise en page :

  1. Déplacez le curseur sur une mise en page dans la zone d’édition pour faire apparaître le menu Actions.
  2. Cliquez sur l’une des options du menu Actions : Menu action
  • Pour modifier les paramètres de mise en page, cliquez sur icône Icone mise en page .
  • Pour supprimer la mise en page de votre conception, cliquez sur Supprimer  supprimer .
  • Pour créer une copie de la mise en page, y compris ses éléments et paramètres, cliquez sur Dupliquer duppliquer .
  • Pour modifier le contenu d’une mise en page, cliquez sur Paramètres Modifier mise en page 

Les balises de personnalisation (TAGS) #

Dans l’éditeur, vous avez accès par défaut aux balises de personnalisation suivantes :

  • {SUBSCRIBER_EMAIL} : La balise utilisée pour représenter l’adresse e-mail de l’abonné à la liste ou à la newsletter. Cette balise permet de personnaliser le contenu de l’e-mail en incluant dynamiquement l’adresse e-mail de chaque destinataire.
  • {UNSUBSCRIBE_URL} : Le lien de désinscription est un lien placé dans le pied de page de votre email et sur lequel les destinataires peuvent cliquer pour ouvrir votre page de désinscription. L’ajout d’un lien de désinscription dans vos templates est obligatoire.
  • {SUBSCRIBER_UID} : id unique de l’abonné.
  • {WEB_VIEW_URL} : lien miroir de l’email (version web)
  • {UPDATE_PROFILE_URL} : lien pour mettre à jour le profil de l’abonné.
  • {CAMPAIGN_NAME} : Nom de compaigne.
  • {CAMPAIGN_UID} : ID unique de compaigne
  • {CAMPAIGN_SUBJECT} : Sujet de compaigne
  • {CAMPAIGN_FROM_EMAIL} : La balise Email du compte affiche l’adresse e-mail de l’entreprise que vous avez utilisée lors de votre inscription.
  • {CAMPAIGN_FROM_NAME} : La balise Name affiche le nom de votre entreprise tel qu’indiqué dans vos informations de facturation.
  • {CAMPAIGN_REPLY_TO} : la balise REPLY_TO est utilisée pour personnaliser l’adresse e-mail de réponse dans une campagne d’e-mail. Elle permet d’insérer l’adresse e-mail de l’expéditeur ou de l’équipe responsable de la campagne dans le champ “Répondre à” de l’e-mail, offrant ainsi aux destinataires la possibilité de répondre directement en utilisant cette adresse spécifique. Cela favorise une communication plus fluide et personnalisée.
  • {CURRENT_YEAR} : Cette balise ou variable est employée pour intégrer automatiquement l’année en cours dans le contenu de l’e-mail.
  • {CURRENT_MONTH} : Cette balise ou variable est employée pour intégrer automatiquement le mois en cours dans le contenu de l’e-mail.
  • {CURRENT_DAY} : Cette balise ou variable est employée pour intégrer automatiquement le jour actuel en cours dans le contenu de l’e-mail.
  • {CONTACT_NAME} : Cette balise ou variable est utilisée pour ajouter automatiquement le nom du destinataire dans le contenu de l’e-mail.
  • {CONTACT_COUNTRY} : Cette balise ou variable identifie le pays de votre entreprise.
  • {CONTACT_STATE} : une balise qui représente l’état ou la région de votre entreprise.
  • {CONTACT_CITY} : une balise qui représente la ville de votre entreprise.
  • {CONTACT_ADDRESS_1} : une balise qui représente l’adresse de votre entreprise.
  • {CONTACT_ADDRESS_2} : une balise qui représente le complément de l’adresse de votre entreprise.
  • {CONTACT_PHONE} : une balise qui représente le numéro de téléphone de votre entreprise, Par exemple, elle peut être utilisée pour offrir aux destinataires un moyen direct de contact ou pour leur proposer une assistance téléphonique.
  • {CONTACT_URL} : une balise qui représente l’URL du site web de votre entreprise, par exemple pour lui fournir un accès direct à des informations complémentaires, des offres spéciales ou des services en ligne.
  • {CONTACT_EMAIL} : une balise qui représente l’email adresse de votre entreprise.
  • {LIST_NAME} : est une balise qui représente le nom de la liste de diffusion à laquelle appartient le destinataire de l’e-mail.
  • {LIST_SUBJECT} : une balise qui représente le sujet de la liste de diffusion à laquelle appartient le destinataire de l’e-mail.
  • {LIST_FROM_NAME} : une balise qui représente le nom de l’expéditeur lié à la liste de diffusion à laquelle le destinataire de l’e-mail est inscrit.
  • {LIST_FROM_EMAIL} : une balise qui représente l’email de l’expéditeur lié à la liste de diffusion à laquelle le destinataire de l’e-mail est inscrit.
  • Exemple ajout tag {WEB_VIEW_URL} lien de version web d’email 
  • Ajouter un lien de désabonnement

Les étapes pour ajouter un lien de désabonnement :

  1. Accédez à l’onglet WIDGETS.
  2. Faites glisser l’élément Du button vers une disposition vide.
  3. Ajouter le tag {UNSUBSCRIBE_URL} dans le button.
  4. Entrez le texte que vous souhaitez afficher en tant que lien de désabonnement en le tapant directement ou en collant votre texte. Par exemple, entrez une phrase comme “Désabonner par ici” pour arrêter de recevoir ces emails.

Ou bien :

  • Créer un lien (dans un bouton ou texte) : #

Sélectionnez le texte que vous souhaitez transférer à un lien et cliquez sur  Insert .

style de text

  1. Dans la boîte de dialogue Insert/Edit Link, remplissez les champs :
  • URL : entrez l’URL du site Web que vous souhaitez ouvrir.
  • Text to display : entrez ou modifiez le texte que vous souhaitez afficher en tant que lien.
  • Title : saisissez une info-bulle pour le texte. Ce texte sera affiché lorsque le destinataire survolera le lien.
  • Open link in… : sélectionnez si le lien s’ouvre dans une nouvelle fenêtre ou dans la fenêtre du navigateur actuel.

Style de conception #

L’éditeur Drag & Drop simplifie la création d’emails professionnels de qualité, tout en garantissant une présentation parfaite. Vous pouvez définir les styles à appliquer dans l’ensemble du template à partir de la section SETTING.

  • Template #

Cette partie vous permet de définir les paramètres d’arrière-plan et de largeur des blocs de contenu.

style de conception

  • Background Color #

 Choisissez la couleur de fond qui sera appliquée à tous les blocs de   contenu de votre template sur toute la largeur.

  • Image  #

Vous pouvez ajouter une image à partir de vos fichiers en cliquant sur Click here to choose an image as the element bachkground.

  • Padding #

L’espace entre le contenu d’un élément et ses bords.

  • Apparence du texte #

Vous avez la possibilité de personnaliser l’apparence de tous les styles de texte (paragraphes, titres, etc.) en sélectionnant chaque élément. Pour chaque style, vous pouvez définir la police, la taille et la couleur du texte….

style de text

 Utiliser le mode code  #

Dans l’éditeur, vous avez la possibilité d’accéder au mode code pour modifier le code HTML de votre Email.

Pour utiliser le mode code :

  1. Dans le menu supérieur de l’éditeur, Cliquez “Design Mode” puis choisissez “Source“. L’éditeur passe en mode code.
  2. Le mode Code donne une visualisation du code HTML de votre création. Vous disposez des options suivantes :
  • Copier le code HTML : Vous pouvez copier le code HTML et le coller où vous le souhaitez.
  • Modifier le code HTML : Vous avez la possibilité de modifier le code selon vos besoins.

Les actions des templates #

  • Importer une Template #

Avec Emailino, vous pouvez importer votre propre design et travailler avec.

Pour Importer un design :

  1. Allez à la page Templates.
  2. Dans la page cliquez sur  Upload .
  3. Dans Template name, entrez ‘nom de la template’.
  4. Cliquez sur l’icône  Icone4 Et sélectionnez le fichier à importer.
  5. Cliquez sur Upload.

Bon a savoir Bon à savoir 


Le modèle que vous souhaitez importer doit être compressé au format ZIP et inclure un fichier index.html et un dossier css (contient des fichier .css) et un dossier images (contient les images).

Pour garantir une compatibilité et une efficacité optimales, il est toujours recommandé de créer un nouveau modèle en utilisant l’un des modèles préexistants qui sont disponibles et impressionnants.

Si vous souhaitez utiliser l’un de vos modèles préexistants, il vous suffit de cliquer sur la liste déroulante à droite, puis de sélectionner “Copy”.


  • Renommer une Template #
  1. Allez à la page Templates.
  2. À côté de la template que vous souhaitez gérer, cliquez Sur  Renomer template  .

       À la page Change name, entrez Nom du Template.

  • Aperçu d’une Template 

  1. Allez à la page Templates.
  2. À côté de la Template que vous souhaitez gérer, cliquez sur Apercu template .
  • Ajouter une template email à une catégorie #
    1. Allez à la page Templates.
  • À côté de la Template que vous souhaitez gérer, cliquez sur Catégories template et choisisez Categorie .
  1. Sélectionnez la catégorie à laquelle vous souhaitez ajouter la template.
  2. Cliquez sur Save.
  • Changer l’image miniature d’une Template #
  1. Allez à la page Templates.
  2. À côté de la Template que vous souhaitez gérer, cliquez sur Catégories template et choisisez Change thumbnail.
  3. Cliquez sur l’icône  Icone4   Et sélectionnez l’image à importer.

Cliquez sur  Upload2.

  • Copier une template #

Allez à la page Templates.

  1. À côté de la Template que vous souhaitez gérer, cliquez sur Catégories template et choisissez copy template .
  2. Dans test file manager entrer le nom du la template.

Cliquez sur  copy .

  • Supprimer une template  #
  1. Allez à la page Templates.
  2. À côté de la Template que vous souhaitez gérer, cliquez sur Catégories template  et choisissez Delette template .

Cliquez sur OK  .

Partager un fichier par lien #

Vous pouvez joindre des fichiers images, txt, pdf et d’autres types de fichiers à vos templates.

Pour joindre un fichier par lien à votre template :

  1. Allez à la page Templates.
  2. À côté de la template que vous souhaitez gérer, cliquez sur Pro builder .
  3. Sélectionnez le texte que vous souhaitez, puis cliquez avec le bouton droit de la souris.
  4. Cliquez sur Like file manager.
  5. Dans la boîte de dialogue Insert/Edit Link, Cliquez sur icône Icone2 .
  6. Dans la boîte de dialogue Responsive File Manager, Cliquez sur icône Icone3 .
  7. Cliquez sur le button Add File puis sélectionnez le fichier que vous souhaitez télécharger.
  8. Cliquez sur Start upload .
  9. Une fois le fichier téléchargé, cliquez sur le bouton Return to files list  .
  10. Sélectionnez le fichier que vous souhaitez.
  11. Dans la boîte de dialogue Insert/Edit Link, remplissez les champs :
    • Text to display : entrez ou modifiez le texte que vous souhaitez afficher en tant que lien.
    • Title : saisissez une info-bulle pour le texte. Ce texte sera affiché lorsque le destinataire survolera le lien.
    • Open link in… : sélectionnez si le lien s’ouvre dans une nouvelle fenêtre ou dans la fenêtre du navigateur actuel.
  12. Cliquez sur Save. 

  

Quels sont vos sentiments ?
Partagez cet article :
  • Facebook
  • Twitter
  • LinkedIn
  • Pinterest
Still stuck? How can we help?

How can we help?

Updated on août 15, 2024

Laisser un commentaire Cancel reply

Your email address will not be published. Required fields are marked *

Sommaire
  • Création d’une template 
  • Éditeur d'emails Drag & Drop
    • Utilisation des blocs de contenu
      • Ajouter une image :
      • Ajouter un bloc de texte
      • Supprimer, dupliquer ou Modifier un bloc
    • Les balises de personnalisation (TAGS)
      • Créer un lien (dans un bouton ou texte) :
    • Style de conception
      • Template
      • Background Color
      • Image 
      • Padding
      • Apparence du texte
      •  Utiliser le mode code 
    • Les actions des templates
      • Importer une Template
      • Renommer une Template
      • Ajouter une template email à une catégorie
      • Changer l’image miniature d’une Template
      • Copier une template
      • Supprimer une template 
      • Partager un fichier par lien
logo emailino
Plateforme d’emailing tout-en-un,
conçue par des spécialistes en email marketing
et l’intelligence artificielle.

Identité

  • À propos
  • Contact

Plateforme

  • Services
  • Email Automation

Mentions légales

  • Termes et conditions
  • Vie Privée
© 2025 Site Web Emailino par Capoffshore. Tous les droits sont réservés.
Emailino
  • Accueil
  • À propos
  • Services
    • Email Automation
  • Tarifs
  • Learn
    • Documentation
    • Dev Docs
    • Ressources
  • Contact
Demo Gratuite