Qu'est-ce qu'une landing page ? 

Une landing page est une page web autonome conçue spécifiquement pour recevoir et convertir des visiteurs en de potentiels prospects ou clients. Elle est conçu avec un objectif précis, comme la promotion d'un produit, d'un service ou d'une offre spéciale, et a typiquement un call-to-action (CTA) précis, encourageant les visiteurs à effectuer une action spécifique, comme effectuer un achat, s'inscrire à une newsletter ou remplir un formulaire.

Dans le monde du marketing digital, les landing pages jouent un rôle essentiel pour capter l'attention de prospects potentiels, et les transformer en précieux clients.

Les landing pages sont souvent utilisées lors de campagnes de marketing digital et servent de points d'entrée pour les visiteurs qui cliquent sur une publicité, un lien ou un résultat de moteur de recherche spécifiques. Elles sont conçues pour fournir des informations pertinentes et convaincantes au visiteur, en insistant sur les avantages clés ou les fonctionnalités de l'offre, et en le guidant vers la conversion souhaitée.

En créant des landing pages bien conçues, avec un message convaincant, des CTA forts et des techniques d'optimisation, vous pouvez capter efficacement l'attention de votre public cible et augmenter les conversions, contribuant ainsi au succès de vos campagnes de marketing.

Créer une landing page

Créez votre landing page en un clin d'œil grâce à notre éditeur en ligne. Rendez-vous dans la section Landing Pages et cliquez sur le bouton « Créer une nouvelle page ».

Choisissez un modèle dans notre galerie.

Concevez votre landing page en toute simplicité avec l'Éditeur de Mailjet.

Une fois votre design terminé, il vous suffit simplement de cliquer sur « Sauvegarder et publier ».

Outils de contenu

Cette partie couvre tous les éléments de contenu qui apparaîtront dans votre message (texte, images, boutons, partage sur les réseaux sociaux...)

Ajouter du contenu est facile. Il vous suffit de faire glisser un bloc de contenu dans la zone souhaitée de votre landing page. Si vous voulez déplacer ce bloc, il suffit de le glisser et déposer au nouvel emplacement.

Texte

Grâce à la barre d’outils Texte, vous pouvez facilement formater et personnaliser votre bloc de texte :

o Ajuster la hauteur des lignes
o Aligner le texte
o Définir la couleur de fond
o Modifier les marges
o Personnaliser le contenu à l'aide de propriétés de contact
o Formater le texte (police, gras, italique...)

Image / Galerie d'images

La barre d'outils Image offre une palette d'options pour améliorer vos visuels :

•  
  • Ajustement du positionnement horizontal
  • Ajout d'une marge intérieure pour un aspect plus raffiné
  • Ajout de bordure ou de forme à l'image
  • Optimisation pour une meilleure adaptation aux écrans mobiles
  • Définition d'une couleur d'arrière-plan pour une intégration fluide

Vous pouvez ajouter une image à votre section avec les méthodes suivantes :

• Charger : sélectionnez une image stockée sur votre appareil et ajoutez-la en toute simplicité à votre galerie d'images.
• Galerie d'images : choisissez une image depuis votre collection existante dans la galerie d'images pour une sélection et utilisation rapide.
• Lien : utilisez l'URL d'une image existante en ligne.

La fonctionnalité de galerie d'images de Mailjet est un hub centralisé pour gérer et organiser facilement les images.  Pour plus de détails, veuillez consulter l'article suivant.

Séparateur

