Sites Web

Marketing sans soucis : apprenez à créer une landing page qui cartonne

9 minutes
1 avril 2024
Marketing sans soucis : apprenez à créer une landing page qui cartonne

Vous pouvez crĂ©er une landing page convivale et bien pensĂ©e Ă  l’aide d’un constructeur visuel de landing pages — aucune connaissance en codage n’est requise. Choisissez et personnalisez des modèles prĂ©dĂ©finis qui conviennent Ă  votre activitĂ©, ou crĂ©ez votre propre modèle Ă  partir de zĂ©ro.

Avec notre outil landing page, il vous suffit de sĂ©lectionner un Ă©lĂ©ment, de le faire glisser dans l’espace de travail en ligne et de personnaliser son style pour l’adapter Ă  vos activitĂ©s professionnelles. En plus du texte et du contenu visuel, vous pouvez ajouter des options de paiement, des formulaires d’inscription et des galeries d’images, ainsi que des liens vers vos profils de mĂ©dias sociaux ou votre blog, afin d’attirer et de convertir les visiteurs en clients.

Pour commencer

Pour crĂ©er une landing page, enregistrez-vous sur SendPulse, allez dans l’onglet « Sites Web » et cliquez sur « CrĂ©er un site Web ».

Onglet Créer un site Web

Sélectionnez « Site Web ».

Sélectionnez Site Web

Cliquez ensuite sur « Nouveau site » pour créer une landing page à partir de zéro.

Cliquez sur Nouveau site

Vous pouvez aussi choisir un modèle prĂ©dĂ©fini. Filtrez les modèles par catĂ©gorie ou par langue, sĂ©lectionnez un modèle et l’adaptez Ă  vos besoins. Recherchez un modèle, sĂ©lectionnez-le et cliquez sur « Modifier ».

constryctor
Augmentez votre visibilité en ligne avec SendPulse

CrĂ©ez des sites Web, des pages de destination et des boutiques en ligne compatibles avec les appareils mobiles : c’est simple et rapide, aucun code requis. Vous pouvez crĂ©er un site unique Ă  partir de zĂ©ro ou choisir l’un de nos modèles prĂ©dĂ©finis gratuits.

Style général de votre landing page

Avant de commencer à ajouter des éléments, choisissez le style de votre modèle. Par défaut, la palette de couleurs et le style de texte que vous sélectionnez seront appliqués à tous les éléments que vous utilisez. Vous pouvez également définir ou modifier le style général de votre landing page après sa création.

Définir ou modifier le style général d'une landing page

Mise en place des éléments

Maintenant, pensez Ă  la structure de votre landing page.

Créer une structure

Planifiez la structure de votre landing page et commencez Ă  la crĂ©er Ă  l’aide des Ă©lĂ©ments « Bloc », « Section » et « Colonne ». Combinez des sections avec des blocs verticalement et des colonnes avec des sections horizontalement.

Vous pouvez ajouter un nombre illimitĂ© de blocs et jusqu’Ă  6 colonnes Ă  une section.

SĂ©lectionnez un bloc dans la bibliothèque. Pour l’ajouter, cliquez sur « Ajouter un bloc ».

Ajout d'un bloc

Vous pouvez ajouter un bloc vide ou sĂ©lectionner des blocs prĂŞts Ă  l’emploi dans notre bibliothèque, notamment En-tĂŞte, Ă€ propos de nous, Avantages, Texte, Contacts, FAQ et Pied de page.

Sélection de blocs prêts à emploi

Si vous avez déjà ajouté un élément à votre landing page future et que vous souhaitez passer au suivant, cliquez sur « + Ajouter un bloc ».

Ajouter des widgets

Sélectionnez un widget — un élément fonctionnel du landing page conçu pour ajouter des informations et interagir avec les visiteurs. En savoir plus sur chaque élément ci-dessous.

Ajout de widgets

Menu

Vous pouvez ajouter un menu pour aider les utilisateurs à naviguer vers la section souhaitée de votre landing page.

Ajoutez le widget « Menu » en haut de votre page. Vous pouvez voir des exemples de menus et les personnaliser en éditant votre widget.

Ajout du widget Menu

Pour ajouter un nouvel Ă©lĂ©ment Ă  votre menu, cliquez sur « Ajouter ». Cliquez ensuite sur l’icĂ´ne en forme de crayon. Saisissez un nouveau nom d’Ă©lĂ©ment. Entrez un lien, une adresse Ă©lectronique, un numĂ©ro de tĂ©lĂ©phone ou un lien d’ancrage vers un autre bloc de la page.

Vous pouvez choisir d’ouvrir le lien dans une nouvelle fenĂŞtre ou dans la mĂŞme fenĂŞtre.

