Comment créer une page de destination dans WordPress à l'aide d'Element Pack & Elementor

Publié: 2019-10-20

Bonjour à tous, dans cet article, nous allons apprendre à créer une page de destination dans WordPress en utilisant Element Pack et Elementor Page Builder. Il s'agira d'un blog tutoriel étape par étape, alors retenez votre souffle pendant un long voyage.

Commençons!

Créer une page de destination à l'aide d'Elementor et d'un pack d'éléments est absolument simple

Pour commencer, il existe de nombreuses façons de créer de superbes pages de destination avec Elementor et Element Pack.

Nous avons créé cet article pour vous faire connaître le moyen le plus pratique de créer des pages de destination avec des plugins WordPress gratuits.

Oui, sans frais.

Ce que nous allons vous montrer ici-

  • Plugins gratuits - Le constructeur de pages Elementor et Element Pack Pro ont des versions de plugins gratuites qui sont à la hauteur pour le développement Web.
  • Étapes faciles - Nous ferons tout de manière simplifiée, sans aucune difficulté.
  • Connaissances en codage non nécessaires - Nous allons travailler avec le plugin Elementor Page Builder qui ne nécessite aucune connaissance en codage en tant que plugin glisser-déposer. Même dans ce cas, vous n'aurez pas à consacrer d'efforts au reste du processus de création de pages avec des codes.
  • Design créatif - Old Bear a meilleur goût, mais nous ne nous en tenons pas aux anciens modèles de page avec la même interface répétitive. Tous les nôtres sont des conceptions de mise en page fraîches et créatives.
  • Plus de CTR et de conversion - Ce guide vous permettra de créer une page Web qui non seulement est magnifique, mais qui a également un taux de conversion plus élevé.

Avant d'entrer dans le processus de création de pages Web, laissez-nous vous parler un peu des définitions de ce que nous allons construire et avec quels outils.

Avançons.

Table des matières

Qu'est-ce qu'une page de destination dans WordPress ?

La page d'accueil de votre site est essentiellement la partie du site que nous voyons en premier lorsque nous visitons un site Web. Une page de destination est une page dédiée à une certaine action dont vous avez besoin de la part de vos visiteurs. Il s'agit d'une page spéciale utilisée à des fins de marketing et qui augmente la valeur de votre site. Les pages de destination sont conçues pour avoir un impact sur votre CTR et votre conversion en attirant plus de personnes avec leur attrait et leurs fonctionnalités.

Une page de destination bien conçue produit souvent plus de trafic de recherche que les blogs ou les publications promotionnelles. Il est logique que les gens veuillent quelque chose de nouveau et d'amusant à vivre afin d'être convaincus et une page de destination est l'endroit idéal pour le faire.

Il existe de nombreuses façons de concevoir une page de destination. Une page de destination standard doit contenir un en-tête, un pied de page, un service, une FAQ, une tarification, etc. Vous pensez peut-être qu'il s'agit essentiellement d'une page d'accueil, mais ce n'est pas le cas.

Faits qui différencient une page d'accueil d'une page de destination

Bien sûr, la page d'accueil est la toute première page sur laquelle vous vous attendez à ce que vos visiteurs atterrissent.

Par exemple, la page d'accueil contient la structure globale du site, des détails sur le produit ou le service, et elle est utilisée pour présenter votre marque à vos visiteurs. Cela encourage également les gens à approfondir votre site Web ou d'autres pages.

Mais nous créons des pages de destination pour répondre à certains besoins, comme se concentrer sur un certain produit ou une fonctionnalité sur une seule page.

Pour cette raison, la plupart des pages de destination ont moins de contenu que la page d'accueil et n'ont que du contenu lié au produit.

Pour ainsi dire, nous créons des pages de destination avec une approche simplifiée et rien de guindé afin de transmettre un message clair aux visiteurs.

C'est la principale différence entre une page d'accueil et une page de destination.

Créer une page de destination à l'aide d'Elementor étape par étape

