1. Mailjet
  2. Support
  3. Documentation

Passport

Sommaire

Bien commencer avec Passport

Créez facilement vos emails avec Passport, notre éditeur « drag-and-drop ». C’est le seul outil dont vous avez besoin pour vos activités d’emailing. Que pouvez-vous faire avec Passport ? De nombreux choix s’offrent à vous :

  • Campagnes – Newsletter, email marketing ou emails groupés... quel que soit le terme que vous préférez, une campagne consiste à envoyer un message à une liste d’abonnés.
  • Templates Créez et gérez vos propres modèles prédéfinis et utilisez-les à de multiples fins :

    • Modèles marketing – Un modèle qui reflète votre marque et qui peut être utilisé pour envoyer des campagnes marketing.
    • Modèles transactionnels – Ces modèles font partie de la plateforme Mailjet et peuvent être utilisés pour tous vos besoins transactionnels.
    • Modèles d’automatisation – Ces modèles prédéfinis sont mis à votre disposition lorsque vous créez un workflow d’emails automatisés.

Avec Passport, vous pouvez choisir comment créer vos campagnes, vos emails et vos modèles :

  • En utilisant l’éditeur « drag-and-drop » responsive de Passport - La gamme étendue d’outils de contenus de Passport vous permet de créer votre en-tête et votre pied de page, ainsi que des sections variées dans le corps de votre email.
  • En utilisant le langage HTML - S’adresse à tous ceux et celles qui savent coder leurs emails directement avec HTML.
  • En utilisant le code MJML - Le langage de balisage de Mailjet MJML est le seul langage conçu pour faciliter la programmation d’emails responsive. Gagnez du temps et codez plus efficacement avec la syntaxe sémantique de MJML. (Veuillez noter que notre éditeur « drag-and-drop » génère également du code MJML)

Vous pouvez également prévisualiser votre email sur différents appareils mobiles directement au sein de Passport.

Et j’ai failli oublier : Passport est un éditeur d’email responsive. Ainsi, vos emails s’afficheront parfaitement sur tous les supports : ordinateur, smartphone ou tablette. Rien que ça.

Créer votre campagne

Depuis la page Campagnes, cliquez sur le bouton « Nouvelle campagne ».

Passport

Il vous faudra alors entrer les informations de base pour votre campagne :

  • Nommez votre campagne : Le nom que vous souhaiterez lui donner sur votre compte, vous seul pourrez le voir.
  • Sélectionnez une liste de contacts : Cliquez sur « Choisir une liste de contacts » et sélectionnez la liste que vous désirez contacter. Si vous utilisez l’une de nos formules premium, la section "segmentation" apparaîtra lorsque vous aurez choisi votre liste. Pour plus d’infos à ce sujet, consultez notre FAQ Comment segmenter mes listes de contacts ?
  • Langue de votre campagne : Sélectionnez le langage désiré.

Passport

Puis cliquez sur le bouton « Sauver et continuer »

[Revenir en haut]

Choisissez votre template

Plusieurs choix de templates s’offrent à vous sur cette page :

  • Utiliser un modèle de la galerie
    Choisissez parmi l'un de nos superbes templates entièrement prédéfinis.
  • Utiliser un de mes modèles
    Ce dossier contient tous les templates que vous avez créés précédemment.
  • Coder en HTML
    Créez une campagne en HTML ou importez votre propre code.
  • Coder en MJML
    Créez une campagne en MJML ou importez votre propre code.

Passport

Pour ce tutoriel, nous allons utiliser un modèle « BestTravel ». Cliquez sur le bouton « Sélectionner ».

Passport

[Revenir en haut]

Informations de campagne

Une fois votre template choisi, saisissez les principales informations de votre campagne (nom et adresse email de l’expéditeur) :

Passport

  • Objet de l’email : Entrez le sujet de votre campagne, tel qu’il apparaîtra dans la boîte de réception de vos destinataires. Il est personnalisable : cliquez simplement sur « Insérer une variable » pour afficher la liste de vos propriétés de contact. Nous aborderons plus en détail la personnalisation du contenu dans la prochaine partie du tutoriel.
  • Modifiez le texte de prévisualisation : Vous pouvez modifier le texte de prévisualisation par défaut pour augmenter les taux d’ouverture.
  • De: Nom : Les noms que verront vos destinataires dans le champ "envoyé par".
  • De: Adresse : Choisissez une adresse d’expédition dans le menu déroulant
  • Utilisez une adresse de réponse différente (optionnel) : si vous ne souhaitez pas recevoir les réponses à l’adresse d’envoi, cliquez sur ce lien et renseignez une autre adresse email.

