sites Web WordPress visuellement attrayants est quelque chose dont tout propriétaire de site Web WordPress doit suivre. Lorsqu’un utilisateur arrive sur votre site Web, la première chose qui capte son attention est la conception d’une page d’accueil ou d’une page de destination dans WordPress.
S'il est essentiel de mettre l'accent sur la conception de sites Web WordPress , il est également important de se concentrer sur la capture de leads et le CTA sur votre site Web, ce à quoi sert une page de destination. Cela devient plus important lorsque vous lancez une campagne marketing ou que vous souhaitez que les utilisateurs réservent, achètent ou atterrissent simplement sur votre page pour obtenir des informations sur les utilisateurs.
C’est là qu’une page de destination intervient pour prêter main-forte. Une page de destination dans WordPress aide à capter l’attention des utilisateurs et fournit les informations dont ils ont réellement besoin. Mais comment créer une page de destination qui correspond à la fois à la voix de votre marque et à l’intention de l’utilisateur ?
Dans ce blog, nous allons présenter un guide simple pour créer une page de destination avec trois méthodes différentes mais simples. Alors commençons.
Qu'est-ce qu'une page de destination ?
Tout d’abord, comprenons ce qu’est une page de destination dans WordPress. Beaucoup comprennent mal une page de destination avec une page d’accueil sur le site Web. Cependant, il est important de noter que les deux sont différents.
Une page d'accueil est la première page sur laquelle un utilisateur arrive lorsqu'il recherche le domaine de votre site Web . Il est conçu pour capter l’attention des utilisateurs avec des éléments de conception et tous les détails importants de votre entreprise/marque.
Désormais, alors que la page d'accueil est un excellent moyen d' engager les utilisateurs et de passer plus de temps sur votre site Web, une page de destination encourage les utilisateurs à agir sur votre site, comme remplir un formulaire de contact , acheter un produit ou un service spécifique, ou peut-être s'abonner. à votre liste de diffusion. Son objectif principal est d’inciter les utilisateurs et de les convertir en prospects sous quelque forme que ce soit.
Une page de destination contient généralement moins de liens et se concentre sur une seule chose, appelée appel à l'action (CTA). Vous pouvez choisir n'importe quel CTA qui correspond à votre objectif, mais la plupart des pages de destination visent soit à inciter les visiteurs à effectuer un achat, soit à partager leurs informations pour la génération de leads .
Contrairement à votre page d’accueil, où vous n’en avez qu’une, vous pouvez créer autant de pages de destination que nécessaire. Vous cherchez à créer une page de destination dans WordPress ? Continuez à lire.
A savoir également : Meilleurs modèles de pages de destination SaaS
Comment créer une page de destination dans WordPress – 3 méthodes
Maintenant que vous comprenez le but d’une page de destination sur votre site Web, explorons les trois façons simples d’en créer une dans WordPress. Bien que chaque méthode nécessite un certain effort, notre guide étape par étape pour créer une page de destination dans WordPress peut vous aider à avancer et à concevoir une page de destination parfaite en un rien de temps.
Méthode 1 : Comment créer une page de destination dans WordPress avec un plugin
Désormais, nous savons que créer une page de destination peut devenir une tâche ardue si vous êtes débutant dans WordPress. Mais ne vous inquiétez pas ; WordPress propose de nombreuses façons simples de créer et de concevoir votre page de destination. L’un d’entre eux utilise un plugin pour créer une page de destination.
De nombreux plugins WordPress sont livrés avec un générateur par glisser-déposer et des modèles , ce qui facilite grandement la mise en route. Voyons comment :
Bien qu'il existe de nombreux excellents constructeurs de pages pour créer une page de destination dans un site Web WordPress, nous utilisons Elememtor pour vous montrer comment procéder. De même, vous pouvez également utiliser des constructeurs de pages comme Divi, Seedprod, etc. pour créer une page de destination dans WordPress.
Comparez : Elementor contre Beaver Builder
Elementor vous offre plus de flexibilité et de puissance grâce à son éditeur de conception par glisser-déposer. Avec cela, vous avez plus de contrôle sur votre conception et pouvez rendre chaque aspect de votre page de destination aussi créatif que vous le souhaitez.
À savoir : modèles de conception de sites Web WordPress pour votre entreprise
Étape 1 : Installer Elementor
Une fois votre site WordPress configuré, vous pouvez facilement utiliser le plugin Elementor pour concevoir des pages de destination avec son interface visuelle par glisser-déposer. La meilleure partie ? Elementor est gratuit et disponible directement depuis WordPress.
Pour l'installer, rendez-vous simplement sur votre tableau de bord WordPress, accédez à Plugins → Ajouter un nouveau et recherchez « Elementor ». C'est aussi simple que ça !
Étape 2 : Créer une nouvelle page de destination
Pour commencer, rendez-vous sur Modèles → Pages de destination dans votre tableau de bord WordPress et cliquez sur le Ajouter une nouvelle page de destination .
Cela vous mènera à l'éditeur Elementor, où vous aurez deux options : choisissez parmi une variété de modèles de page de destination prédéfinis ou fermez la bibliothèque de modèles et commencez à créer votre page à partir de zéro si vous préférez une approche personnalisée.
Apprenez : Comment afficher les publications populaires WordPress avec un plugin
Étape 3 : Personnaliser avec les couleurs, les polices et le sélecteur de couleurs
Avant de vous lancer dans la conception de votre page de destination, c'est une bonne idée de configurer correctement l'éditeur visuel.
Lorsque vous créez une nouvelle page de destination, Elementor appliquera automatiquement la Elementor Canvas . Cela vous donne une page vierge sans en-tête , pied de page ou barre latérale, parfaite pour créer une page de destination ciblée.
Ensuite, nous définirons les couleurs globales par défaut : la couleur primaire est blanche, la couleur secondaire et le texte est noir.
Ces jeux de couleurs s'appliqueront automatiquement chaque fois que vous ajouterez un nouveau widget, rendant le processus de conception plus fluide et plus rapide.
de navigation , la zone extérieure et la galerie de la page de destination Vous pouvez modifier la couleur d'arrière-plan, l'image et l'alignement afin que votre page de destination corresponde aux couleurs de votre marque.
Connexes : Meilleurs modèles de conception Web IA
Étape 4 : Intégrer des outils tiers
C'est toujours une excellente option d'utiliser des outils intéressants pour attirer plus d'utilisateurs et augmenter les revenus de votre site Web. Avec Elememtor, vos pages de destination peuvent être intégrées à des outils marketing populaires pour améliorer les performances de votre campagne.
Par exemple, avec le générateur de formulaires visuels d'Elementor, vous pouvez facilement configurer un formulaire de contact et le styliser pour qu'il corresponde au reste de votre page. Vous pouvez le connecter sans effort à un de marketing par e-mail comme MailChimp à l'aide des intégrations de formulaires intégrées d'Elementor.
Étape 5 : Publiez votre page de destination
Après avoir modifié et conçu votre page de destination, il est temps d'appuyer sur le bouton de publication. Avant de publier, c'est toujours une bonne idée de prévisualiser votre page de destination pour vous assurer que tout semble parfait.
Pour prévisualiser, cliquez simplement sur l'icône en forme d'œil dans le panneau inférieur gauche. Une fois que vous êtes satisfait du résultat, continuez et publiez la page. Après cela, le bouton vert Publier se transformera en bouton gris Mettre à jour pour toutes les modifications futures que vous souhaiterez peut-être apporter.
Lecture importante : Sites Web accessibles à tous : solutions de conception de sites Web conformes à l'ADA
Méthode 2 : Comment créer une page de destination dans WordPress avec un thème
Ensuite, une autre méthode pour créer une page de destination sur votre site Web WordPress consiste à choisir un thème WordPress et à personnaliser la conception et la mise en page d'une page de destination. Il existe de nombreux thèmes WordPress gratuits disponibles pour créer une page de destination.
Astra et Neve sont deux des thèmes WordPress les plus populaires et sont compatibles avec des outils populaires tels que WooCommerce et Beaver Builder. Alternativement, vous pouvez également utiliser les modèles de page de destination Elementor pour créer facilement une page de destination d’aspect professionnel.
Apprendre : personnaliser les modèles et les pages de produits WooCommerce
Voyons maintenant comment créer une page de destination à l’aide d’un thème WordPress :
Étape 1 : Choisissez un thème
Commencez par vous rendre sur Mon site → Conception → Thèmes dans votre tableau de bord WordPress. WordPress possède une énorme bibliothèque de thèmes ; choisissez un thème que vous aimez ou téléchargez-en un nouveau. Une fois que vous l'avez trouvé, cliquez simplement sur les trois points à côté de son nom et appuyez sur Activer .
Vérifiez également : Meilleurs thèmes de conception d'interface utilisateur de commerce électronique et exemples de sites
Étape 2 : Modifier le contenu
La simplicité devrait être la clé de la conception de votre page de destination. Moins il y a d’encombrement, plus il est facile pour les utilisateurs de s’y retrouver. Vous souhaiterez donc effacer toutes les pages ou publications supplémentaires. Accédez à Mon site → Site → Pages , puis cliquez sur les trois points à côté de n'importe quelle page dont vous n'avez pas besoin, puis sélectionnez Corbeille . Peu importe la page que vous décidez de conserver.
Explorer : les meilleurs thèmes WordPress pour les petites entreprises
Étape 3 : Définir une page d'accueil statique
Ensuite, définissez la page que vous conservez comme page d'accueil statique . Cliquez simplement sur les trois points à côté et choisissez l’option pour en faire votre page d’accueil. Cela garantit que les visiteurs atterrissent sur votre page personnalisée lorsqu'ils visitent votre site.
Étape 4 : Personnalisez votre page
Il est maintenant temps de le personnaliser ! Cliquez à nouveau sur les trois points et appuyez sur Modifier . Vous pouvez ajouter du texte, des images, des formulaires de contact et des boutons d’appel à l’action pour vraiment vous approprier la page.
Continuez à lire : Comment créer votre propre logo pour un site Web ?
Étape 5 : Lancez-vous !
Une fois que vous êtes satisfait du design, cliquez sur Publier pour rendre votre page de destination active. Ça y est, votre nouvelle page de destination est maintenant opérationnelle !
Vous aimez WordPress mais pas les détails techniques ?
Ne vous inquiétez pas, nos experts WordPress sont là pour vous aider à personnaliser la page de destination la plus élégante pour votre site Web.
Méthode 3 : Comment créer une page de destination personnalisée dans WordPress
C’est maintenant la dernière et dernière méthode recommandée si vous êtes encore un novice avec WordPress. Cependant, si vous souhaitez adopter une approche plus personnalisée pour concevoir votre page de destination WordPress et que vous êtes d’accord avec le processus de codage et de conception, cette étape peut vous faciliter la tâche.
Voyons comment :
Étape 1 : Créer un thème enfant
Pour commencer, créez un thème enfant dans votre WordPress. Pourquoi? Étant donné que le thème actuel de votre site Web WordPress est généralement appelé « thème parent », vous souhaiterez peut-être créer un nouveau thème enfant qui n'affecte pas la configuration actuelle de votre thème lors de la création d'une page de destination.
Étape 2 : Créez un fichier style.css
Une fois votre thème enfant configuré, il est temps de modifier le fichier style.css avec le code suivant pour définir les détails de votre thème personnalisé :
| /* Description du thème de la page de destination personnalisée Auteur : Votre nom URI de l'auteur : https://yourwebsite.com Modèle : vingtsixteen Version : 1.0 Domaine de texte : custom-landing- page |
Étape 3. Créez un fichier function.php
Ensuite, vous devrez charger les feuilles de style des thèmes parent et enfant. Pour ce faire, créez un nouveau fichier appelé function.php dans le dossier de votre thème enfant.
Commencez par la balise PHP d'ouverture, puis ajoutez le code pour mettre en file d'attente la feuille de style du thème parent. Voici un exemple de ce qu'il faut ajouter :
| add_action( 'wp_enqueue_scripts', 'enqueue_parent_styles' ); function enqueue_parent_styles() { wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' ); } ?> |
Une fois cela en place, votre thème enfant est maintenant configuré et prêt à fonctionner avec votre thème parent.
Étape 4 : Installez et activez votre thème enfant
Il est maintenant temps d'installer et d'activer votre thème enfant dans WordPress. Pour vérifier si tout fonctionne correctement, vous pouvez tester certains styles CSS. Déposez simplement ce code dans votre style.css et rechargez votre page d'accueil. Si la couleur d'arrière-plan change, félicitations : tout est configuré et fonctionne comme prévu !
| corps, #page { arrière-plan : #ECE8C1 ;} |
En savoir plus : thèmes WordPress les plus rapides (avec les scores PageSpeed)
Étape 5 : Créer une page personnalisée
Une fois votre thème activé, vous pouvez créer un modèle de page personnalisé pour votre page de destination. Commencez par créer un nouveau fichier appelé landing-page.php dans le dossier de votre thème enfant et ajoutez ce code :
| <?php /* Template Name: Landing Page */ ?> |
N'hésitez pas à modifier le nom du modèle selon votre préférence, puis enregistrez le fichier.
Lorsque vous modifiez ou créez une nouvelle page dans WordPress, vous verrez désormais ce modèle personnalisé comme option dans la barre latérale. N'oubliez pas qu'il reste vide jusqu'à ce que nous ajoutions du contenu !
Étape 6. Personnalisez la page de destination avec CSS
Maintenant que votre modèle de page de destination est configuré, il est temps de le personnaliser.
- Copiez l'en-tête et le code de la boucle :
page.php de votre thème parent (situé dans public_html → wp-content → Themes → yourtheme ) et copiez le code commençant par get_header();. Collez-le dans votre landing-page.php , il ressemblera donc à ceci :
get_header(); while ( have_posts() ) : the_post(); get_template_part( 'template-parts/content/content-page' ); if ( comments_open() || get_comments_number() ) { comments_template(); } finir pendant ce temps ; get_footer(); ?> |
- Supprimer la barre latérale et le pied de page :
Pour garder la page propre et sans distraction, supprimez la barre latérale et le pied de page en supprimant ces lignes :
| get_sidebar();get_footer(); |
- Ajouter du contenu personnalisé :
utilisez l'éditeur de blocs WordPress pour ajouter du contenu à votre page de destination ou installez le Gutenberg Forms pour créer des formulaires personnalisés.
- Ajouter du CSS supplémentaire :
pour une personnalisation plus poussée, accédez à Apparence → Personnaliser → CSS supplémentaire . Vous pouvez modifier ici l'arrière-plan, les polices et d'autres éléments.
- Changer la couleur d'arrière-plan:
| .site-content-contain { couleur d'arrière-plan : #DEF0F5 ; position : relative ;} |
- Personnaliser les polices:
| p { couleur : bleu sarcelle ; famille de polices : Géorgie ; taille de police : 22 px ;} h1 { couleur : blanc ; aligner le texte : centre ;} |
Cela changera la couleur d'arrière-plan en vert clair et ajustera le style et la taille de la police de votre page de destination. Bien que cette méthode puisse sembler un peu délicate pour les débutants, elle devient plus facile avec de la pratique ou l'aide professionnelle des développeurs et concepteurs WordPress.
Conseils pour créer une page de destination parfaite dans WordPress
Créer une page de destination dans WordPress est assez simple si vous suivez les méthodes ci-dessus et choisissez celle qui vous convient le mieux. Mais vous devez également comprendre comment amplifier une page de destination pour en tirer le meilleur parti.
Les pages de destination dynamiques offrent d'excellentes informations sur les données clients et la génération de leads. Le suivi des données clients provenant de ces pages de destination peut également vous aider à comprendre combien d'utilisateurs suivent réellement vos campagnes marketing.
Parfois, créer une page de destination ne suffit pas ; concevoir une page de destination capable de convertir des prospects potentiels est tout ce dont nous avons besoin pour notre site Web. Voyons comment :
La simplicité est ce qu'il y a de mieux
Déplacez-vous avec minimalisme dans votre conception . La simplicité est la nouvelle intelligence, et les pages de destination doivent être conçues dans cet esprit. Une page de destination est essentiellement conçue pour convertir des prospects potentiels. Vous devez donc vous assurer que la navigation est facile pour les utilisateurs. Trop d’informations ou d’éléments peuvent dérouter le public. Ainsi, restez simple et propre pour une optimisation maximale du taux de conversion .
Apprenez : Comment augmenter vos conversions en bas de l'entonnoir
Alignez la page de destination avec vos objectifs
Avant de concevoir votre page de destination, assurez-vous de définir et d'aligner vos stratégies de contenu avec le design. Que vous décidiez d'incorporer des CTA attrayants ou des formulaires de contact pour recueillir des informations, le résultat doit correspondre à vos objectifs finaux. C'est ainsi que vous pourrez obtenir le résultat maximum de votre page de destination.
Concevoir pour créer un impact
Même s’il est important de garder la page de destination simple, il est important de la rendre percutante. Une page de destination doit être suffisamment perspicace pour créer un impact. Vous pouvez utiliser des images ou des lignes d'objet en gras pour attirer l'attention des utilisateurs et créer un engagement .
Faites un test
N'oubliez jamais de tester votre page de destination ! Vous ne saurez pas comment votre page de destination a été perçue ou utilisée par les utilisateurs si vous ne la testez pas vous-même. Testez les CTA, le bouton d'abonnement au formulaire de contact ou tout autre élément de votre page de destination. Cela garantira que vous ne manquerez aucun prospect de votre page de destination.
Lire la suite : Refonte du site Web – Signes que vous avez besoin d'une refonte de votre site Web
Surveiller et optimiser
Une fois que vous avez créé une page de destination dans WordPress et que vous l'avez mise en ligne, votre travail ne s'arrête pas là. Pour obtenir des résultats positifs, vous devez vérifier et surveiller régulièrement ses performances. C'est comme la maintenance WordPress . Gardez un œil sur ce qui fonctionne et ce qui ne fonctionne pas. Essayez d'utiliser différents titres, images ou éléments pour voir ce qui fonctionne le mieux. Continuez à améliorer et à optimiser la page.
Choisissez WordPress en marque blanche : Meilleures agences de conception de sites Web en marque blanche : meilleurs choix
Conclusion
Une page de destination est un élément important de tout site Web WordPress, car elle contribue à augmenter les taux de conversion et à engager les visiteurs. Selon votre niveau de compétence, il existe plusieurs façons d'en créer un dans WordPress.
Si vous débutez, utiliser un plugin ou un thème est la solution la plus simple. Avec des tonnes de fonctionnalités intégrées, vous pouvez personnaliser et optimiser votre page de destination sans avoir besoin d'être un pro du codage.
D'un autre côté, créer une page de destination à partir de zéro vous offre plus de flexibilité et de contrôle sur la conception si vous êtes à l'aise avec HTML, PHP et CSS.
Quelle que soit la voie que vous empruntez, assurez-vous de vous concentrer sur un titre fort, un design épuré et un appel à l'action clair pour créer une page de destination qui convertit.