Choisir d'ouvrir le lien dans une nouvelle fenĂŞtre ou dans la mĂŞme fenĂŞtre

Bouton

Cet Ă©lĂ©ment est utilisĂ© pour ajouter des boutons avec des liens vers d’autres sites, pages et blocs ou pour communiquer par tĂ©lĂ©phone ou par email.

Pour ajouter un bouton supplĂ©mentaire Ă  une ligne de colonne, cliquez sur « Ajouter ». Pour personnaliser le bouton, cliquez sur l’icĂ´ne du crayon.

Ajout d'un bouton

Saisissez le nom de votre bouton. SĂ©lectionnez son type : lien, numĂ©ro de tĂ©lĂ©phone, adresse Ă©lectronique ou lien d’ancrage, puis insĂ©rez les donnĂ©es nĂ©cessaires.

Saisissez le nom de votre bouton

Analysons l’objectif de chaque type de lien.

Lien Permet d’insĂ©rer un lien complet au format https://example.com. Il est recommandĂ© d’ajouter des liens sĂ©curisĂ©s. Si vous sĂ©lectionnez l’option « Ouvrir dans une nouvelle fenĂŞtre », le lien sera ouvert dans un nouvel onglet du navigateur lorsque l’utilisateur cliquera dessus.
NumĂ©ro de tĂ©lĂ©phone UtilisĂ© pour insĂ©rer un numĂ©ro de tĂ©lĂ©phone au format +33605123456. En cliquant sur ce lien, les utilisateurs pourront appeler le numĂ©ro de tĂ©lĂ©phone spĂ©cifiĂ© depuis leur navigateur ou leur appareil Ă  l’aide d’applications intĂ©grĂ©es. Nous recommandons d’utiliser le format international lors de l’ajout de numĂ©ros de tĂ©lĂ©phone afin que les applications puissent l’appeler correctement.
Adresse Ă©lectronique Permet d’insĂ©rer une adresse Ă©lectronique au format user@example.com. Il est recommandĂ© de vĂ©rifier l’absence de fautes de frappe dans votre adresse Ă©lectronique afin que les visiteurs du site puissent vous contacter.
Lien d’ancrage Permet d’insĂ©rer un lien d’ancrage qui mène Ă  un autre bloc. En cliquant sur le lien, le visiteur sera immĂ©diatement redirigĂ© vers le bloc spĂ©cifiĂ©. Vous pouvez obtenir l’ID de l’ancre dans les paramètres du bloc.

Remarque : si vous masquez un bloc pour les appareils mobiles, le lien d’ancrage vers ce bloc ne fonctionnera pas sur ces appareils. Cela s’applique Ă©galement Ă  la version de bureau. Vous devez ajouter un bloc et des liens vers ce bloc pour les versions mobile et de bureau sĂ©parĂ©ment.

SĂ©lectionnez le style de votre bouton. Par dĂ©faut, les styles principaux et secondaires de la page sont appliquĂ©s. CrĂ©ez un style unique pour chaque bouton sĂ©parĂ©ment. Pour ce faire, sĂ©lectionnez l’option « PersonnalisĂ© ». Vous pouvez Ă©galement ajouter une animation au dĂ©filement Ă  votre bouton.

Sélectionnez le style de votre bouton

Texte

Il permet d’ajouter un Ă©lĂ©ment de texte Ă  votre page.

Pour modifier la mise en forme, cliquez sur le texte. Sélectionnez la partie du texte qui vous intéresse et choisissez sa couleur, sa taille et sa police.

Vous pouvez Ă©galement ajouter des listes, des hyperliens ou des Ă©lĂ©ments supplĂ©mentaires Ă  l’aide du code source et ajouter une animation au dĂ©filement.

Personnalisez la taille de la police et la hauteur des lignes de chacun de vos titres dans les paramètres généraux de style du site.

Ajoutez un élément de texte à votre page

Image

Le widget « Image » vous permet d’ajouter un Ă©lĂ©ment multimĂ©dia Ă  votre landing page. Ajoutez des Ă©lĂ©ments visuels qui mettent en valeur votre texte.

Une fois le widget ajoutĂ©, accĂ©dez Ă  l’Ă©diteur d’Ă©lĂ©ments, sĂ©lectionnez un fichier ou tĂ©lĂ©chargez-en un nouveau.

La hauteur de votre image affecte la hauteur de toute la section. Pensez donc Ă  votre structure, Ă  la conception de votre page et Ă  la taille de votre image Ă  l’avance. Pour voir Ă  quoi ressemblera votre landing page sur diffĂ©rents appareils, utilisez l’option Aperçu.

Widget Image

Saisissez un texte alternatif et ajoutez une description et un lien. Personnalisez le texte que vous utiliserez pour votre image en modifiant sa taille, sa couleur et sa position et en lui ajoutant un arrière-plan.

