• Caractéristiques
  • Modèles
  • Tarification
  • French
  • Caractéristiques
  • Modèles
  • Tarification
  • French
Ops ! Votre widget recherché n'a pas été trouvé ! Avez-vous une idée ? Si c'est le cas, Soumettre ici

Bonjour à tous, dans cet article, nous allons apprendre à créer une page d'atterrissage sur WordPress en utilisant Element Pack et Elementor Page builder. Il ne s'agit pas d'exemples mais d'une démonstration avec des conseils et des astuces pour construire la page parfaite que vous souhaitez.

Il existe plusieurs façons de créer une page d'atterrissage. Par exemple :

  • Utiliser un plugin de construction de page d'atterrissage dans WordPress.
  • Logiciel d'entonnoir de solution hébergée par un tiers, tel que Click funnels ou similaire.
  • Utilisation d'une application conçue pour créer des pages d'atterrissage.
  • Et bien d'autres choses encore.

Un plugin supplémentaire signifie des frais généraux supplémentaires alors qu'Elementor avec Element Pack peut apporter les fonctionnalités de centaines de plugins en seulement 2 plugins. Les solutions tierces peuvent apporter des fonctionnalités supplémentaires, mais encore une fois, elles peuvent vous limiter dans les possibilités illimitées qui peuvent être réalisées avec Element Pack et Elementor. Dans cet article, nous allons décrire la façon la plus simple de créer des pages d'atterrissage, un design supplémentaire à partir d'un pack d'éléments qui rend une page d'atterrissage encore meilleure. Nous vous guiderons à travers le processus.

Qu'est-ce qu'une page d'atterrissage ?

Rien de tel, pour commencer à construire votre page d'atterrissage, que de passer rapidement en revue ses principaux objectifs et caractéristiques.

Landing Page : l'élément clé de la conversion sur votre site web

La page d'atterrissage est une page web sur laquelle l'utilisateur se rend pour entrer sur un site web. En termes d'action, elle diffère d'un site web, d'un blog ou d'un article, car ces pages sont normalement liées à des sites externes et ne sont presque jamais la page d'accueil d'un site web.

Les pages d'atterrissage se distinguent clairement, dans leur fonction, des autres types de pages web, car elles ont un objectif très simple, généralement orienté vers une seule action. Lorsqu'un utilisateur remarque la page d'accueil ou la page d'accueil d'un site web, il peut constater qu'il y a trop de liens et qu'il y a différentes actions à effectuer sur la page. Les pages d'accueil des sites web ne sont pas conçues pour que l'utilisateur effectue une seule action spécifique. Même de nombreux sites d'entreprise ressemblent davantage à des brochures axées sur la communication à sens unique. En revanche, les blogs sont conçus pour fournir des informations sur divers sujets qui intéressent les utilisateurs. Les blogs comportent également différents liens et l'utilisateur peut s'y déplacer de différentes manières.

L'objectif de la page d'atterrissage

Les pages d'atterrissage ont généralement un objectif : obtenir une conversion ou un lead. Ces pages sont généralement efficaces lorsque le trafic provient de publicités ou de zones spécifiques d'une page web ou d'un blog en rapport avec ce que l'utilisateur recherche.

Il peut être défini simplement comme une page web unique qui apparaît en réponse à un clic sur un résultat de recherche optimisé dans un moteur de recherche ou une publicité en ligne.

Lorsque vous obtenez du trafic sur votre page d'atterrissage, vous pouvez faire de la promotion :

  • Vos produits ou services ;
  • Contenu téléchargeable, tel qu'un livre électronique ou un livre blanc, si vous avez une stratégie de marketing de contenu ;
  • S'abonner à votre lettre d'information.
  • Et ainsi de suite.

En fait, l'objectif de la page d'atterrissage est de convertir vos visiteursLes visiteurs de votre site web sont invités à remplir le formulaire, ce qui leur donne la preuve que votre offre a de la valeur pour eux. Si votre site web fonctionne bien, vos visiteurs laisseront des informations les concernant en remplissant le formulaire qui s'y trouve.

Les bases d'une page d'atterrissage qui fonctionne