Vous pouvez ajouter une ligne de séparation entre les sections ou les éléments à l'intérieur d'une même section (comme dans l'exemple ci-dessous).

La barre d’outils Séparateur vous permet de :

o Définir la couleur de fond
o Ajuster les marges
o Changer l’apparence de la ligne de séparation (design, couleur, largeur)
o Ajuster l’espacement horizontal et vertical

Bouton

De nombreuses options sont disponibles dans la barre d’outils des boutons, notamment :

o Rayon de bord (permet d’arrondir les angles d’un bouton)
o Couleur, largeur et style du bord du bouton (solide, en pointillés, en tirets...)
o Définir le positionnement horizontal et le remplissage
o Ajouter un lien hypertexte
o Alignement de la police
o Ajuster les marges
o Personnaliser le texte à l’aide des propriétés du contact
o Mise en forme du texte (police, couleur, gras...)

Espacement

Ajouter un espace blanc pour séparer des éléments ou des sections de votre landing page. L’outil Espacement permet de :

o Définir la hauteur de l’espace vide (en pixels)
o Ajouter un fond de couleur (facultatif)

[haut]

Réseaux sociaux

Insérez dans votre landing page les icônes de vos réseaux sociaux préférés (Facebook, X - anciennement Twitter -, LinkedIn, Instagram, YouTube, Medium, Xing...)

Cliquez sur le bouton « Configurer les liens » pour ouvrir la fenêtre de configuration des réseaux sociaux. Cela vous permet de :

• Sélectionner jusqu'à 10 icônes de réseaux sociaux
• Modifier le texte

• Partager votre page de réseaux sociaux.
• Créer votre propre icône de réseaux sociaux en cliquant sur « Ajouter une icône personnalisée »

Pour afficher et configurer les libellés de texte, cliquez sur « Afficher le texte ».

Cliquez sur les options du bloc (icône de crayon) pour configurer la taille, les formes, les marges et la couleur de l’icône ainsi que la couleur de fond et le remplissage de la section.

Partager la version en ligne

Partagez la version en ligne de votre landing page sur vos comptes de réseaux sociaux.

Cliquez sur les options du bloc (icône de crayon) pour configurer la taille, les formes, les marges et la couleur de l’icône ainsi que la couleur de fond et le remplissage de la section.

Bloc HTML

Vous pouvez ajouter du code HTML directement à votre landing page. Faites glisser le bloc HTML, puis cliquez sur le bouton de la barre d’outils pour ouvrir la fenêtre de l’éditeur HTML et commencez à coder.

Flux RSS

Intégrez des articles de blogs et autres contenus dynamiques dans vos landing pages avec un flux RSS.

Il vous suffit de faire glisser l'outil de flux RSS et d'ajouter l'URL du flux dans la fenêtre modale. Sélectionnez ensuite les éléments que vous voulez importer en cliquant sur la liste déroulante, ou en effectuant une recherche par auteur ou par titre.

Chaque élément importé apparaîtra en tant que section dans votre landing page, où vous pourrez modifier le contenu et l'image.

Le contenu RSS n'est récupéré qu'une seule fois lors de l'importation et ne sera pas mis à jour automatiquement. Si vous voulez mettre à jour votre contenu RSS, créez un nouveau flux RSS et supprimez l'ancien.

Chaque fois que vous ajoutez un lien URL à un flux RSS, il sera stocké localement au niveau de la clé API. La prochaine fois que vous ajouterez un bloc de contenu RSS, vous aurez accès aux 5 derniers flux ajoutés.

Vidéo

Pour ajouter une vidéo à votre landing page, faites glisser l’outil Vidéo à l’emplacement souhaité. Dans la fenêtre modale, ajoutez l’URL de votre vidéo.

Des images de prévisualisation sont automatiquement générées pour les vidéos YouTube, Vimeo et Dailymotion. Pour les autres services de vidéo, cliquez « Choisir une image » pour ajouter votre propre image de prévisualisation.

Une fois la vignette de prévisualisation créée, le bouton de lecture par défaut sera ajouté. Vous pouvez choisir parmi plusieurs modèles de bouton de lecture.

La dernière étape consiste à ajouter une description simple de l’image de prévisualisation dans le champ « Texte alternatif ». Ce texte alternatif s'affichera au cas où votre abonné ne peut pas visualiser l’image. Cliquez ensuite sur « Enregistrer la vidéo ».

Dans la barre d’outils Vidéo, cliquez sur le bouton « Vidéo » pour modifier votre vidéo à tout moment.

Formulaire

Améliorez l'efficacité de votre landing page en y ajoutant un formulaire d'inscription, permettant aux utilisateurs de s'abonner simplement et de recevoir des newsletters, informations produit et tout autre type de contenu pertinent provenant de votre site web, de vos services ou de votre entreprise en général.

Minuteur de compte à rebours

Utilisez le bloc Minuteur de compte à rebours pour ajouter un compte à rebours en temps réel à vos emails — idéal pour les promotions à durée limitée, les lancements de produits ou les rappels d’événements. Le minuteur est rendu sous forme d’image afin de garantir un affichage cohérent dans tous les clients de messagerie. Une fois l’heure de fin atteinte, il s’arrêtera automatiquement et affichera 00:00:00:00.

Pour insérer un minuteur, ouvrez le panneau Contenu et faites glisser le bloc Compte à rebours dans votre modèle.

Options de configuration

Date de fin et fuseau horaire

Définissez la date et l’heure exactes auxquelles le compte à rebours doit atteindre zéro. Vous pouvez également sélectionner un fuseau horaire spécifique à partir du menu déroulant.

• Le fuseau horaire par défaut est basé sur les paramètres de votre compte.
• Le menu comprend des fuseaux horaires courants tels que UTC, EST, PST, et bien d’autres.

Paramètres d’affichage des chiffres

Personnalisez l’apparence des chiffres de votre compte à rebours à l’aide des options suivantes :

• Afficher/Masquer les unités
  Choisissez les unités de temps à afficher : jours, heures, minutes, secondes.
• Zéros initiaux
  Activez ou désactivez l’affichage des zéros initiaux (par ex. 04 au lieu de 4).
• Espacement des chiffres
  Définissez l’espacement entre les blocs d’unités de temps (ex. : 10px).
• Séparateur de chiffres
  Choisissez le séparateur entre les unités :
  • Aucun (par défaut)
  • Deux-points :
  • Tiret -
  • Barre verticale |
• Couleur des chiffres
  Définissez la couleur de la police des chiffres à l’aide d’un code hexadécimal ou du sélecteur de couleur.
• Police des chiffres
  Le minuteur ne prend en charge que des polices web sûres afin d'assurer une compatibilité maximale. Le menu propose des polices telles que :
  • Arial
  • Verdana
  • Tahoma
  • Georgia
  • Helvetica
  • Times New Roman

• Couleur de fond des chiffres
  Définissez une couleur de fond derrière chaque bloc de chiffre pour améliorer la lisibilité ou l’adapter à votre charte graphique.

Libellés du minuteur

Activez ou désactivez l’affichage des libellés d’unités (par ex. Jours, Heures, Minutes, Secondes) situés sous les chiffres.

• Par défaut : les libellés sont affichés.

Vous pouvez également personnaliser :

• La police des libellés (polices web sûres uniquement)
• La couleur des libellés

Affichage après expiration

Lorsque vous utilisez le bloc Minuteur de compte à rebours dans une page d’atterrissage, une option supplémentaire est disponible : Affichage après expiration. Elle vous permet de définir ce qui se passe une fois le compte à rebours terminé.

Dépliez la section Affichage après expiration dans le panneau de configuration pour choisir le comportement souhaité :

• Afficher le minuteur expiré (par défaut)
  Le minuteur reste visible, figé à 00:00:00:00.
• Masquer le minuteur expiré
  Le bloc du compte à rebours est automatiquement masqué après expiration.
• Afficher une image à la fin
  Remplace le minuteur par une image personnalisée une fois le compte à rebours terminé — idéal pour afficher une bannière "Offre expirée" ou un message similaire.

Espacement interne (Padding) et Bordures

Vous pouvez personnaliser l'espacement et les bordures de votre bloc de compte à rebours afin d’améliorer l’alignement et l’apparence visuelle.

Espacement interne (Padding)

Les options de padding vous permettent de définir l’espace à l’intérieur du bloc (entre le contenu et les bords).

Vous pouvez ajuster les valeurs individuellement pour chaque côté :

• Haut
• Bas
• Gauche
• Droite

Cliquez sur l’icône 🔒 cadenas pour lier ou délier les valeurs et appliquer un espacement symétrique.

Bordures

Dans la section Bordures, vous pouvez définir l’épaisseur du contour autour du bloc de compte à rebours.

• Réglez la valeur sur 0 pour ne pas afficher de bordure, ou augmentez-la pour en ajouter une.

Ces options vous permettent d’ajuster précisément l’espacement et la mise en page pour un rendu optimal.

Carrousel

Utilisez le bloc Carousel pour afficher plusieurs éléments de contenu dans une zone unique et défilable de votre page de destination. C’est idéal pour des éléments comme des avis clients ou des mises en avant de produits.

Ajouter un bloc Carrousel

1. Dans l’éditeur, depuis le panneau Outils de contenu, faites glisser le bloc Carousel dans la section où vous souhaitez afficher le slider.
2. Un carrousel par défaut comportant plusieurs diapositives (3 par défaut) est ajouté à votre page. Cliquez dans le bloc pour commencer l’édition.

Gérer les diapositives

Chaque carrousel est composé de diapositives individuelles :

• Utilisez la barre d’outils en haut du bloc pour :
  • Réorganiser les diapositives – ouvre une vue d’ensemble pour modifier l’ordre des diapositives.
  • Ajouter une diapositive.
  • Dupliquer une diapositive.
  • Supprimer la diapositive actuelle.
  • Gérer l’image de la diapositive.
  • Ajuster l’affichage (par exemple Cover).
    
• Cliquez sur les flèches gauche/droite dans le bloc pour naviguer entre les diapositives lors de l’édition.
• Modifiez le contenu de chaque diapositive (titres, texte, boutons, images, etc.) comme n’importe quelle autre section de votre page de destination.
  

Personnaliser la conception et le comportement du carrousel

Lorsque le bloc Carousel est sélectionné, utilisez le panneau de gauche pour personnaliser sa mise en page, son apparence et ses animations. Les options de configuration sont regroupées en plusieurs catégories :

• Paramètres du carrousel – définissez la mise en page générale du carrousel.
  Ajustez le format d’image (par exemple 16:9), choisissez d’afficher ou non les indicateurs et sélectionnez un type d’indicateur (points ou lignes).
• Composants de flèches – personnalisez les flèches de navigation.
  Activez ou désactivez les flèches, choisissez différents styles d’icônes, ajustez la taille et l’épaisseur, définissez la couleur et l’opacité des flèches et, si nécessaire, affichez un arrière-plan derrière les icônes. Vous pouvez également choisir la forme des flèches.
• Transition et animation – contrôlez la manière dont les diapositives défilent.
  Choisissez un effet de transition, définissez la vitesse d’animation, activez l’autoplay, configurez le délai entre les diapositives et indiquez si le carrousel doit boucler ou s’arrêter au survol.
• Marges internes (padding) – ajustez l’espace interne autour du carrousel.
  Définissez des valeurs indépendantes pour le haut, le bas, la gauche et la droite.
• Arrière-plan – choisissez entre un arrière-plan transparent ou une couleur unie.
  

Utilisez les options d’aperçu Desktop / Mobile dans le coin supérieur droit de l’éditeur pour vérifier l’apparence du carrousel sur tous les appareils avant de cliquer sur Save & Publish.

Accordéon

Le bloc Accordéon vous permet d’organiser et d’afficher votre contenu de manière structurée et interactive. Il est idéal pour les FAQ, les informations produit détaillées ou toute section où vous souhaitez que les visiteurs développent et replient le contenu pour un affichage plus clair.

Ajouter un bloc Accordéon

Faites glisser le bloc Accordéon dans la section souhaitée de votre page de destination. 

Par défaut, l’accordéon contient trois panneaux, chacun comprenant :

• Un en-tête du panneau (zone de titre)

• Un corps du panneau (zone de contenu)

Configurer vos blocs accordéon

👉 Paramètres des panneaux

Cliquez n’importe où dans l’accordéon, sélectionnez son conteneur parent, puis cliquez sur l’icône crayon ✏️ en haut pour ouvrir le panneau des paramètres. La section Paramètres des panneaux contrôle le comportement par défaut de l’accordéon et la manière dont les visiteurs interagissent avec lui.

Vous pouvez :

• Modifier le nombre de panneaux à l’aide du sélecteur numérique ou des flèches haut/bas.

• Définir quels panneaux sont ouverts au chargement de la page, en choisissant entre :

  •  Tous les panneaux ouverts
  • Tous les panneaux fermés (repliés)
  • Premier panneau ouvert
• Autoriser l’ouverture de plusieurs panneaux simultanément, ou limiter l’utilisateur à une seule section ouverte.
• Replier automatiquement les panneaux lorsque l’utilisateur clique en dehors de l’accordéon.
• Ajouter des animations fluides pour un effet d’ouverture/fermeture subtil.

👉 Paramètres des icônes

Vous pouvez personnaliser l’apparence et la position des icônes affichées à côté de chaque en-tête de panneau.

Ici, vous pouvez :

• Activer ou désactiver les icônes.
• Choisir différentes icônes pour les états développé et replié (par exemple + / − ou des flèches).
• Choisir un style — soit Angulaire soit Arrondi.
• Ajuster la taille et l’épaisseur des icônes pour les adapter à votre design.
• Positionner les icônes à gauche ou à droite de l’en-tête.
• Modifier la couleur de l’icône à l’aide d’un code HEX ou du sélecteur de couleur.

👉 Bordures et séparateurs

Vous pouvez ajouter ou personnaliser des bordures pour séparer visuellement vos panneaux.

La section Bordures vous permet de :

• Activer ou désactiver les bordures pour chaque panneau.
• Choisir l’épaisseur, le style (plein, pointillé, hachuré ou double) et la couleur de la bordure.
• Ajouter des séparateurs pour délimiter les panneaux.

👉 Marges

Les marges définissent l’ espace autour de votre accordéon et entre les panneaux individuels.

Vous pouvez :

• Ajuster les marges supérieure, inférieure, gauche et droite en pixels.
• Utiliser l’icône de verrouillage pour appliquer la même marge à tous les côtés ou les ajuster individuellement.
• Contrôler l’ espace entre les panneaux pour un rendu plus compact ou plus aéré.

👉 Espacements internes (Padding)

Le padding contrôle l’ espace intérieur de vos panneaux accordéon — entre la bordure et le contenu.

Vous pouvez modifier le padding pour deux zones :

• L’en-tête (autour du titre et de l’icône).
• Le corps (autour du contenu de chaque panneau).

Ajustez les valeurs supérieure, inférieure, gauche et droite individuellement ou gardez-les verrouillées pour appliquer un espacement uniforme.

👉 Paramètres de couleur

Vous pouvez définir des couleurs de texte et d’arrière-plan personnalisées pour l’en-tête comme pour le corps.

Pour l’en-tête du panneau, vous pouvez :

• Garder l’arrière-plan transparent ou choisir une couleur unie.
• Définir la couleur du texte du titre.

Pour le corps du panneau, vous pouvez :

• Utiliser un arrière-plan transparent ou sélectionner une couleur.
• Définir la couleur du texte du contenu.

👉 Arrière-plan

Enfin, vous pouvez définir l’ arrière-plan global de l’accordéon.

Choisissez entre :

• Transparent, pour permettre à l’accordéon d’hériter de l’arrière-plan de la section.
• Couleur, pour appliquer une couleur unie à tout le bloc accordéon.

Accessibilité

L’accordéon est entièrement navigable au clavier.
Les visiteurs peuvent utiliser les touches directionnelles pour naviguer entre les panneaux et les ouvrir ou les replier sans souris, garantissant la conformité aux normes d’accessibilité.

Composant du logo du kit de marque

Nous avons ajouté un nouveau composant « Logo » à l'outil de création d'emails, ce qui facilite l'intégration de votre logo dans vos modèles.

Fonctionnalités principales :

• Si vous disposez d'un kit de marque avec un logo enregistré, un composant Logo avec un aperçu de votre logo apparaîtra dans votre éditeur.

  

• Il suffit d'ajouter le logo par « drag-and-drop » dans votre modèle.
• Le logo se comporte de la même manière qu'un bloc d'image, mais :
  • Il est centré par défaut.
  • Il ne dispose pas de la barre d'outils standard pour les images, ce qui simplifie son utilisation.
  • Il s'adapte automatiquement à la couleur de l'arrière-plan :
    • Fond clair → variante claire du logo.
    • Fond sombre → variante sombre du logo.
• L'URL de redirection du logo (si elle a été définie dans le kit de marque) sera automatiquement appliquée au logo.

Comportement en l'absence de logo :

• Si votre kit de marque n'a pas de logo, le composant Logo sera caché dans l'éditeur.
• Si un logo est supprimé du kit de marque, le composant Logo n'apparaîtra plus.

Gestion des modèles existants :

• Les logos déjà placés dans les modèles ne seront pas supprimés, même si vous mettez à jour ou supprimez des logos de votre kit de marque.
• Si vous remplacez un logo dans le kit de marque, les modèles créés précédemment conserveront l'ancien logo.
• Si vous dupliquez un modèle, le logo sera conservé dans la version dupliquée.
• Si vous supprimez un logo et que vous en importez un nouveau par la suite, vous devez réinsérer manuellement le nouveau logo dans vos modèles.

Sections

Ajouter une section à votre landing page

Vous pouvez concevoir votre landing page en y ajoutant des sections. Ajoutez ensuite les différents éléments (texte, boutons, images...) dans chaque section. Une section peut avoir 1, 2, 3, 4, 5 ou 6* colonnes, avec différentes largeurs. 

* Les colonnes 1 à 4 sont accessibles à partir du menu Sections. Pour ajouter deux colonnes supplémentaires (5 et 6), vous pouvez le faire directement dans la section elle-même sous le bouton stylo (paramètres de la section). Dans ce menu, vous avez également la possibilité de modifier le nombre de colonnes à la volée pour mieux répondre à vos besoins.

Pour accéder au menu des sections, cliquez sur l'icône « Fenêtre » en haut à gauche (dans l'onglet « Mise en page »).