Une fois que vous avez renseigné tous les champs, cliquez sur « Commencez à créer votre email ».

En haut de l’écran se situent le nom de l’expéditeur ainsi que l’objet de la campagne. Vous pouvez modifier ces informations à tout moment, cliquez sur le petit crayon.

Passport

[Revenir en haut]

Menu principal et dispositions

Voici à quoi ressemble la page d’accueil de notre outil :

Passport

Menu principal

Ce menu vous permet de naviguer à travers chaque étape de création, de test et d’envoi de votre campagne.

Passport

Sortir

Vous pouvez quitter l’outil de création de template quand vous le souhaitez en cliquant sur le logo Mailjet en haut à gauche.

Passport

Précédent

Cliquez pour revenir à l’écran précédent.

Passport

Suivant

Cliquez pour accéder à la section suivante.

Passport

Sauvegarder (le brouillon en cours, ou sauver en tant que template)

Passport

Pour enregistrer votre campagne, cliquez sur « Sauvegarder mon email » ou « Sauvegarder et quitter ».

Pour enregistrer votre campagne en tant que template, cliquez sur « Sauvegarder comme modèle ». Vous pouvez alors entrer un nouveau nom de template ou écraser un template existant.

Passport

Pour visualiser vos templates, cliquez sur « Retour à la sélection du modèle » dans la page d’accueil de création de modèles, puis sur « Utiliser un de mes modèles ».

Passport

[Revenir en haut]

Disposition

Votre template s’organise en 3 sections :

  • En-tête
  • Corps du texte
  • Pied de page

Passport

L’en-tête

L’en-tête de la campagne comporte deux éléments importants :

  • Preheader
    Il s’agit du bref résumé en haut de votre message, qui apparaît après le sujet du message lorsque vous regardez un aperçu. Pour éditer cette section, cliquez sur le texte et effectuez les changements souhaités.

  • Permalien
    Ce lien permet à votre destinataire d’afficher votre message directement dans son navigateur internet. Ce lien est généré automatiquement par Mailjet, vous n’avez donc pas besoin de le modifier.

Passport

Si vous ne souhaitez pas que l’en-tête apparaisse dans votre newsletter, décochez « Ajouter un en-tête ».

Passport

[Revenir en haut]

Corps du message

Le corps de votre campagne est constitué de différentes sections, qui peuvent chacune comporter un ou plusieurs éléments comme du texte, une image, un bouton, etc.

Pour modifier les propriétés d’une des sections, cliquez sur l’arrière-plan de celle-ci pour afficher sa barre d’outil. Vous pouvez changer la taille des marges, l’alignement, la couleur de fond ou encore ajouter une image de fond.

Passport

[Revenir en haut]

Le pied de page de votre message comporte les éléments suivants :

  • Le lien de désabonnement
    Il est obligatoire pour toute campagne et est automatiquement ajouté dans chaque message. Là encore, pas besoin d’en modifier le texte ou le lien, nous nous occupons de tout ;)

  • L’adresse de contact
    Ajouter toutes les infos de contacts de votre société en bas de vos messages constitue une excellente pratique d’envoi : votre délivrabilité ne pourra qu’en être améliorée.

    Pour modifier votre adresse, cliquez simplement sur le texte et effectuez les changements nécessaires.

Passport

Remarque : l’en-tête et le pied de page sont liés. Pour modifier la couleur de fond ou la couleur de police d’un pied de page, effectuez ces changements dans l’en-tête.

[Revenir en haut]

Sections

Ajouter une section à votre message

Les différentes sections vont servir à construire votre campagne. Vous n’avez qu’à ajouter différents éléments (texte, image, bouton…) dans chaque section. Chaque section peut se constituer de 1, 2, 3 ou 4 colonnes de largeurs différentes.

Sélectionnez la mise en forme de section que vous désirez, puis faites la glisser dans votre campagne.