Bien que toutes les pages d'atterrissage soient différentes, nous remarquons tout de même certains éléments qui apparaissent de manière inévitable. Dans la plupart des cas, une page d'atterrissage n'a pas de barre de navigation ni de pied de page. L'objectif de cette page est de maintenir le visiteur sur celle-ci, sans le distraire du reste du site, afin qu'il remplisse votre formulaire ou qu'il clique sur votre appel à l'action. Dans certains cas, nous pouvons avoir un en-tête ou un pied de page, ou les deux. Cela dépend des exigences/objectifs du site web.

Une page d'atterrissage présente également une proposition de valeur clairement établie. Sous la forme de blocs de texte, et éventuellement de tableaux présentant leurs prix, vous expliquez à vos visiteurs ce qui est à la clé s'ils remplissent votre formulaire ou achètent votre offre.

Autre élément clé d'une page d'atterrissage : la présence d'un formulaire ou d'un appel à l'action, selon le format de l'offre promue.

La page d'atterrissage que nous allons créer comportera donc les segments suivants.

La page d'atterrissage que nous allons créer

La page d'atterrissage que nous allons créer aura :

  • Section supérieure du héros
  • À propos de la section
  • Section des caractéristiques
  • Section des témoignages
  • Section de tarification
  • Formulaire de plomb

Les éléments nécessaires à la réalisation de cette page d'atterrissage :

Pour réaliser la page d'atterrissage avec succès, vous aurez besoin de :

Construisons la page d'atterrissage en utilisant Element Pack et Elementor

Première étape : Configuration initiale

Avant de concevoir notre page d'atterrissage, nous devons définir les paramètres par défaut de notre page d'atterrissage. Par défaut, j'entends les couleurs primaires et secondaires, les polices, etc.

Pour ce faire, nous devons choisir la mise en page de l'élémentor canvas.

Elementor Canvas

La mise en page par canevas nous donne une structure très propre pour notre contenu. Une fois le canevas sélectionné, cliquez sur le bouton "Enregistrer le projet". Cliquez ensuite sur le bouton "Editer avec Elementor".

À partir des paramètres principaux, nous allons maintenant définir les couleurs et les polices de notre page d'atterrissage. Vous pouvez sélectionner les polices et les couleurs qui vous conviennent.

Landing Page in WordPress Default fonts

Vous pouvez sélectionner la couleur de votre choix à l'aide des paramètres du sélecteur de couleurs. Vous pouvez ainsi sélectionner rapidement la couleur souhaitée chaque fois que vous en avez besoin sur votre page d'atterrissage.

Deuxième étape : La section Top Hero de la page d'atterrissage

Notre section héroïque supérieure contiendra une image de fond, du texte, des icônes et des boutons pour attirer l'attention des visiteurs.

La spécialité de cette section sera une image de fond complète, des icônes/image SVG pour la section avec un titre. Et une belle description avec 2 boutons d'appel à l'action.

Comment le concevoir ?

Nous prendrons une section avec 3 colonnes 25/50/25

Nous présenterons ensuite le contexte de la section.

Dans la colonne du milieu, nous placerons des colonnes intérieures correspondant à notre conception, comme suit.

Landing Page Hero Section

L'ensemble de ce design est disponible sous forme de bloc prêt à l'emploi dans le plugin element pack pro. Jetez un coup d'œil ici :

Comment utilisez-vous le bloc prêt à l'emploi du pack d'éléments ?

Une fois que vous avez acheté et téléchargé. Vérifiez le dossier du contenu de la démo. Ensuite, allez dans le dossier des blocs prêts. Allez au bloc héros et importez le bloc désiré dans notre modèle elementor. 


Si vous ne savez pas comment importer un modèle, veuillez regarder cette vidéo.

Troisième étape : La section "À propos de nous" de la page d'atterrissage

Notre section À propos de nous contiendra deux colonnes. L'une d'entre elles comportera un titre avec un paragraphe et un bouton vers le formulaire de contact. La colonne suivante contiendra une image.

Comment le concevoir ?

Nous prendrons une section avec 2 colonnes 50/50

Dans la première colonne, nous prendrons un titre et un bloc de contenu.


Dans la dernière colonne, nous placerons une image pour la rendre agréable à regarder. L'image doit refléter le travail d'équipe.

Notre projet final ressemblera à ce qui suit :