Faites glisser et déposez la mise en page de section que vous souhaitez intégrer à votre landing page.

Pour ajouter deux colonnes supplémentaires aux quatre initiales ou modifier le nombre existant, cliquez sur l'arrière-plan de la section. Sélectionnez l'icône de stylo sur la gauche, naviguez jusqu'à la section des colonnes et choisissez le nombre souhaité (jusqu'à 6).

Déplacer une section

Cliquez dans l'arrière-plan de la section puis sur les flèches haut ou bas.

Dupliquer une section

Cliquez dans la section pour la mettre en surbrillance, puis cliquez sur l’icône de duplication sur le côté droit de l’écran.

Supprimer une section

Pour supprimer une section, cliquez dans la section, puis cliquez sur l’icône de corbeille et confirmez la suppression.

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

Paramètres de style global

En quelques clics, vous pouvez facilement formater les styles de texte de tous vos paragraphes, en-têtes et hyperliens dans votre landing page.

Pour accéder aux styles de texte globaux, cliquez sur l’icône d’engrenage dans le coin supérieur gauche (onglet « Paramètres »).

Comme son nom l’indique, l’option « Style global » permet de définir la famille de polices et la couleur pour tous les éléments répertoriés (En-têtes, Paragraphes, Liens).

Vous pouvez ensuite personnaliser davantage le style de chacun des éléments En-tête, Paragraphe et Lien.