Passport

[Revenir en haut]

Sauvegarder et réutiliser des sections

Sauvegardez des sections de votre modèle dans votre bibliothèque pour les réutiliser facilement en glisser-déposer dans vos prochaines campagnes.

Lorsque vous sauvegardez une section, le contenu, les couleurs et la mise en forme s'enregistrent automatiquement. Vous pouvez alors créer plus rapidement vos campagnes et conserver une image de marque cohérente.

Comment sauvegarder une section : À partir du mode Avancé, cliquez à l’intérieur de la section et sélectionnez : « Créer une section sauvegardée ».

Passport

Donnez un nom facilement reconnaissable à votre section de manière à la retrouver facilement par la suite.

Passport

Comment utiliser une section sauvegardée pour votre campagne : À partir du mode Avancé, cliquez sur « Mes sections sauvegardées ». Faites glisser déposez ensuite la section dans votre campagne.

Passport

Déplacer une section

Réorganisez vos sections en sélectionnant une section et en la glissant à l’emplacement souhaité.

Passport

Dupliquer une section

Cliquez sur une section pour la mettre en surbrillance, puis cliquez sur l’icône de duplication à droite de l’écran.

Passport

Supprimer une section

Pour supprimer une section du corps de votre campagne, cliquez à l’intérieur de la section puis cliquez sur l’icône corbeille.

Passport

Vous pouvez également supprimer rapidement une section ou un élément, en faisant glisser la section ou l'élément en question dans la zone des outils de contenu.

Passport

[Revenir en haut]

Verrouillage de section

Évitez de modifier accidentellement le design de vos emails et protégez l’identité de votre marque grâce au verrouillage de section.

Cette fonctionnalité permet à vos développeurs, designers et autres collaborateurs de contrôler qui peut modifier ou supprimer un design ou une mise en page, ou le contenu d’une section individuelle d’une campagne ou d’un template.

Passport

Le verrouillage de section est une fonctionnalité exclusive des abonnements Premium.

Attribuer des autorisations de verrouillage

Attribuez des autorisations de verrouillage, lorsque vous partagez votre compte avec d’autres collaborateurs ou membres d’équipe.

Passport

Choisissez l’un des rôles prédéfinis disposant d’une autorisation de verrouillage (Administrateur, Développeur ou Designer) ou créez un rôle personnalisé. (Pour plus d’informations sur les rôles d’utilisateur, consultez le Guide du partage de compte .)

Passport

[Revenir en haut]

Verrouiller une section (via notre éditeur d’emails, Passport)

Pour verrouiller ou déverrouiller une section d’une campagne ou d’un template dans notre éditeur d’emails, Passport, il suffit de cliquer sur l’icône « Verrouiller le contenu ».

Passport

Si vous n’êtes pas autorisé à verrouiller ou déverrouiller une section, une notification vous invitera à contacter l’administrateur du compte pour obtenir les autorisations nécessaires.

Passport

Si vous disposez d’un abonnement basique, vous devrez passer à un abonnement Premium pour bénéficier de cette fonctionnalité.

Passport

Si vous disposez des autorisations nécessaires, la notification « Verrouiller le contenu » vous permet de choisir l’un des niveaux de verrouillage suivants :

Passport

  • Section entièrement éditable (par défaut)
    Il n’y a pas de verrouillage et la section peut être entièrement modifiée ou supprimée.

  • Seuls le texte et les images sont éditables
    En d’autres termes, seul le contenu est éditable. Le design de la section (remplissage, alignements, couleurs, etc.) ne peut pas être modifié et aucun bloc de contenu ne peut être ajouté ou supprimé. La section peut être déplacée et, si ces options sont cochées, elle peut être supprimée ou dupliquée.

  • Section non éditable et non supprimable
    La section est entièrement verrouillée et aucun changement ne peut être effectué. Il est uniquement possible de déplacer la section.

Une fois que vous avez choisi un niveau de verrouillage, cliquez sur « Confirmer » pour enregistrer vos modifications.

Passport

[Revenir en haut]

Afficher les sections verrouillées

Voyons maintenant comment se présentent les sections verrouillées pour les utilisateurs de notre éditeur d’emails, Passport, qui n’ont pas l’autorisation de verrouiller ou de déverrouiller une section.