Landing Page About Section

Ce modèle, ainsi que d'autres modèles attrayants, est disponible en blocs prêts à l'emploi Element Pack Pro. Obtenez-le dès maintenant. Regardez la démo ici :

Vous souhaitez optimiser davantage votre site web ?

Ensuite, lisez cet article sur Comment accélérer un site WordPress . Vous devriez également vous renseigner sur la Les meilleurs plugins de sauvegarde pour WordPress au cas où vous feriez des erreurs lors de l'optimisation.

Quatrième étape : La section des caractéristiques de la page d'atterrissage

Notre section sur les caractéristiques comportera deux colonnes. La première colonne aura un design basé sur une barre de progression et la colonne suivante contiendra des caractéristiques avec des icônes et une description simple.

Comment allons-nous le concevoir ?

Nous prendrons une section de 24 colonnes 50/50

Notre projet final ressemblera à ce qui suit :

Landing Page Features Section

Ce motif ainsi que d'autres blocs prêts à l'emploi attrayants sont disponibles dans les blocs prêts à l'emploi Element Pack Pro. Obtenez-les dès maintenant. Regardez la démo ici :

Cinquième étape : La section "Témoignages" de la page d'atterrissage

Nous aurons un titre avant le début du témoignage proprement dit. Notre section "témoignages" comprendra deux colonnes. Chaque colonne comportera une image et une description. Il s'agira d'une conception de boîte avancée

Comment le concevoir ?

Nous prendrons une section avec 2 colonnes 50/50

Notre projet final ressemblera à ce qui suit :

Landing Page Testimonials Section

Découvrez d'autres pages et blocs prêts à l'emploi offerts par Element Pack - Ultimate addons dont vous aurez besoin. Regardez la démo ici :

Sixième étape : La section "Prix" de la page d'atterrissage

Dans notre section tarifaire, nous aurons 2 plans. Pour cela, nous allons choisir le module de tableau des prix. Nous importerons d'abord le design à partir du contenu de démonstration du pack d'éléments pro. A partir de là, nous concevrons le plan de tarification en fonction de nos besoins.

Comment réaliser le design ?

Veuillez vous rendre sur la page de contenu de démonstration de vos téléchargements Element Pack Pro que vous avez obtenus auprès du gestionnaire de compte. Importez ensuite le modèle et ajoutez-le dans une section.

Notre projet final ressemblera à ce qui suit :

Landing Page Pricing Section

Découvrez d'autres pages et blocs prêts à l'emploi pour les plans tarifaires proposés par Element Pack - Ultimate addons dont vous aurez besoin. Regardez la démo ici :

Septième étape : Section du formulaire de la page d'atterrissage

La partie "lead" est très importante. Nous avons placé un formulaire de contact dans cette section. Vous pouvez mettre n'importe quel aimant à prospects comme MailChimp ou d'autres.

Comment le concevoir ?

Veuillez vous rendre sur la page de contenu de démonstration de vos téléchargements Element Pack Pro que vous avez obtenu du gestionnaire de compte. Importez ensuite le modèle de formulaire de contact et ajoutez-le dans une section. Une fois importé, ajoutez le widget du formulaire de contact Element Pack Pro dans la colonne de droite.

Et mise à jour des écrits sur la colonne de gauche. Oh, j'ai oublié de mentionner que nous avons ajouté une image de fond sur la section parentale.

Notre projet final ressemblera à ce qui suit :

Découvrez d'autres pages et blocs prêts pour le formulaire de contact et les pages de prospects offerts par Element Pack - Ultimate addons dont vous aurez besoin. Regardez la démo ici :

La conception finale

Voici notre projet final.

Pour voir la démo fonctionnelle, veuillez visiter le site :
 
 

Dans cet article, nous n'avons présenté que quelques-uns de nos blocs prêts à l'emploi. Nous en avons beaucoup ! Nous disposons d'une vaste collection de pages prêtes à l'emploi qui contient également des pages d'atterrissage.

Veuillez les consulter dans notre Element Pack Démonstration pages. Amusez-vous avec vos idées créatives grâce aux pages d'atterrissage. 

Partager ce blog :

Copyright © 2026 BdThemes. Tous droits réservés.

Money Transfer Logo