Saissez un texte alternatif et ajoutez une description et un lien

Vous pouvez également ajouter une animation au défilement à votre image.

Vidéo

Si vous souhaitez ajouter une vidĂ©o, vous devez d’abord la tĂ©lĂ©charger sur YouTube ou Vimeo, puis inclure un lien vers cette vidĂ©o.

Ajout d'une vidéo à la page de destination

Galerie

Ce widget permet d’afficher des images sous forme de carrousel, de grille ou de collage. TĂ©lĂ©chargez des images, sĂ©lectionnez un type de galerie et personnalisez son apparence.

Vous pouvez Ă©galement redimensionner vos images et sĂ©lectionner un point focal (une partie de l’image sur laquelle vous souhaitez attirer davantage l’attention). Pour ce faire, cliquez sur l’image et personnalisez ses paramètres Ă  l’aide de la poignĂ©e de redimensionnement et du curseur.

Médias sociaux

Ajoutez un lien vers votre profil de média social pour inviter les utilisateurs à vous suivre.

Pour le faire, cliquez sur « Ajouter ». Cliquez ensuite sur l’icĂ´ne de crayon, sĂ©lectionnez une plateforme de mĂ©dias sociaux et saisissez le lien de votre profil.

Personnalisez cet Ă©lĂ©ment en l’affichant sous forme de bouton ou d’icĂ´ne ou en choisissant sa couleur et son alignement.

Ajoutez à votre landing page un lien vers votre profil de média social

Espaceur et séparateur

Utilisez un séparateur pour séparer visuellement votre contenu : blocs, sections, colonnes ou widgets.

L’indentation affecte la largeur des sections et la hauteur des colonnes ; rĂ©flĂ©chissez donc Ă  la structure de votre landing page au prĂ©alable. Vous pouvez Ă©galement dĂ©finir l’espacement entre les Ă©lĂ©ments en ajoutant un espaceur.

Lors de l’ajout du widget « Espaceur », vous pouvez dĂ©finir la hauteur en pixels.

Ajout du widget Espaceur

Vous pouvez sĂ©lectionner la couleur, le type, l’Ă©paisseur et la taille de votre Ă©lĂ©ment « SĂ©parateur ». Par exemple, si vous avez besoin d’une ligne pour toute la colonne, choisissez une largeur de 100 %. Si vous en avez besoin pour un Ă©lĂ©ment plus petit, vous pouvez ajuster la largeur Ă  l’aide du curseur. Alignez votre contenu Ă  gauche, Ă  droite ou au centre.

Sélectionner la couleur, le type, l'épaisseur et la taille de l'élément Séparateur

Formulaire de souscription

Recueillez les donnĂ©es des visiteurs de votre site et proposez-leur de s’inscrire Ă  votre lettre d’information Ă  l’aide d’un formulaire de souscription.

Tout d’abord, choisissez l’endroit oĂą vous souhaitez enregistrer vos nouveaux abonnĂ©s.

Par défaut, chaque fois que vous obtenez un nouveau prospect, votre système CRM crée une nouvelle transaction. Saisissez un nom de la transaction et sélectionnez un pipeline dans lequel vous souhaitez ajouter vos nouveaux contacts.

Vous pouvez également enregistrer des contacts dans votre liste de diffusion afin de leur envoyer des campagnes ultérieurement. Sélectionnez une liste de diffusion dans laquelle vos nouveaux contacts seront enregistrés.

Ajout d'un formulaire d'abonnement

Personnalisez ensuite les champs de votre formulaire et le bouton d’abonnement.

Paiements

Utilisez l’Ă©lĂ©ment « Paiements » pour permettre aux utilisateurs d’acheter vos produits en un seul clic.

Saisissez le nom de votre produit, son prix et sĂ©lectionnez un pipeline dans lequel votre transaction sera sauvegardĂ©e. SĂ©lectionnez une liste de diffusion dans laquelle votre contact sera enregistrĂ© une fois qu’il aura payĂ© votre produit. Vous pouvez Ă©galement personnaliser les champs de votre formulaire.

Chatbots

Vous pouvez ajouter un bouton pour proposer aux utilisateurs de s’abonner Ă  votre chatbot.

Vous pouvez choisir le style de votre bouton et le personnaliser. Ajoutez ensuite un nouvel élément ou modifiez un élément existant en spécifiant un réseau social.

Ajout de chatbots

Compte Ă  rebours

Ajoutez l’Ă©lĂ©ment « Timer » pour dĂ©finir un compte Ă  rebours jusqu’au dĂ©but d’un Ă©vĂ©nement ou la fin d’une vente.

Saisissez votre date et heure de fin ainsi que votre message, et personnalisez votre compte Ă  rebours.