Section déverrouillée

La section apparaît normalement dans l’éditeur, avec toutes les icônes de menu de bloc de contenu et tous les boutons de section (options de section, déplacer vers le haut/bas, enregistrer la section, supprimer).

Passport

Seul le contenu de la section est éditable (suppression de section impossible)

La section peut être déplacée, mais tous les autres boutons de section sont masqués (options de section, déplacer vers le haut/bas, enregistrer la section, supprimer).

Section verrouillée :

Passport

Section déverrouillée :

Passport

Aucun bloc de contenu ne peut être ajouté ou supprimé au sein d’une section qui ne peut pas être supprimée et dont seul le contenu est éditable.

Passport

Lorsque l’utilisateur clique sur un bloc de contenu au sein d’une section (verrouillée), seules les options d’édition de contenu sont disponibles. Les icônes liées au design, à la duplication ou à la suppression de blocs sont masquées :

Texte

Outils disponibles Indisponibles
• Style de texte prédéfini
  (paragraphe, titre, etc.)
• Variables
• Insérer un lien
• Liste à puces
• Liste numérotée
• Gras, Italique, Souligner, Barrer
• Police, Taille de la police, Couleur du texte
• Effacer la mise en forme
• Alignement
• Hauteur de ligne
• Options de bloc (remplissage, arrière-plan)
• Copier ou supprimer le bloc de texte
Passport


Image

Outils disponibles Indisponibles
• Choisir une image
• Modifier l’image
• Entrer un lien
• Options de bloc (remplissage, forme, etc.)
• Copier ou supprimer le bloc d’image
Passport


Séparateur

Outils disponibles Indisponibles
• Pas d’options
• Options de bloc (largeur, couleur, épaisseur, etc.)
• Copier ou supprimer le séparateur
Passport


Bouton

Outils disponibles Indisponibles
• Insérer une variable
• Entrer un lien
• Police, Couleur du texte, Taille du texte
• Gras, Italique, Souligner, Barrer
• Effacer la mise en forme
• Alignement
• Hauteur de ligne
• Options de bloc (style d’icône, remplissage, configurer les liens, etc.)
• Copier ou supprimer les blocs de partage sur les réseaux sociaux
Passport


Espacement

Outils disponibles Indisponibles
• Ajuster la hauteur
• Options de bloc (couleur d’arrière-plan)
• Dupliquer ou supprimer l’espacement
Passport


Partage sur les réseaux sociaux

Outils disponibles Indisponibles
• Pas d’options
• Police, Taille du texte, Couleur du texte
• Gras, Italique, Souligner, Barrer
• Effacer la mise en forme
• Alignement
• Hauteur de ligne
• Options de bloc (style d’icône, remplissage, configurer les liens, etc._)
• Copier ou supprimer les blocs de partage sur les réseaux sociaux
Passport


HTML

Outils disponibles Indisponibles
• Entrer HTML
• Copier ou supprimer le bloc HTML
Passport


[Revenir en haut]

Seul le contenu de la section est éditable (suppression de section possible)

Cette option de verrouillage permet de dupliquer ou de supprimer la section.

Passport

Toutes les options des différents blocs de contenu (texte, image, bouton, etc.) sont identiques à celles disponibles avec l’option de verrouillage « Seul le contenu de la section est éditable (suppression de section impossible) ».

Passport

Section entièrement verrouillée

Il n’y a pas d’options ou de menus disponibles. La section et tous les blocs de contenu qu’elle contient ne peuvent pas être modifiés. Il est uniquement possible de déplacer et d’enregistrer la section.

Passport

[Revenir en haut]

Verrouiller le design général d’une page

Les administrateurs de compte ou utilisateurs disposant d’une autorisation de verrouillage peuvent verrouiller les paramètres du design général au niveau du template, et notamment les éléments suivants :

  • en-tête (visibilité et mise en page) ;
  • mise en page (responsive design) et couleur d’arrière-plan ;
  • styles de texte (titres, paragraphes, styles de lien).

Pour accéder à cette option de verrouillage, rendez-vous dans l’onglet « Paramètres » de notre éditeur d’emails, Passport, puis cliquez sur « Verrouillage du design de la page ».

Passport