Enfin, si vous souhaitez avoir un style de texte différent pour certains en-tête ou paragraphe de votre formulaire, il vous suffit de personnaliser le texte avec la barre d’outils d’une section.

Modifier une landing page

Dans la page de gestion des landing pages, cliquez sur l'icône d'engrenage et sélectionnez « Modifier ». Cela vous permettra d'adapter votre landing page à vos nouveaux objectifs avant de la publier à nouveau.

Dupliquer une landing page

Pour dupliquer une landing page, il vous suffit de cliquer sur l'icône en forme d'engrenage dans la page de gestion des landing pages, et de sélectionner « Dupliquer ». 

Dépublier une landing page

Pour dépublier une landing page, il vous suffit de cliquer sur l'icône en forme d'engrenage située dans la page de gestion des landing pages, puis de choisir « Dépublier ». Cette action rendra la page inaccessible du public, tout en la conservant dans vos options de gestion.

Archiver une landing page

Pour archiver une landing page, cliquez sur l'icône en forme d'engrenage dans la page de gestion des landing pages, et sélectionnez « Archiver ». Ce processus stockera la page, la rendant temporairement inaccessible, tout en la préservant dans vos outils de gestion.

Supprimer une landing page

Vous pouvez supprimer une landing page à partir de deux endroits :