Maintenant que vous connaissez les définitions d'une page de destination, il est temps d'en apprendre davantage sur le processus de création d'une page de destination à l'aide d'Elementor.

Nous utilisons Elementor car c'est le plugin de création de pages par glisser-déposer le plus populaire pour WordPress.

Il est si facile à utiliser et ne nécessite aucune connaissance en codage.

Ce ne sont pas toutes les raisons pour lesquelles nous utilisons Elementor pour le développement Web -

  • Expérience de création de site sans distraction : Elementor fournit une toile entièrement vierge pour que vous puissiez commencer à créer votre site Web à partir de zéro. Cela fait que les développeurs Web professionnels chérissent Elementor par-dessus tout.
  • Widgets Drag-n-Drop : Elementor est très flexible en raison de la façon dont il est construit et de ce qu'il fournit. Pour ajouter des fonctionnalités ou des fonctions à votre site Web nouvellement conçu, il vous suffit de faire glisser les widgets en cliquant sur votre curseur.
  • Gestion complète du site : Elementor fournit en particulier des contrôles dédiés sur la mise en page de la page de destination, ce qui la rend plus dynamique et professionnelle pour créer votre page.
  • Modèles et blocs : Elementor est adapté aux débutants et propose de nombreux modèles de modèles prédéfinis que vous pouvez importer et personnaliser pour créer votre propre page de destination en quelques minutes.

Alors, avançons.

Ce dont vous avez besoin pour commencer

Pour commencer à créer votre première page de destination à l'aide d'Element Pack & Elementor, vous devez au préalable préparer les éléments nécessaires.

Ce dont vous avez besoin est-

  • Un site WordPress stable
  • Générateur de pages Elementor (gratuit)
  • Élément Pack Pro

La raison pour laquelle nous utilisons Element Pack Pro, c'est qu'il contient plus de 200 widgets essentiels pour Elementor et plus de 2000 modèles pour devenir un pro en quelques minutes.

Il s'agit d'un outil de développement Web légendaire conçu pour rendre le développement Web aussi simple que possible.

Vous pouvez utiliser la version gratuite Element Pack Lite qui fournit gratuitement plus de 45 widgets et fonctionnalités.

En outre, il existe un bon nombre de modèles de page de destination (plus de 100) que vous pouvez importer et utiliser comme vous le souhaitez.

Parties d'une page de destination

Une bonne page de destination devrait contenir ces parties généralement-

  1. En-tête : le logo de votre site, le menu principal et des fonctionnalités supplémentaires telles que la barre de recherche entrent dans la partie d'en-tête. Il peut être mobile ou fixe selon le reste de la page.
  2. Section Héros : la section Héros remplit tout l'écran jusqu'à ce que vos visiteurs défilent en bas. Vous devez porter une attention maximale aux détails de cette partie du site Web.
  3. Section de service : C'est là que vous donnez plus de détails à vos visiteurs sur votre entreprise.
  4. Caractéristiques : Mettez en évidence les caractéristiques que vous avez qui poussent les gens à vous choisir par rapport aux autres.
  5. Galerie : Décorez la galerie de votre site avec une grille d'images, un carrousel, des icônes, des boutons de partage social, etc.
  6. Témoignage : montrez ce que les gens disent de votre service et gagnez en popularité et en confiance.
  7. Formulaire d'inscription : dans cette partie, vous devez inclure un moyen de permettre aux visiteurs d'entrer dans votre liste de diffusion pour une portée future.

Maintenant, nous devons juste commencer à créer notre page de destination en utilisant Element Pack & Elementor sur ces éléments.

Étape 1 : Créer une page de destination à l'aide du menu des modèles

C'est un autre avantage d'Elementor qu'il vous permet de créer des modèles de page avec un contrôle de tableau de bord de modèle dédié.

Ainsi, au lieu de courir ici et là, vous pouvez réellement mettre vos œuvres en jeu à partir d'un seul endroit.

Accédez simplement à Tableau de bord WordPress> Modèles et sélectionnez l'option Pages de destination pour ajouter une nouvelle page de destination dans le menu des modèles.