(Si vous ne disposez pas des autorisations nécessaires,la section « Verrouillage du design de la page » ne sera pas accessible.. Si le design d’une page est verrouillé, une petite icône de cadenas apparaît à côté de chaque section.)

La section « Verrouillage du design de la page » propose deux options :

  • Par défaut, la première option sélectionnée permet aux utilisateurs ayant l’autorisation de verrouiller une section de modifier les paramètres généraux.
  • Cliquez sur la seconde option pour verrouiller tous les paramètres généraux (à l’exception de la langue). Une petite icône de cadenas apparaîtra alors à côté des options de verrouillage.

Passport

Afficher le design d’une page verrouillée

Pour les utilisateurs qui n'ont pas les droits de verrouillage, la section « Verrouillage du design de la page » ne sera pas accessible. Une fenêtre modale apparaîtra pour leur demander de contacter l'administrateur du compte pour obtenir les permissions nécessaires.

Passport

[Revenir en haut]

Paramètres de style généraux

Changez le formatage des paragraphes, des en-têtes et des liens de vos newsletters ou templates en quelques clics seulement.

Pour accéder aux styles généraux, rendez-vous dans l'onglet « Paramètres ».

Passport

L'option « Style global » vous permet de définir la police et la couleur de tous les éléments spécifiés (en-têtes, paragraphes et liens) ainsi que des en-têtes et pieds de page de vos newsletters.

Passport

Vous pouvez ensuite personnaliser le style de chaque en-tête, paragraphe ou lien.

Passport

Enfin, si vous voulez appliquer un style particulier à un élément précis de votre message, il vous suffit de procéder normalement à partir de la barre d'outils de la section choisie.

Passport

[Revenir en haut]

Outils de contenu

Nous allons maintenant vous présenter tous les éléments de contenu qui apparaissent dans votre message : texte, images, boutons, options de partage sur les réseaux sociaux, séparations, et blocs HTML.

Pour ajouter du contenu, il vous suffit de cliquer sur le bloc de contenu et de le glisser à l’emplacement souhaité de votre campagne. Si vous souhaitez déplacer ce bloc, glissez-le jusqu’à son nouvel emplacement.

Passport

Vous pouvez dupliquer chaque section très facilement : cliquez d’abord sur la section à dupliquer pour la sélectionner, puis choisissez l’icône de duplication à droite du cadre.

Passport

Texte

Passport

La barre d’outils Texte propose différentes options pour personnaliser et mettre en forme facilement votre bloc de texte :

  • Ajustement de la hauteur des lignes
  • Alignement du texte
  • Choix d’une couleur de fond
  • Ajustement des marges
  • Personnalisation du contenu à l’aide des propriétés de contact (link to personalize section)
  • Mise en forme du texte (police, gras, italique, etc.)

Passport

Image

Passport

La barre d'outils Image vous permet :

  • de définir le positionnement horizontal ;
  • d'ajuster le remplissage ;
  • d'ajouter une bordure (forme) à l'image ;
  • de choisir la couleur de fond.

Passport

Il existe deux manières d’ajouter une image à une section :

  • Importer une image à partir de votre ordinateur ou en sélectionner une à partir de votre galerie d’images
  • Insérer une image à partir d’une URL

Passport

Ajoutons par exemple une image à notre campagne.

Pour importer une image, vous pouvez sélectionner l’option « Parcourir » ou simplement glisser-déposer le fichier dans la boîte de dialogue.

Passport

Vous pouvez également ajouter une alternative textuelle à votre image, au cas où celle-ci ne pourrait pas s’afficher correctement. Le texte doit être bref et concis, comme sur Twitter ! :)

Passport

Une fois que vous avez ajouté une image, vous pouvez utiliser l’outil d’édition pour modifier le fichier que vous venez d’importer :

Passport

Vous pouvez alors utiliser rogner, redimensionner ou changer l’orientation (rotation, symétrie) de l’image.

Passport

Quand vous avez terminé, cliquez sur « Enregistrer » pour revenir à votre campagne et visualiser l’image. Dans cet exemple, nous avons rogné l’image.

Passport

[Revenir en haut]

Séparateur

Passport