1. Sur la page de gestion des landing page, cliquez sur l'icône d'engrenage et choisissez « Supprimer ».
   
2. Si la landing page a été archivée, allez dans vos pages archivées, puis cliquez sur l'icône d'engrenage et sélectionnez « Supprimer ».
   

Restaurer une landing page archivée

Pour restaurer une landing page archivée, rendez-vous dans vos pages archivées, puis cliquez sur l'icône d'engrenage et sélectionnez « Restaurer ». 

Paramètres supplémentaires

Dans la page des paramètres, vous pouvez modifier le nom et l'URL de votre landing page, et activer l'optimisation pour les moteurs de recherche et les réseaux sociaux. Par ailleurs, vous pouvez personnaliser la favicône (la petite icône à côté du nom de la page dans l'onglet de votre navigateur) de votre page.

Domaine personnalisé pour votre landing page

Avantages de l'utilisation d'un domaine personnalisé pour votre landing page

L'utilisation d'un domaine personnalisé pour une landing page offre plusieurs avantages significatifs, notamment en termes d'image de marque, de crédibilité et d'optimisation pour les moteurs de recherche (SEO).

• Image de marque
  Un domaine personnalisé donne une image professionnelle, ce qui facilite la mémorisation et la reconnaissance de votre site par les visiteurs. Il renforce également la cohérence de l'image de marque à travers tous les supports de marketing.
   
• Crédibilité et confiance
  Un domaine personnalisé augmente la confiance des visiteurs et la légitimité perçue, signalant que votre activité est sérieuse et professionnelle.
   
• Optimisation pour les moteurs de recherche (SEO)
  Les domaines personnalisés sont privilégiés par les moteurs de recherche, ce qui améliore le classement du site et permet d'optimiser les mots-clés dans le nom de domaine.

Par défaut, toute landing page que vous créez est hébergée par Mailjet. Cependant, nous vous recommandons d'héberger vos landing pages sur un domaine personnalisé si vous en avez un.

Créer un sous-domaine pour votre landing page

Si vous avez déjà un site web avec un domaine personnalisé, vous devrez créer un sous-domaine pour votre landing page. Par exemple, si vous êtes propriétaire de votredomaine.com et que votre site web utilise ce domaine, hébergez vos landing pages sur un sous-domaine, comme pages.votredomaine.com.

C'est obligatoire, car l'utilisation de votre domaine personnalisé pour les landing pages Mailjet nécessite la modification des enregistrements DNS pour ce domaine. Si vous effectuez ces changements DNS directement sur votredomaine.com, votre landing page remplacera votre site web existant, ce que vous voulez éviter.

Ajouter votre sous-domaine à votre landing page

Pour ajouter votre sous-domaine à votre landing page, commencez par vous rendre sur la page Informations du compte et sélectionnez Configuration d'un domaine de page dans la section Expéditeurs et domaines.

Ensuite, cliquez sur Ajouter un domaine de page et saisissez les informations requises : Label, Sous-domaine et Domaine.

Une fois que vous avez rempli ces informations, cliquez sur Ajouter pour terminer le processus.

Après avoir ajouté votre sous-domaine, vous devez créer un enregistrement CNAME dans la zone DNS de votre sous-domaine. Cela doit être fait par l'intermédiaire de votre hébergeur de domaine ; la procédure varie en fonction de l'hébergeur.

Enfin, cliquez sur Vérifier le DNS pour mettre à jour le statut après l'ajout de l'enregistrement. Si le statut passe au vert, tout est prêt !

Activer votre domaine personnalisé sur votre landing page

Pour activer votre nouveau sous-domaine pour votre landing page, rendez-vous dans les paramètres de votre landing page.

Dans la section URL de la page, sélectionnez le sous-domaine personnalisé dans le menu déroulant.

Cliquez sur « Enregistrer ». Bravo ! Votre landing page utilisera désormais votre domaine personnalisé !

Prévisualiser votre landing page

Dans l'Éditeur de landing page, vous trouverez deux options d’aperçu (Bureau et Mobile) disponibles dans le coin supérieur droit. La version Bureau s’affiche par défaut et représente les brouillons de modèles sur lesquels vous travaillez, tandis que l’option Mobile vous permet de prévisualiser l’affichage sur l’appareil mobile.

Tarifs

Les abonnements Gratuit et Essentiel vous permettent de créer une landing page, mais pas de la publier. Pour débloquer les fonctionnalités de publication, nous vous invitons à passer à un abonnement supérieur. Une fois que vous serez passé·e à l'abonnement Premium ou Personnalisé, vous pourrez publier les landing pages.

Cependant, notez que si vous décidez de passer à un abonnement inférieur, vous perdrez l'accès à vos landing pages, ce qui les désactivera. 

• Si vous passez à l'abonnement Essentiel, nous conserverons les données de votre landing page pendant une période de 400 jours. Cela vous permet de réactiver vos landing pages dans un délai raisonnable si vous choisissez de passer à nouveau à un abonnement supérieur.
• Dans le cas d'un passage à la version gratuite, nous conserverons les données de votre landing page pendant une période de 90 jours. Ce délai vous offre l'opportunité de repenser à vos choix d'abonnement, ou à potentiellement repasser à un abonnement supérieur afin de récupérer l'accès à vos landing pages.

Accorder ou supprimer l'accès à un compte partagé

Si vous envisagez d'accorder ou de supprimer l'accès à cette fonctionnalité à un compte partagé, vous pouvez le faire à partir de la page de partage du compte.

Il vous suffit de cliquer sur « Gérer → Modifier ».

Ensuite, cochez ou décochez la case Landing pages et mettez à jour l'accès.

Statistiques de la landing page

Une fois que votre landing page est publiée et commence à recevoir du trafic, vous pouvez surveiller ses performances directement dans votre compte Mailjet. La fonction Statistiques de la landing page permet d'obtenir des informations sur l'activité des visiteurs, leur engagement et l'efficacité des campagnes.

Comment accéder aux statistiques des landing pages

1. Allez dans l'onglet Pages du menu de navigation de gauche.
2. Cliquez sur l'icône Paramètres (⚙️) de la landing page que vous souhaitez analyser.
3. Sélectionnez Voir les statistiques dans le menu déroulant.

Vue d'ensemble

En haut de la page, vous trouverez un résumé rapide :

• Statut (publié ou brouillon)
• Date de création
• Date de modification
• Nombre total de visites : nombre de fois où la landing page a été chargée
• Nombre total de clics : nombre de clics sur le lien de la landing page
• Formulaire(s) inclus (le cas échéant)

Visiteurs et engagement

Le tableau Visiteurs et engagement fournit une ventilation visuelle des éléments suivants :

• Visites et clics dans le temps
• Activité dans la plage de dates sélectionnée
• Nombre total d'inscriptions (soumissions de formulaires)

Visiteurs uniques

Cette section indique le nombre d'utilisateurs individuels qui ont visité la page, en fonction de leur adresse IP.

Attribution de la campagne

Si votre landing page est liée à une campagne d'emailing, la section Données de la (des) campagne(s) s'affichera :

• L'adresse email du destinataire
• L'objet de la campagne
• La date de leur visite

Répartition en fonction des appareils et de la localisation

Comprenez mieux votre public grâce à des données sur :

• Le type d'appareil (par exemple : ordinateur de bureau, smartphone...)
• Localisation par pays