Maintenant, vous serez redirigé vers l'éditeur de page Elementor pour la page de modèle.

Ici, vous pouvez choisir un modèle prédéfini dans la bibliothèque de modèles Element Pack Pro ou personnaliser entièrement.

Étape 2 : Préparez les couleurs et les polices de votre design

Comme nous l'avons mentionné précédemment, Elementor fournit une fenêtre d'édition sans distraction excluant tout, même l'en-tête et le pied de page.

Tout ce que vous avez à faire est de sélectionner "Elementor Canvas" dans les paramètres de la page afin d'avoir une page entièrement blanche pour commencer.

Avant de commencer, assurez-vous de définir la couleur et la police globales de la page de destination.

Ceci est essentiel car cela permet de gagner beaucoup de temps sans avoir à modifier manuellement les propriétés de police ou de couleur de chaque section/élément.

Pour une expérience de conception plus rapide et professionnelle, vous pouvez installer un logiciel de sélection de couleurs sur le PC que vous utilisez pour créer la page de destination dans WordPress.

Cela aide à maintenir le flux de travail.

Étape 3 : Concevoir l'en-tête et la page principale

Tout d'abord, vous pouvez d'abord concevoir votre en-tête, puis passer au contenu de la section héros.

L'en-tête doit contenir le logo de votre marque, un menu et quelque chose permettant aux utilisateurs d'effectuer des actions, comme un champ de recherche.

Deuxièmement, vous devez rester simple pour la section héros ou la partie juste en dessous de l'en-tête.

Il est recommandé d'appliquer un ton similaire à l'en-tête et à la page principale pour une meilleure apparence.

Ensuite, vous pouvez placer un gros texte au milieu de la page du héros, au-dessus d'une belle image d'arrière-plan.

L'image de fond doit représenter votre service.

Terminez-le avec un bouton qui amène les utilisateurs à obtenir plus d'informations sur le sujet.

À ce stade, vous pouvez utiliser l'onglet Avancé d'Elementor pour une section ou un élément individuel et définir un ajout personnalisé, une marge, une bordure, une ombre, etc. pour créer des conceptions uqiue.

Element Pack Pro a des widgets incroyables pour améliorer l'apparence de votre page de héros-

  • Titre avancé
  • Titre animé
  • Icône de navigation
  • Glissière
  • Double bouton
  • Carrousel personnalisé

Étape 4 : À propos de nous de la page de destination dans WordPress

La section À propos de nous est très importante pour votre site Web car elle contient les informations de base sur votre site Web, y compris son objectif.

Essayez de ne pas exagérer cette partie pour attirer plus d'attention en l'étirant plus longtemps que nécessaire.

Vous pouvez garder une conception minimale ou faire quelque chose de vaste pour cette partie, les deux fonctionnent.

Mais, n'utilisez pas trop de mots, terminez-le simplement en 10-12 lignes.

Cela devrait permettre aux visiteurs d'absorber l'information sans aucune pression.

De plus, vous pouvez essayer d'utiliser ces widgets d'Element Pack Pro pour ajouter des améliorations supplémentaires à votre site Web.

  • Titre avancé
  • Boîte à icônes avancée
  • Carte fantaisie

Étape 5 : Conception de la section en vedette

La section en vedette est destinée à attirer davantage l'attention des gens sur votre produit ou service.

Il est facile de concevoir cette section de votre page de destination en utilisant Element Pack et Elementor.

La mise en page recommandée doit inclure une belle représentation visuelle de votre service ainsi que ses avantages ou ses caractéristiques.

Vous devriez être plus direct avec la section en vedette pour permettre aux gens de comprendre clairement votre service.

Ces widgets vous aideront à concevoir d'incroyables sections en vedette dans Elementor-

  • Boîte de survol
  • Curseur fantaisie
  • Carte interactive
  • Grille d'événements
  • Loupe d'images

Étape 6 : Créer une superbe galerie d'images