Vous pouvez ajouter une ligne de séparation entre les sections ou éléments à l’intérieur d’une même section (voir exemple ci-dessous). L’outil de séparation vous permet :

  • De choisir la couleur de fond
  • D'ajuster les marges
  • De changer l’apparence de la ligne de séparation (style, couleur, largeur)
  • D'ajuster l’espacement horizontal et vertical

Passport

Bouton

Passport

De nombreuses options sont disponibles dans la barre d’outils Bouton (de gauche à droite) :

  • Rayon de bord (permet d’arrondir les angles d’un bouton)
  • Couleur de fond du bouton
  • Ajout d'un lien hypertexte
  • Alignement de la police
  • Choix d'une couleur de fond
  • Ajustement des marges
  • Personnalisation du texte grâce aux propriétés de contact
  • Mise en forme du texte (police, couleur, gras, etc.)

Passport

Spacer

Passport

Ajouter un espace blanc pour séparer des éléments ou des sections de votre email. Avec l’outil Spacer, vous pouvez :

• Réglez la hauteur de l’espace blanc (en pixels)
• Ajoutez un fond de couleur (optionnel)

Passport

[Revenir en haut]

Réseaux Sociaux

Passport

Insérez dans votre campagne les icônes de vos réseaux sociaux préférés (Facebook, Twitter, LinkedIn, Google Plus, etc.).

À partir de la barre d’outils de partage sur les réseaux sociaux, vous pouvez changer la couleur et le formatage des libellés.

Passport

Cliquez sur les options du bloc (icône en forme de roue) pour changer l'apparence du bloc lui-même, par exemple en modifiant la couleur d'arrière-plan ou en alignant les icônes par ligne ou par colonne.

Vous pouvez également changer les couleurs des icônes de réseaux sociaux pour les harmoniser : pour cela, cliquez sur l'option « Apparence des icônes ».

Passport

Dans les options du bloc, cliquez sur « Configurer les liens » pour ouvrir la fenêtre pop-up de configuration des réseaux sociaux. Depuis cette fenêtre, vous pouvez :

• Sélectionner les icônes de réseaux sociaux à afficher
• Modifier les libellés
• Partager la version en ligne de votre newsletter marketing directement sur vos pages de réseaux sociaux*, ou inclure un lien de redirection vers votre page.

Passport

*L'option de partage en ligne est actuellement disponible uniquement pour les campagnes marketing, mais pas pour les emails transactionnels ou automatisés.

Bloc HTML

Passport

Vous pouvez ajouter du code HTML directement dans votre newsletter.

Glissez le bloc HTML vers votre campagne.

Ensuite, cliquez sur le bouton pour ouvrir la fenêtre d’édition HTML.

Passport

Et voilà : vous pouvez éditer votre newsletter avec du HTML !

Passport

[Revenir en haut]

Importer des polices personnalisées

Ajoutez des polices Google personnalisées à vos templates de newsletters marketing, d'emails transactionnels et d'automatisation dans Passport, notre éditeur d’emails. Choisissez parmi plus de 800 polices Web Google la plus adaptée à votre marque et à votre design.

Veuillez noter que la fonctionnalité d'importation de polices personnalisées n'est disponible que dans les abonnements payants.

Les polices personnalisées sont enregistrées par template ou newsletter. Les polices ajoutées à un template ou à une newsletter ne sont pas ajoutées automatiquement à ceux qui sont nouvellement créés.

Astuce : dupliquez ou exportez votre template/newsletter pour transférer vos polices personnalisées.

Pour ajouter une police personnalisée, cliquez sur la liste déroulante Famille de polices depuis un élément de texte.

Passport

Sélectionnez « Ajouter une police de caratère ».

Passport

Commencez à saisir le nom d'une police Google. Une fois sélectionnée dans la liste prédictive, la nouvelle police s'affichera dans la fenêtre d'aperçu. Vous pouvez également modifier le texte dans la section d'aperçu « votre police » (15 caractères maximum).

Passport

Une police de remplacement s'affiche également dans la section d'aperçu.

Attention : parmi les principaux clients de messagerie, certains prennent en charge les polices Web personnalisées (Apple Mail, Android Mail, iOS Mail, Outlook 2016 OSX, etc.), mais d'autres non (Gmail, Yahoo Mail et Outlook 2003, par exemple). Dans ces cas-là, la police de remplacement s'affichera à la place de la police Google.