Ajout du Timer Ă  la page de destination

FAQ

Utilisez l’Ă©lĂ©ment « FAQ » pour ajouter des rĂ©ponses dĂ©taillĂ©es aux questions frĂ©quemment posĂ©es par vos utilisateurs.

Cliquez sur votre texte ou votre titre pour le modifier ou modifier sa mise en forme.

FAQ de landing page

Vous pouvez ajouter une nouvelle question lorsque vous modifiez votre widget. Modifiez le style de votre icône, ajoutez ou supprimez un espaceur ou un séparateur, et choisissez sa couleur.

Modifier le style de la section FAQ

Carte

Ajoutez vos coordonnées et votre emplacement sur une carte pour aider les utilisateurs à vous trouver hors ligne.

Obtenez et connectez une clĂ© API Google Maps unique. Ajoutez des adresses et des descriptions si nĂ©cessaire. Personnalisez l’Ă©chelle et l’aspect de vos cartes.

Ajoutez vos coordonnées et votre emplacement sur une carte

Login EDU

Vous pouvez ajouter ce widget Ă  votre landing page de formation, par exemple, pour permettre aux Ă©tudiants de s’inscrire Ă  un cours ou de se connecter Ă  un compte d’Ă©tudiant.

Vous ne pouvez ajouter ce widget qu’Ă  un site avec un cours liĂ©.

Ajout du login EDU

Code personnalisé

Si vous voulez ajouter un élément supplémentaire à votre site Web, comme un widget de calendrier ou un système de commentaires, utilisez le widget « Code personnalisé ».

Vous pouvez ajouter un Ă©lĂ©ment avec le code HTML, CSS ou JavaScript que vous avez Ă©crit ou gĂ©nĂ©rĂ© Ă  l’aide d’un outil pertinent. Pour ce faire, ajoutez le widget Ă  la page de votre site Web et cliquez dessus pour insĂ©rer votre code.

mail
Lancez votre boutique en ligne avec SendPulse

Avec notre crĂ©ateur de site Web, vous pouvez facilement lancer votre boutique en ligne pour prĂ©senter des produits physiques et numĂ©riques, accepter les paiements et envoyer des donnĂ©es client Ă  d’autres outils SendPulse pour rester en contact. Essayez-le aujourd’hui !

Gérer les changements

Vous pouvez annuler jusqu’Ă  dix actions. Pour annuler la dernière entrĂ©e de donnĂ©es ou action, utilisez les boutons de contrĂ´le du panneau supĂ©rieur. Pour ce faire, cliquez sur la flèche gauche.

Vous pouvez annuler l’action la plus rĂ©cente dans le constructeur en cliquant une fois sur le bouton. Pour annuler les actions prĂ©cĂ©dentes, continuez Ă  cliquer sur le bouton. Vous pouvez Ă©galement utiliser le raccourci clavier Ctrl + Z pour annuler une action.

Vous pouvez également rétablir une action qui a été annulée. Pour ce faire, cliquez sur la flèche droite ou appuyez sur Ctrl + Y.

Vous pouvez annuler jusqu'Ă  dix actions

Aperçu

Une fois que vous avez créé votre landing page, vous pouvez voir Ă  quoi il ressemblera sur diffĂ©rents appareils. Pour ce faire, cliquez sur « Aperçu » en haut de l’Ă©cran.

Aperçu de votre landing page

Choisissez l’appareil sur lequel vous souhaitez voir l’aperçu (bureau ou mobile).

Prévisualisation mobile

Enregistrer et publier

Une fois la création de votre landing page terminée, cliquez sur « Enregistrer ». Saisissez le nom et le lien de votre landing page. Lorsque vous ajoutez une nouvelle page, saisissez son URL.

Publication d'une landing page

Pour modifier le nom de votre landing page, connecter votre domaine, ajouter du code tiers et activer l’analyse, vous devez vous rendre dans les « Paramètres du site ».

Vous pouvez Ă©galement suivre les statistiques des visites de votre landing page. Pour ce faire, allez dans l’onglet « Statistiques » et sĂ©lectionnez le type de statistiques que vous souhaitez suivre.

Anna Tupikina

Anna est rédactrice et traductrice pour le blog francophone de SendPulse. Elle travaille dans le marketing digital depuis plus de six ans. Elle a débuté sa carrière au sein de l'entreprise comme spécialiste en SEO (référencement naturel) et utilise cette expertise pour produire des contenus optimisés et engageants. Pendant son temps libre, Anna aime explorer les sites historiques en France et lire des classiques de la littérature française.

1 Star2 Stars3 Stars4 Stars5 Stars
Average Rating: 5/5
Total des votes: 3

Share:

Facebook Twitter