Dans cette partie de la page de destination, nous allons créer une galerie d'images pour nos visiteurs.

Chaque page de destination de WordPress créée à l'aide d'Element Pack et d'Elementor devrait avoir une galerie d'images afin d'obtenir plus de visibilité et de renforcer la confiance des visiteurs.

Ici, vous pouvez utiliser un joli gros titre, puis commencer à insérer des images dans un seul widget de galerie d'images.

En outre, la galerie doit avoir des images espacées de manière uniforme afin qu'elle ait l'air nette et propre.

Cela peut être fait facilement en utilisant seulement deux widgets par Element Pack-

  • Titre animé
  • Galerie d'images avancée
  • Accordéon d'images

Étape 7 : Témoignage d'utilisateur

Les témoignages d'utilisateurs créent la confiance entre vos visiteurs en montrant ce que les autres ont à dire sur votre service.

Quelle que soit la taille de votre site Web, avoir des témoignages d'utilisateurs sur votre page de destination dans WordPress s'avère fructueux pour générer plus de trafic et de prospects.

Element Pack Pro a des widgets dédiés à cet effet que vous pouvez facilement placer près du bas de votre site (en dessous des fonctionnalités) pour avoir un impact positif-

  • Curseur de témoignage
  • Carrousel de témoignages
  • La preuve sociale

Étape 8 : Formulaire d'inscription et contact

Une autre partie importante d'une page de destination réussie est la section d'inscription pour collecter les coordonnées de vos visiteurs pour de futures affaires.

Lors de la création d'un espace de contact, pensez à inclure votre adresse, votre numéro de téléphone et, bien sûr, votre adresse e-mail.

Encore une fois, vous devez fournir un formulaire d'inscription promettant des e-mails d'offre, des e-mails promotionnels ou d'autres éléments gratuits.

C'est la raison pour laquelle vous devez accorder plus d'attention à l'arrière-plan, aux graphiques et à d'autres détails pour attirer l'attention des gens.

Element Pack Pro a les widgets parfaits pour créer votre section de formulaire de contact et d'inscription-

  • Icône de navigation
  • MailChimp
  • Formes Ninja

Extra : Ajoutez un style de navigation pour la page de destination dans WordPress

Maintenant que votre page de destination est pratiquement prête, vous pouvez jouer à quelques astuces pour en tirer le meilleur parti.

Tout d'abord, vous pouvez ajouter une barre de navigation d'en-tête collante pour la page de destination.

De cette façon, l'utilisateur peut toujours voir la barre de navigation et passer facilement d'une page à l'autre.

Deuxièmement, vous pouvez faire disparaître la barre de navigation jusqu'à ce que quelqu'un défile à une certaine distance du haut de la page.

Cela donne une impression professionnelle de la page et les utilisateurs vont l'adorer.

Extra : Utilisez des modèles de page de destination

Comme nous l'avons mentionné précédemment en haut, Element Pack Pro fournit une bonne variété de modèles de page de destination prédéfinis pour les utilisateurs.

Vous pouvez opter pour le modèle gratuit ou premium et personnaliser les sections intérieures pour créer quelque chose d'unique.

C'est le moyen le plus rapide de créer une page de destination dans WordPress qui soit magnifique et géniale.

Quelques pages de destination attrayantes d'Element Pack Pro-

  • Halloween
  • Page de destination de Noël
  • Infini
  • Cinq
  • Covid Santé
  • Service Ebus
  • Covid-19
  • Médiplus
  • Mode Homme
  • Magasin de meubles
  • Mode féminine
  • Entreprise

Enveloppez-le!

Aimez-vous les pages de destination à la mode pour votre entreprise?

Obtenez Element Pack Pro dès aujourd'hui et profitez de pages de destination créatives pour vos prochains projets de site Web.

En outre, vous obtiendrez plus de 200 widgets et extensions incroyables pour améliorer encore les fonctionnalités de votre site.

Tout est possible avec un seul plugin, Element Pack Pro.

J'espère que vous avez apprécié ce blog.

Cordialement

BdThèmes