Passport

Après avoir sélectionné une police personnalisée, cliquez sur « Ajouter la police de caratère ».

Passport

Toutes les polices personnalisées seront ajoutées en haut de la liste des polices dans l'ordre alphabétique.

Passport

Fan de typographie ? Consultez Google Fonts pour en savoir plus.

Personnalisation du contenu

Vous pouvez personnaliser le contenu et l’objet de votre newsletter en ajoutant vos propriétés de contact. Sélectionnez la zone de texte où vous souhaitez voir apparaître le contenu personnalisé. Dans la barre de menus, cliquez sur l’icône « Variables ».

Passport

Puis sélectionnez la propriété de contact que vous souhaitez ajouter.

Passport

Ensuite, entrez votre texte dans la section « Valeur par défaut ». Si l’information « Prénom » n’est pas renseignée pour votre contact, le texte de valeur par défaut apparaîtra à la place.

Passport

Passport

[Revenir en haut]

Gérer votre vue mobile

Vous pouvez personnaliser la vue mobile des colonnes de chaque section de votre message : Empilée (default) ou Côte à côte

Passport

Pour modifier l'affichage des colonnes, cliquez sur l'arrière-plan de la section, puis sur l'icône « Options de section ».

Passport

Pour que les colonnes apparaissent côte à côte, cochez la case « Garder les colonnes côte à côte ».

Passport

Une petite icône bleue indiquant que les colonnes seront disposées côte à côte sur un appareil mobile apparaît dans la section.

Passport

Cliquez sur « Aperçu de votre modèle » pour obtenir un aperçu de l'affichage des colonnes.

Passport

Passport

[Revenir en haut]

Responsive Design

Notre outil vous permet de construire vos campagnes en "responsive design". Cela signifie que votre message pourra s’adapter à la taille de l’écran sur lequel il est consulté. Ainsi, le design de votre campagne sera optimisé, qu’elle soit vue sur un ordinateur, une téléphone ou une tablette.

La barre d’outils « Paramètres du template » vous offre deux options de responsive design pour votre campagne : affichage en taille-écran (pleine page) ou affichage en taille-fenêtre (centrée).

Passport

• Pleine page : Votre campagne s’ajustera automatiquement à la largeur de l’écran sur laquelle elle s’affichera.

Passport

• Centrée : La largeur de la campagne sera toujours la même, quelque soit le support d’affichage.

Passport

[Revenir en haut]

Aperçu de votre campagne

Pour visualiser votre campagne, cliquez sur « Aperçu de votre modèle » dans la fenêtre de création Passport.

Passport

Vous aurez ainsi un aperçu de votre campagne sur différents supports :

  • Smartphone (vue par défaut)

    Passport

  • Ordinateur & Tablette

    Passport

  • Ordinateur de bureau

    Passport

Une fois l’aperçu et le test terminés, fermez la fenêtre modale pour revenir à l’éditeur d’emails.

Passport

[Revenir en haut]

Envoyer un message de test

Vous pouvez à tout moment envoyer un email de test (campagne), à 10 destinataires maximum.

Pour envoyer une campagne de test, rendez-vous sur l’aperçu de votre modèle et cliquez sur le bouton « Envoyer un email de test ».

Passport

[Revenir en haut]

Envoyer votre campagne

Une fois que vous avez fini de créer votre superbe campagne et que vous êtes prêts à l’envoyer, cliquez sur « Récapitulatif & Envoi » dans la fenêtre de création Passport.

Passport

Vous pouvez vérifier ou modifier les informations de votre Résumé de campagne ou sélectionner une nouvelle liste de contacts. Vous pouvez ensuite envoyer votre campagne ou renseigner une date et une heure pour un envoi différé. Il ne vous reste plus qu’à cliquer sur « Envoyer maintenant ! ».

Passport

Confirmez que vous souhaitez envoyer votre campagne immédiatement.

Passport

Félicitations ! Vous avez envoyé votre première campagne avec Passport de Mailjet.

Si vous avez la moindre question concernant l’utilisation de votre widget, n’hésitez pas à contacter notre équipe Support !

[Revenir en haut]

Essayer Mailjet maintenant ?
Créez un compte - sans engagement, sans frais cachés