{"id":16229,"date":"2023-05-18T08:15:00","date_gmt":"2023-05-18T08:15:00","guid":{"rendered":"\/tutoriels\/?p=16229"},"modified":"2024-09-20T20:57:58","modified_gmt":"2024-09-20T20:57:58","slug":"landing-page-wordpress","status":"publish","type":"post","link":"\/fr\/tutoriels\/landing-page-wordpress","title":{"rendered":"Comment cr\u00e9er une landing page WordPress et commencer \u00e0 convertir ?"},"content":{"rendered":"<p>Une landing page peut augmenter le taux de conversion de votre <strong><a href=\"https:\/\/www.hostinger.com\/fr\/hebergement-wordpress\">site WordPress<\/a><\/strong> en encourageant les visiteurs &agrave; effectuer l&rsquo;action souhait&eacute;e, comme s&rsquo;abonner &agrave; une newsletter, acheter un produit ou s&rsquo;inscrire sur un site web.<\/p><p>Si le taux de conversion moyen des landing pages est de <strong>9,7 %<\/strong>, l&rsquo;ajout d&rsquo;&eacute;l&eacute;ments tels que des images ou une preuve sociale peut encore augmenter vos conversions. Par cons&eacute;quent, la cr&eacute;ation d&rsquo;une bonne landing page est essentielle pour stimuler votre activit&eacute;.<\/p><p>Dans cet article, nous allons vous montrer trois m&eacute;thodes faciles et efficaces sur la fa&ccedil;on de cr&eacute;er une landing page dans WordPress et discuter du moment o&ugrave; il faut le faire.<\/p><figure class=\"wp-block-image size-full\"><a href=\"https:\/\/assets.hostinger.com\/content\/tutorials\/pdf\/Mega-WordPress-Cheat-FR.pdf\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" width=\"1024\" height=\"283\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2022\/12\/FR_Intext-banners_Mega-WordPress-Cheat-Sheet-1024x283-1.png\/public\" alt=\"\" class=\"wp-image-41459\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2022\/12\/FR_Intext-banners_Mega-WordPress-Cheat-Sheet-1024x283-1.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2022\/12\/FR_Intext-banners_Mega-WordPress-Cheat-Sheet-1024x283-1.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2022\/12\/FR_Intext-banners_Mega-WordPress-Cheat-Sheet-1024x283-1.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2022\/12\/FR_Intext-banners_Mega-WordPress-Cheat-Sheet-1024x283-1.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><h2 class=\"wp-block-heading\" id=\"h-creer-une-landing-page-sur-wordpress-avec-un-plugin\"><strong>Cr&eacute;er une landing page sur WordPress avec un plugin<\/strong><\/h2><p><strong>Une landing page (ou une page d&rsquo;atterrissage)<\/strong> est une page web con&ccedil;ue &agrave; des fins de marketing, par exemple pour pr&eacute;senter un nouveau produit. Il peut s&rsquo;agir d&rsquo;une page autonome li&eacute;e &agrave; un site web ou d&rsquo;une partie de celui-ci.<\/p><p>Heureusement, WordPress offre un large &eacute;ventail de fonctionnalit&eacute;s permettant &agrave; la fois de cr&eacute;er un site internet<strong> <\/strong>et des<strong> <\/strong>landing page pour votre entreprise facilement.<\/p><p>L&rsquo;une des meilleures fa&ccedil;ons de <a href=\"https:\/\/www.hostinger.com\/fr\/tutoriels\/creer-une-landing-page\"><strong>cr&eacute;er une landing page<\/strong><\/a> implique l&rsquo;utilisation d&rsquo;un plugin. Avec cette m&eacute;thode, m&ecirc;me les d&eacute;butants peuvent cr&eacute;er une landing page professionnelle et convaincante, car de nombreux plugins WordPress fournissent un constructeur de page de type glisser-d&eacute;poser et des mod&egrave;les pr&eacute;&eacute;tablis.<\/p><h3 class=\"wp-block-heading\" id=\"h-1-installer-le-plugin\"><strong>1. Installer le plugin<\/strong> <\/h3><p>Ayant &eacute;t&eacute; s&eacute;lectionn&eacute; par nos experts, voici une liste des meilleurs plugins pour cr&eacute;er des landing pages :<\/p><ul class=\"wp-block-list\">\n<li><strong>Divi <\/strong>&ndash; l&rsquo;un des meilleurs cr&eacute;ateurs de pages WordPress avec un &eacute;diteur visuel intuitif.<\/li>\n\n\n\n<li><strong>Beaver Builder <\/strong>&ndash; un plugin intuitif pour cr&eacute;er landing pages, qui fonctionne avec la plupart des th&egrave;mes WordPress.<\/li>\n\n\n\n<li><strong>SeedProd <\/strong>&ndash; l&rsquo;un des <a href=\"https:\/\/www.hostinger.com\/fr\/tutoriels\/plugin-wordpress\"><strong>meilleurs plugins WordPress<\/strong><\/a> avec de nombreuses options de mod&egrave;les de conception, une interface conviviale et un constructeur de pages par glisser-d&eacute;poser.<\/li>\n<\/ul><p>Dans ce tutoriel, nous utiliserons le plugin SeedProd pour la cr&eacute;ation de landing pages &agrave; fort taux de conversion pour votre site WordPress. <\/p><p>Tout d&rsquo;abord, vous devrez vous connecter &agrave; votre tableau de bord WordPress, aller dans <strong>Extensions <\/strong>-&gt; <strong>Ajouter<\/strong>, et utiliser la bo&icirc;te de recherche pour trouver le plugin SeedProd. Ensuite, <a href=\"https:\/\/www.hostinger.com\/fr\/tutoriels\/ajouter-plugin-wordpress\"><strong>installez et activez le plugin<\/strong><\/a> sur votre site WordPress.<\/p><figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1024\" height=\"418\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/02\/menu-extensions-wordpress.png\/public\" alt=\"Le menu des plugins sur le tableau de bord de WordPress\" class=\"wp-image-20253\" title=\"menu-plugins-wordpress\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/02\/menu-extensions-wordpress.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/02\/menu-extensions-wordpress.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/02\/menu-extensions-wordpress.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/02\/menu-extensions-wordpress.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><p>SeedProd est un plugin freemium &ndash; vous pouvez acheter sa version premium &agrave; partir de <strong>39,50 $\/an<\/strong>. Pour le mettre en place, vous devrez saisir une cl&eacute; de licence depuis votre compte SeedProd.<\/p><h3 class=\"wp-block-heading\"><strong>2. Ajouter une nouvelle landing page<\/strong> <strong>sur WordPress<\/strong><\/h3><p>Une fois que vous avez activ&eacute; le plugin, vous serez redirig&eacute; vers le tableau de bord de la landing page SeedProd. En haut de la page, il y aura quatre options pour les landing pages.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1024\" height=\"423\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/02\/tableau-de-bord-SeedProd-WordPress-offrant-plusieurs-landing-pages.png\/public\" alt=\"Tableau de bord SeedProd dans WordPress qui propose diff&eacute;rentes types de landing pages, dont la page coming soon\" class=\"wp-image-20254\" title=\"landing-pages-tableau-de-bord-SeedProd\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/02\/tableau-de-bord-SeedProd-WordPress-offrant-plusieurs-landing-pages.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/02\/tableau-de-bord-SeedProd-WordPress-offrant-plusieurs-landing-pages.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/02\/tableau-de-bord-SeedProd-WordPress-offrant-plusieurs-landing-pages.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/02\/tableau-de-bord-SeedProd-WordPress-offrant-plusieurs-landing-pages.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><p>Pour ajouter une nouvelle landing page, cliquez sur le bouton <strong>Create New Landing Page<\/strong> (Cr&eacute;er une nouvelle landing page)<strong> <\/strong>en bas de la page.<\/p><div class=\"wp-block-image creer-une -nouvelle-landing-page-seedprod\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1024\" height=\"422\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/02\/tableau-de-bord-SeedProd-avec-bouton-creer-une-nouvelle-landing-1.png\/public\" alt=\"Le tableau de bord SeedProd avec le bouton Cr&eacute;er une nouvelle landing page\" class=\"wp-image-20256\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/02\/tableau-de-bord-SeedProd-avec-bouton-creer-une-nouvelle-landing-1.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/02\/tableau-de-bord-SeedProd-avec-bouton-creer-une-nouvelle-landing-1.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/02\/tableau-de-bord-SeedProd-avec-bouton-creer-une-nouvelle-landing-1.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/02\/tableau-de-bord-SeedProd-avec-bouton-creer-une-nouvelle-landing-1.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><h3 class=\"wp-block-heading\"><strong>3. S&eacute;lectionner et personnaliser le mod&egrave;le de landing page <\/strong><\/h3><p>Apr&egrave;s avoir ajout&eacute; une nouvelle page d&rsquo;atterrissage, vous devrez choisir un mod&egrave;le de conception pour celle-ci. SeedProd propose de nombreux mod&egrave;les de landing pages adapt&eacute;s &agrave; diff&eacute;rents types de campagnes.<\/p><p>Vous pouvez &eacute;galement commencer &agrave; cr&eacute;er une landing page &agrave; partir de z&eacute;ro en cliquant sur le <strong>mod&egrave;le vierge<\/strong>.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1024\" height=\"450\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/02\/Templates-preetablis-SeedProd.png\/public\" alt=\"Les options de mod&egrave;les pr&eacute;&eacute;tablis dans SeedProd\" class=\"wp-image-20257\" title=\"mod&egrave;les-pr&eacute;&eacute;tablis-seedProd\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/02\/Templates-preetablis-SeedProd.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/02\/Templates-preetablis-SeedProd.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/02\/Templates-preetablis-SeedProd.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/02\/Templates-preetablis-SeedProd.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><p>Une fois que vous avez choisi un mod&egrave;le, saisissez un nom de page et une URL.<\/p><p>\n\n\n<div class=\"protip\">\n                    <h4 class=\"title\">Conseil de pro<\/h4>\n                    <p> Utilisez un mot cl&eacute; cibl&eacute; dans l'URL de la page pour am&eacute;liorer votre visibilit&eacute; sur les moteurs de recherche et obtenir plus de trafic sur votre site Web WordPress.<\/p>\n                <\/div>\n\n\n<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1024\" height=\"473\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/02\/details-landing-page-wordpress.png\/public\" alt=\"les d&eacute;tails de la page o&ugrave; vous devez entrer le nom de votre landing page wordpress et son URL.\" class=\"wp-image-20258\" title=\"d&eacute;tails-de-la-landing-page\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/02\/details-landing-page-wordpress.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/02\/details-landing-page-wordpress.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/02\/details-landing-page-wordpress.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/02\/details-landing-page-wordpress.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><p>Une fois que vous avez fini de modifier les d&eacute;tails, s&eacute;lectionnez <strong>Enregistrer et commencer &agrave; modifier la page <\/strong>pour personnaliser votre premi&egrave;re landing page.<\/p><p>Gr&acirc;ce au menu <strong>Blocks <\/strong>situ&eacute; sur le c&ocirc;t&eacute; gauche, vous pouvez ajouter ou modifier divers &eacute;l&eacute;ments tels que du texte, des images et des vid&eacute;os. Pour ce faire, il suffit de cliquer sur l&rsquo;&eacute;l&eacute;ment souhait&eacute;.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1024\" height=\"495\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/02\/onglet-Design-dans-SeedProd.png\/public\" alt=\"L'onglet &quot;Design&quot; de SeedProd, qui vous permet de personnaliser le mod&egrave;le pr&eacute;&eacute;tabli &agrave; l'aide de blocs.\" class=\"wp-image-20259\" title=\"onglet-design-seedprod\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/02\/onglet-Design-dans-SeedProd.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/02\/onglet-Design-dans-SeedProd.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/02\/onglet-Design-dans-SeedProd.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/02\/onglet-Design-dans-SeedProd.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><p>Modifiez la couleur d&rsquo;arri&egrave;re-plan, l&rsquo;image et l&rsquo;alignement, afin que votre landing page corresponde &agrave; votre image de marque. Vous pouvez &eacute;galement s&eacute;lectionner le <strong>param&egrave;tre global <\/strong>dans le<strong> <\/strong>coin inf&eacute;rieur gauche.<\/p><p>Les blocs de <strong>formulaire de contact <\/strong>peuvent &ecirc;tre int&eacute;gr&eacute;s au plugin WPForms, ce qui vous permet de transformer un formulaire WordPress nouvellement cr&eacute;&eacute; en une page d&rsquo;accueil personnalis&eacute;e gr&acirc;ce &agrave; ses fonctionnalit&eacute;s compl&eacute;mentaires.<\/p><p>Si vous souhaitez dupliquer un bloc, cliquez sur l&rsquo;ic&ocirc;ne de <strong>fichiers <\/strong>qui appara&icirc;t au passage de la souris. Il existe d&rsquo;autres ic&ocirc;nes pour supprimer, d&eacute;placer et enregistrer un bloc afin de simplifier votre processus de conception.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1024\" height=\"494\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/02\/menu-navigation-SeedProd.png\/public\" alt=\"Le menu de navigation pour dupliquer un bloc sur votre landing page dans SeedProd\" class=\"wp-image-20260\" title=\"menu-navigation-seedprod\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/02\/menu-navigation-SeedProd.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/02\/menu-navigation-SeedProd.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/02\/menu-navigation-SeedProd.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/02\/menu-navigation-SeedProd.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><p>Comme SeedProd est &eacute;galement int&eacute;gr&eacute; &agrave; <a href=\"https:\/\/www.hostinger.com\/fr\/tutoriels\/woocommerce\"><strong>WooCommerce<\/strong><\/a>, vous pouvez cr&eacute;er une landing page pour un magasin de commerce &eacute;lectronique. L&rsquo;incorporation de ses blocs tels que les boutons d&rsquo;ajout au panier, les grilles de produits et les produits en vente vous aidera &agrave; cr&eacute;er une page attrayante.<\/p><p>Par exemple, vous pouvez cr&eacute;er une landing page interactive sur les produits en ajoutant un bouton &laquo;&nbsp;<strong>Acheter maintenant&nbsp;&raquo; <\/strong>et des produits en vente pour votre <a href=\"https:\/\/www.hostinger.com\/fr\/boutique-en-ligne\">boutique en ligne<\/a>.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1024\" height=\"449\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/09\/image-96.png\/public\" alt=\"Les blocs WooCommerce de SeedProd \" class=\"wp-image-34754\" title=\"woocommerce-seedprod\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/09\/image-96.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/09\/image-96.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/09\/image-96.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/09\/image-96.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><p>En outre, le menu <strong>Sections <\/strong>de SeedProd offre de nombreuses options de cat&eacute;gories pour la conception des landing pages, notamment l&rsquo;en-t&ecirc;te, le h&eacute;ros, l&rsquo;appel &agrave; l&rsquo;action et la FAQ.<\/p><figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1024\" height=\"495\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/09\/image-97.png\/public\" alt=\"Le menu des sections o&ugrave; vous trouverez de nombreuses cat&eacute;gories de conception\" class=\"wp-image-34756\" title=\"menu-des-sections-seedprod\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/09\/image-97.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/09\/image-97.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/09\/image-97.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/09\/image-97.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><p>Apr&egrave;s avoir termin&eacute; la conception de votre landing page, cliquez sur le bouton <strong>Enregistrer <\/strong>situ&eacute; dans le coin sup&eacute;rieur droit.<\/p><h3 class=\"wp-block-heading\"><strong>4. Int&eacute;grer des outils tiers<\/strong><\/h3><p>De nombreuses entreprises utilisent divers outils pour les aider &agrave; acqu&eacute;rir plus de clients et &agrave; augmenter leurs revenus.<\/p><p>Gr&acirc;ce &agrave; SeedProd, vos landing pages peuvent &ecirc;tre connect&eacute;es &agrave; des outils marketing populaires pour am&eacute;liorer les performances de votre campagne. Voici nos meilleures recommandations pour les outils tiers de SeedProd :<\/p><ul class=\"wp-block-list\">\n<li><strong>MailChimp <\/strong>&ndash; l&rsquo;un des services de marketing par courriel les plus populaires. Il offre une fonction de r&eacute;pondeur automatique.<\/li>\n\n\n\n<li><strong>Constant Contact <\/strong>&ndash; un outil de marketing par courriel qui fournit des centaines de mod&egrave;les de courriel avec un constructeur de type glisser-d&eacute;poser.<\/li>\n\n\n\n<li><strong>Monsterinsights <\/strong>&ndash; l&rsquo;outil Google Analytics le plus populaire qui offre des informations sur les performances de votre site internet.<\/li>\n\n\n\n<li><strong>Zapier <\/strong>&ndash; un outil d&rsquo;automatisation int&eacute;gr&eacute; &agrave; plus de 500 services pour la collecte d&rsquo;e-mails &agrave; partir du formulaire d&rsquo;inscription.<\/li>\n<\/ul><p>Pour connecter la landing page de votre site WordPress avec des outils tiers, cliquez sur l&rsquo;onglet <strong>Connecter <\/strong>et choisissez les services que vous souhaitez.<\/p><figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1024\" height=\"483\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/02\/onglet-Connect-dans-SeedProd.png\/public\" alt=\"L'onglet Connect dans SeedProd qui vous permet d'int&eacute;grer votre landing page avec des services de marketing par courriel\" class=\"wp-image-20261\" title=\"onglet-connect-seedprod\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/02\/onglet-Connect-dans-SeedProd.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/02\/onglet-Connect-dans-SeedProd.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/02\/onglet-Connect-dans-SeedProd.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/02\/onglet-Connect-dans-SeedProd.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><p>La connexion de votre landing page avec un service de marketing par courriel, par exemple, ajoutera automatiquement &agrave; votre liste d&rsquo;e-mails les coordonn&eacute;es des visiteurs du site qu&rsquo;elles ont saisies sur votre landing page.<\/p><h3 class=\"wp-block-heading\"><strong>5. Publiez votre landing page dans WordPress<\/strong><\/h3><p>Apr&egrave;s avoir modifi&eacute; le template de page et configur&eacute; les outils tiers, il est temps de publier votre landing page WordPress.<\/p><p>Pour ce faire, revenez &agrave; l&rsquo;onglet <strong>Design<\/strong>, cliquez sur la fl&egrave;che d&eacute;roulante situ&eacute;e &agrave; c&ocirc;t&eacute; du bouton <strong>Enregistrer<\/strong>, puis appuyez sur <strong>Publier<\/strong>.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\" id=\"bouton-publier-seedprod\"><img decoding=\"async\" width=\"1024\" height=\"498\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/02\/bouton-de-publication-seedprod.png\/public\" alt=\"Le bouton de publication qui s'affiche lorsque vous cliquez sur la fl&egrave;che d&eacute;roulante &agrave; c&ocirc;t&eacute; du bouton d'enregistrement.\" class=\"wp-image-20262\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/02\/bouton-de-publication-seedprod.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/02\/bouton-de-publication-seedprod.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/02\/bouton-de-publication-seedprod.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/02\/bouton-de-publication-seedprod.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><p>Maintenant, s&eacute;lectionnez le bouton <strong>Voir la page en direct <\/strong>pour afficher les r&eacute;sultats.<\/p><p>Pour une personnalisation plus pouss&eacute;e, vous pouvez configurer vos param&egrave;tres g&eacute;n&eacute;raux de page, de r&eacute;f&eacute;rencement et d&rsquo;analyse via l&rsquo;onglet <strong>Param&egrave;tres de page<\/strong>.<\/p><figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1024\" height=\"496\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/02\/parametres-de-le-page.png\/public\" alt=\"L'onglet des param&egrave;tres de la page o&ugrave; vous pouvez modifier le r&eacute;f&eacute;rencement et l'analyse de votre page.\" class=\"wp-image-20263\" title=\"onglet-param&egrave;tres-page-seedprod\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/02\/parametres-de-le-page.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/02\/parametres-de-le-page.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/02\/parametres-de-le-page.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/02\/parametres-de-le-page.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><p>Par exemple, vous pouvez lier autant de landing pages que vous le souhaitez &agrave; votre nom de domaine personnalis&eacute; au lieu d&rsquo;utiliser plusieurs sites WordPress. Pour ce faire, cliquez sur le menu <strong>Domaine personnalis&eacute;<\/strong>, et entrez votre nom de domaine. Notez que cette fonctionnalit&eacute; n&rsquo;est disponible que sur la version premium de SeedProd. <\/p><h2 class=\"wp-block-heading\" id=\"h-creer-une-landing-page-avec-un-theme-wordpress\"><strong>Cr&eacute;er une landing page avec un th&egrave;me WordPress<\/strong><\/h2><p>Outre l&rsquo;utilisation d&rsquo;un plugin, une autre fa&ccedil;on de cr&eacute;er des landing pages consiste &agrave; <a href=\"https:\/\/www.hostinger.com\/fr\/tutoriels\/installer-themes-wordpress\"><strong>installer un th&egrave;me WordPress<\/strong><\/a>. Cela vous permettra de personnaliser la mise en page et le design d&rsquo;une page d&rsquo;accueil WordPress sans modifier son th&egrave;me.<\/p><p>Cependant, les th&egrave;mes WordPress ne proposent pas tous des mod&egrave;les de landing pages. Pour vous aider, nous vous recommandons de choisir parmi la liste suivante de <a href=\"https:\/\/www.hostinger.com\/fr\/tutoriels\/meilleur-theme-wordpress-gratuit\"><strong>templates WordPress gratuits<\/strong><\/a> :<\/p><ul class=\"wp-block-list\">\n<li><strong>Astra <\/strong>&ndash; propose plus de 150 mod&egrave;les pr&eacute;d&eacute;finis qui sont enti&egrave;rement int&eacute;gr&eacute;s &agrave; des outils populaires, comme WooCommerce.<\/li>\n\n\n\n<li><strong>Neve <\/strong>&ndash; propose des th&egrave;mes polyvalents compatibles avec l&rsquo;&eacute;diteur Gutenberg et WooCommerce.<\/li>\n\n\n\n<li><strong>Portum Material <\/strong>&ndash; est dot&eacute; d&rsquo;un curseur pleine largeur, de boutons d&rsquo;appel &agrave; l&rsquo;action et de fonctions d&rsquo;animation qui rendront votre landing page plus attrayante.<\/li>\n<\/ul><p>Maintenant, passons en revue un guide &eacute;tape par &eacute;tape sur la fa&ccedil;on de cr&eacute;er une landing page dans WordPress avec un th&egrave;me.<\/p><h3 class=\"wp-block-heading\"><strong>1. Ajouter une nouvelle page<\/strong><\/h3><p>Suivez les &eacute;tapes ci-dessous pour ajouter une nouvelle page WordPress :<\/p><ol class=\"wp-block-list\">\n<li>Ajoutez un nouveau th&egrave;me &agrave; partir de votre tableau de bord WordPress.<\/li>\n\n\n\n<li>Cliquez sur <strong>Apparence <\/strong>-&gt; <strong>Th&egrave;mes <\/strong>-&gt; <strong>Ajouter<\/strong>.<\/li>\n\n\n\n<li>Choisissez et activez votre th&egrave;me WordPress. Dans ce tutoriel, nous allons utiliser Neve.<\/li>\n<\/ol><figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1024\" height=\"450\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/02\/menu-des-themes-WordPress.png\/public\" alt=\"Le menu des th&egrave;mes du tableau de bord de WordPress, utilis&eacute; pour ajouter un nouveau th&egrave;me &agrave; votre site.\" class=\"wp-image-20264\" title=\"menu-des-th&egrave;mes-wordpress\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/02\/menu-des-themes-WordPress.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/02\/menu-des-themes-WordPress.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/02\/menu-des-themes-WordPress.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/02\/menu-des-themes-WordPress.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><ol class=\"wp-block-list\" start=\"4\">\n<li>Une fois que vous avez configur&eacute; votre th&egrave;me, allez dans <strong>Pages <\/strong>-&gt; <strong>Ajouter <\/strong>pour cr&eacute;er une landing page. Vous pouvez &eacute;galement ajouter une nouvelle page &agrave; partir de la barre <strong>+ Nouveau <\/strong>-&gt; <strong>Page <\/strong>en<strong> <\/strong>haut de votre page.<\/li>\n<\/ol><figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1024\" height=\"431\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/02\/menu-de-pages-menu-WordPress.png\/public\" alt=\"Le menu des pages du tableau de bord de WordPress, dans lequel vous pouvez ajouter une nouvelle page &agrave; votre site web.\" class=\"wp-image-20265\" title=\"menu-pages-wordpress\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/02\/menu-de-pages-menu-WordPress.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/02\/menu-de-pages-menu-WordPress.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/02\/menu-de-pages-menu-WordPress.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/02\/menu-de-pages-menu-WordPress.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><ol class=\"wp-block-list\" start=\"5\">\n<li>Maintenant, vous devriez voir une page blanche. Donnez un titre &agrave; votre landing page personnalis&eacute;e.<\/li>\n\n\n\n<li>Choisissez <strong>Page Builder Full Width (Neve) <\/strong>dans le menu <strong>Template <\/strong>de la barre lat&eacute;rale.<\/li>\n<\/ol><figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1024\" height=\"511\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/02\/apparence-d-une-nouvelle-page.png\/public\" alt=\"L'apparition d'une nouvelle page qui vous permet de s&eacute;lectionner votre page de mod&egrave;le dans le menu lat&eacute;ral\" class=\"wp-image-20266\" title=\"selectionner-template-sur-page-wordpress\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/02\/apparence-d-une-nouvelle-page.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/02\/apparence-d-une-nouvelle-page.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/02\/apparence-d-une-nouvelle-page.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/02\/apparence-d-une-nouvelle-page.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><h3 class=\"wp-block-heading\"><strong>2. D&eacute;finir la landing page comme une page d&rsquo;accueil statique<\/strong><\/h3><p>Ensuite, vous devrez d&eacute;finir votre nouvelle page comme une page d&rsquo;accueil statique. Gardez &agrave; l&rsquo;esprit qu&rsquo;il s&rsquo;agit d&rsquo;une page diff&eacute;rente de votre page d&rsquo;accueil habituelle. La page statique permettra aux visiteurs d&rsquo;atterrir sur elle lorsqu&rsquo;ils navigueront sur votre site Web.<\/p><p>Allez dans <strong>R&eacute;glages <\/strong>-&gt; <strong>Lecture <\/strong>et s&eacute;lectionnez le nom de la page que vous avez cr&eacute;&eacute;e pour la landing page dans le menu d&eacute;roulant <strong>Page d&rsquo;accueil<\/strong>. Ensuite, cliquez sur <strong>Enregistrer les modifications<\/strong>.<\/p><figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1024\" height=\"525\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/02\/reglages-menu-lecture-WordPress.png\/public\" alt=\"Le menu des param&egrave;tres de lecture de WordPress qui peut &ecirc;tre utilis&eacute; pour transformer votre page en page statique.\" class=\"wp-image-20267\" title=\"reglages-lecture-wordpress\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/02\/reglages-menu-lecture-WordPress.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/02\/reglages-menu-lecture-WordPress.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/02\/reglages-menu-lecture-WordPress.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/02\/reglages-menu-lecture-WordPress.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><p>Une fois que vous l&rsquo;avez enregistr&eacute;e, commencez &agrave; personnaliser le th&egrave;me de la landing page en allant dans <strong>Apparence <\/strong>-&gt; <strong>Personnaliser. <\/strong>Vous trouverez des options pour modifier les &eacute;l&eacute;ments de votre page, tels que la mise en page, l&rsquo;en-t&ecirc;te, les boutons, les couleurs et l&rsquo;arri&egrave;re-plan.<\/p><h3 class=\"wp-block-heading\"><strong>3. Personnaliser la landing page avec l&rsquo;&eacute;diteur WordPress<\/strong><\/h3><p>Outre la modification du th&egrave;me, vous pouvez personnaliser la landing page &agrave; l&rsquo;aide de l&rsquo;<a href=\"https:\/\/www.hostinger.com\/fr\/tutoriels\/gutenberg-wordpress\"><strong>&eacute;diteur WordPress Gutenberg<\/strong><\/a>.<\/p><p>Notez que cet &eacute;diteur de bloc est livr&eacute; avec les versions 5.0 et sup&eacute;rieures de WordPress. Si vous utilisez une version plus ancienne de WordPress, vous devrez installer le plugin Gutenberg.<\/p><p>Pour personnaliser votre page, cliquez sur la <strong>case + <\/strong>pour voir tous les blocs disponibles.<\/p><p>Trouvez le bloc que vous voulez utiliser avec la bo&icirc;te de recherche et cliquez dessus pour l&rsquo;ajouter.<\/p><figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1024\" height=\"511\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/09\/image-98.png\/public\" alt=\"L'emplacement de l'option de recherche dans l'&eacute;diteur Gutenberg de WordPress.\" class=\"wp-image-34757\" title=\"recherche-blocs-editeur-gutenberg\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/09\/image-98.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/09\/image-98.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/09\/image-98.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/09\/image-98.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><p>Une fois le bloc ajout&eacute;, vous pouvez le modifier dans l&rsquo;onglet <strong>Bloc <\/strong>de la barre lat&eacute;rale ou en cliquant sur les <strong>trois points verticaux situ&eacute;s <\/strong>au-dessus de lui.<\/p><figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1024\" height=\"455\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/09\/image-99.png\/public\" alt=\"Les trois points au-dessus du bloc qui permettent d'acc&eacute;der aux outils de l'&eacute;diteur de Gutenberg.\" class=\"wp-image-34758\" title=\"modifier-bloc-sur-gutenberg\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/09\/image-99.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/09\/image-99.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/09\/image-99.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/09\/image-99.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><p>Par exemple, pour ajouter vos produits avec leurs descriptions &agrave; votre landing page, utilisez le bloc <strong>M&eacute;dia et texte<\/strong>, qui pr&eacute;sente une disposition en deux colonnes.<\/p><p>Pour ce faire, il suffit de cliquer sur <strong>Ajouter un bloc <\/strong>-&gt; <strong>M&eacute;dias et texte <\/strong>-&gt; <strong>T&eacute;l&eacute;charger. <\/strong>Choisissez une image sur votre ordinateur ou dans la biblioth&egrave;que multim&eacute;dia de WordPress.<\/p><figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1024\" height=\"485\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/09\/image-100.png\/public\" alt=\"Le bloc M&eacute;dia et Texte o&ugrave; vous pouvez ajouter une image avec une description\" class=\"wp-image-34759\" title=\"bloc-media-et-texte-gutenberg\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/09\/image-100.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/09\/image-100.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/09\/image-100.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/09\/image-100.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><p>En outre, vous pouvez ajouter des liens vers des pages de m&eacute;dias sociaux gr&acirc;ce au bloc <strong>Ic&ocirc;nes sociales<\/strong>. Cela peut contribuer &agrave; accro&icirc;tre la reconnaissance de votre marque.<\/p><h3 class=\"wp-block-heading\" id=\"h-4-publier-votre-landing-page-sur-votre-site-wordpress\">4. Publier votre landing page sur votre site WordPress<\/h3><p>Une fois que vous &ecirc;tes satisfait des r&eacute;sultats, passez en revue votre landing page avec le bouton <strong>Aper&ccedil;u<\/strong> pour vous assurer que tout semble correct.<\/p><p>Enfin, cliquez sur le bouton <strong>Publier<\/strong> dans le coin sup&eacute;rieur droit.<\/p><figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"945\" height=\"472\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/09\/image-101.png\/public\" alt=\"Le bouton de publication qui se trouve dans le coin sup&eacute;rieur droit de votre page WordPress.\" class=\"wp-image-34760\" title=\"publier-landing-page-wordpress\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/09\/image-101.png\/w=945,fit=scale-down 945w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/09\/image-101.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/09\/image-101.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2024\/09\/image-101.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 945px) 100vw, 945px\" \/><\/figure><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"https:\/\/www.hostinger.com\/fr\/hebergement-wordpress\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" width=\"1024\" height=\"300\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2022\/12\/FR-New-WP_in-text-banner.png\/public\" alt=\"\" class=\"wp-image-41453\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2022\/12\/FR-New-WP_in-text-banner.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2022\/12\/FR-New-WP_in-text-banner.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2022\/12\/FR-New-WP_in-text-banner.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2022\/12\/FR-New-WP_in-text-banner.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><\/div><h2 class=\"wp-block-heading\" id=\"h-creer-une-landing-page-wordpress-manuellement\"><strong>Cr&eacute;er une landing page WordPress manuellement<\/strong><\/h2><p>La derni&egrave;re m&eacute;thode pour cr&eacute;er une landing page dans WordPress consiste &agrave; utiliser un mod&egrave;le de page. Notez que vous aurez besoin de certaines comp&eacute;tences en codage pour cr&eacute;er des landing pages personnalis&eacute;es &agrave; partir de z&eacute;ro.<\/p><p>Nous recommandons la m&eacute;thode manuelle lorsque vous avez besoin de plus de flexibilit&eacute; et d&rsquo;options de personnalisation pour le design. Par exemple, c&rsquo;est parfait pour cr&eacute;er une landing page pour un domaine d&eacute;di&eacute;.<\/p><p>Dans ce guide &eacute;tape par &eacute;tape, nous vous montrerons comment cr&eacute;er un mod&egrave;le de landing page personnalis&eacute; en utilisant des th&egrave;mes WordPress existants.<\/p><h3 class=\"wp-block-heading\"><strong>1. Cr&eacute;er un th&egrave;me enfant<\/strong><\/h3><p>La cr&eacute;ation d&rsquo;un th&egrave;me enfant est essentielle pour cr&eacute;er un mod&egrave;le de page WordPress personnalis&eacute;, car il vous permettra de le personnaliser sans briser ses fonctionnalit&eacute;s de base.<\/p><p>Pour cette m&eacute;thode, nous allons utiliser <strong>le <\/strong><a href=\"https:\/\/www.hostinger.com\/fr\/tutoriels\/gestionnaire-fichiers-hostinger\"><strong>gestionnaire de fichiers de Hostinger<\/strong><\/a> pour <a href=\"https:\/\/www.hostinger.com\/fr\/tutoriels\/theme-enfant-wordpress\"><strong>cr&eacute;er un th&egrave;me enfant<\/strong><\/a>. N&rsquo;oubliez pas que ce processus n&eacute;cessite quelques connaissances en HTML, CSS et PHP.<\/p><p>Tout d&rsquo;abord, allez dans <a href=\"https:\/\/www.hostinger.com\/fr\/tutoriels\/hpanel-hostinger\"><strong>hPanel<\/strong><\/a> -&gt; <strong>Gestionnaire de fichiers.<\/strong><\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"336\" height=\"245\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2022\/11\/gestionnaire-fichiers-1.png\/public\" alt=\"L'emplacement du gestionnaire de fichiers de Hostinger dans le tableau de bord hPanel\" class=\"wp-image-16904\" title=\"gestionnaire-de-fichiers-wordpress\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2022\/11\/gestionnaire-fichiers-1.png\/w=336,fit=scale-down 336w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2022\/11\/gestionnaire-fichiers-1.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2022\/11\/gestionnaire-fichiers-1.png\/w=150,fit=scale-down 150w\" sizes=\"(max-width: 336px) 100vw, 336px\" \/><\/figure><\/div><p>Ensuite, naviguez dans <strong>public_html <\/strong>-&gt; <strong>wp-content <\/strong>-&gt; <strong>themes<\/strong>, cliquez sur <strong>Nouveau dossier <\/strong>dans le coin sup&eacute;rieur droit, et entrez un nom pour votre th&egrave;me enfant.<\/p><figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1024\" height=\"641\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/02\/dossier-themes-gestionnaire-de-fichiers.png\/public\" alt=\"Le dossier themes dans le gestionnaire de fichiers o&ugrave; vous pouvez ajouter un nouveau dossier pour cr&eacute;er un th&egrave;me enfant.\" class=\"wp-image-20268\" title=\"dossier-themes-dans-le-gestionnaire-de-fichiers\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/02\/dossier-themes-gestionnaire-de-fichiers.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/02\/dossier-themes-gestionnaire-de-fichiers.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/02\/dossier-themes-gestionnaire-de-fichiers.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/02\/dossier-themes-gestionnaire-de-fichiers.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><p>Sinon, connectez-vous &agrave; votre site via un <a href=\"https:\/\/www.hostinger.com\/fr\/tutoriels\/utiliser-filezilla\">client <strong>FTP<\/strong> comme <strong>FileZilla<\/strong><\/a> et cr&eacute;ez un nouveau dossier dans votre r&eacute;pertoire <strong>wp-content\/themes<\/strong>.<\/p><h3 class=\"wp-block-heading\"><strong>2. Modifiez le fichier style.css<\/strong><\/h3><p>Ensuite, vous devrez cr&eacute;er un nouveau fichier <strong>style.css <\/strong>qui sera la nouvelle feuille de style dans le dossier du th&egrave;me enfant. Ajoutez-y le code suivant :<\/p><pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">*\/\nTheme Name: Twenty Twenty-One Child\nTheme URI: http:\/\/yourdomain.com\nDescription: Twenty Twenty-One Child\nTheme Author: Your Name\nAuthor URI: http:\/\/yourdomain.com\nTemplate: twentytwentyone\nVersion: 1.0.0\nText Domain: twentytwentyone-child\nLicense: GNU General Public License v2 or later\nLicense URI: http:\/\/www.gnu.org\/licenses\/gpl-2.0.html\nTags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images\n*\/<\/pre><p>Ce code contient des informations de base sur le th&egrave;me enfant, notamment son nom et son th&egrave;me parent. Apr&egrave;s avoir modifi&eacute; le fichier <strong>style.css <\/strong>en fonction du th&egrave;me parent que vous avez choisi, cliquez sur <strong>Enregistrer <\/strong>et <strong>fermer<\/strong>.<\/p><h3 class=\"wp-block-heading\"><strong>3. Cr&eacute;ez un fichier functions.php<\/strong><\/h3><p>L&rsquo;&eacute;tape suivante consiste &agrave; mettre en file d&rsquo;attente les feuilles de style des th&egrave;mes parent et enfant. Pour ce faire, cr&eacute;ez un nouveau fichier nomm&eacute; <strong>functions.php <\/strong>dans le dossier du th&egrave;me enfant.<\/p><p>Commencez par une balise PHP d&rsquo;ouverture, puis ajoutez les fonctions permettant de mettre en file d&rsquo;attente la feuille de style du th&egrave;me parent. Par exemple, vous pouvez ins&eacute;rer le code suivant :<\/p><pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">&lt;?php\nadd_action( 'wp_enqueue_scripts', 'enqueue_parent_styles' );\nfunction enqueue_parent_styles() {\nwp_enqueue_style( 'parent-style', get_template_directory_uri().'\/style.css' );\n}\n?&gt;<\/pre><p>Vous avez maintenant un nouveau th&egrave;me enfant fonctionnel qui se chargera apr&egrave;s votre th&egrave;me parent.<\/p><h3 class=\"wp-block-heading\"><strong>4. Activez le th&egrave;me enfant<\/strong><\/h3><p>Votre th&egrave;me enfant est maintenant pr&ecirc;t &agrave; &ecirc;tre utilis&eacute;, alors allez dans votre zone d&rsquo;administration WordPress et cliquez sur <strong>Apparence <\/strong>-&gt; <strong>Th&egrave;me <\/strong>-&gt; <strong>Activer<\/strong>.<\/p><figure class=\"wp-block-image\"><a href=\"https:\/\/www.hostinger.com\/tutorials\/wp-content\/uploads\/sites\/2\/2022\/05\/The-WordPress-themes-menu-where-you-can-find-your-child-theme-and-activate-it-1.png\"><img decoding=\"async\" src=\"https:\/\/www.hostinger.com\/tutorials\/wp-content\/uploads\/sites\/2\/2022\/05\/The-WordPress-themes-menu-where-you-can-find-your-child-theme-and-activate-it-1-1024x457.png\" alt=\"Le menu des th&egrave;mes de WordPress o&ugrave; vous pouvez trouver votre th&egrave;me enfant et l'activer.\" class=\"wp-image-55694\" title=\"trouver-votre-th&egrave;me-enfant-wordpress\"><\/a><\/figure><h3 class=\"wp-block-heading\"><strong>5. Cr&eacute;er une nouvelle page personnalis&eacute;e<\/strong><\/h3><p>Apr&egrave;s avoir activ&eacute; le nouveau th&egrave;me, vous pouvez cr&eacute;er un <strong>mod&egrave;le de page WordPress<\/strong> personnalis&eacute; pour votre landing page avec une mise en page unique.<\/p><p>Commencez par cr&eacute;er un nouveau fichier nomm&eacute; <strong>landing-page.php <\/strong>dans le dossier de votre th&egrave;me enfant et ajoutez-y le code suivant :<\/p><pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">&lt;?php \/* Template Name: Landing Page *\/ ?&gt;<\/pre><p>Modifiez le nom du mod&egrave;le comme bon vous semble. Ensuite, cliquez sur <strong>Enregistrer et fermer<\/strong>.<\/p><p>Si vous modifiez ou ajoutez une page sur votre site WordPress, vous verrez votre nouveau mod&egrave;le personnalis&eacute; disponible pour la s&eacute;lection dans un menu sur la barre lat&eacute;rale. Cependant, il sera toujours vide puisque nous n&rsquo;y avons pas encore ajout&eacute; de contenu.<\/p><figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1024\" height=\"408\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/02\/option-template-dans-WordPress.png\/public\" alt=\"L'option de template  dans WordPress qui affichera votre page personnalis&eacute;e\" class=\"wp-image-20269\" title=\"option-template-wordpress\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/02\/option-template-dans-WordPress.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/02\/option-template-dans-WordPress.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/02\/option-template-dans-WordPress.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2023\/02\/option-template-dans-WordPress.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><h3 class=\"wp-block-heading\"><strong>6. Personnalisez la landing page &agrave; l&rsquo;aide de CSS<\/strong><\/h3><p>Apr&egrave;s avoir cr&eacute;&eacute; le mod&egrave;le de landing page, il est temps de le personnaliser.<\/p><p>Tout d&rsquo;abord, copiez le code existant &agrave; partir de la ligne <strong>get_header() ; <\/strong>du fichier <strong>page.php <\/strong>de<strong> <\/strong>votre th&egrave;me parent &ndash; il se trouve dans <strong>public_html <\/strong>-&gt; <strong>wp-content <\/strong>-&gt; <strong>Themes <\/strong>-&gt; <strong>yourtheme<\/strong>. Collez-la dans votre fichier <strong>landing-page.php <\/strong>et enregistrez les modifications. Voici &agrave; quoi devrait ressembler votre code :<\/p><pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">&lt;?php \/* Template Name: Landing Page *\/ ?&gt;\n \n&lt;?php \nget_header();\n \n\/* Start the Loop *\/\nwhile ( have_posts() ) :\n  the_post();\n  get_template_part( 'template-parts\/content\/content-page' );\n \n  \/\/ If comments are open or there is at least one comment, load up the comment template.\n  if ( comments_open() || get_comments_number() ) {\n    comments_template();\n  }\nendwhile; \/\/ End of the loop.\n \nget_footer(); \n?&gt;\n<\/pre><p>Vous pouvez modifier votre mod&egrave;le de page et y ajouter du code en vous rendant dans <strong>Apparence <\/strong>-&gt; <strong>&Eacute;diteur de fichiers de th&egrave;me<\/strong>.<\/p><figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1024\" height=\"456\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2022\/11\/image-25.png\/public\" alt=\"L'&eacute;diteur de fichiers du th&egrave;me qui vous permet de modifier le code de votre th&egrave;me enfant, y compris les fonctions du th&egrave;me et les pages personnalis&eacute;es.\" class=\"wp-image-16907\" title=\"&eacute;diteur-de-fichiers-du-th&egrave;me-wordpress\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2022\/11\/image-25.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2022\/11\/image-25.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2022\/11\/image-25.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2022\/11\/image-25.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><p>&Eacute;tant donn&eacute; que la plupart des landings pages n&rsquo;ont g&eacute;n&eacute;ralement pas de barres lat&eacute;rales et de pieds de page pour minimiser les distractions, supprimez-les en supprimant ces deux lignes :<\/p><pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">get_sidebar(); \nget_footer();<\/pre><p>Pour ajouter plus de contenu &agrave; votre landing page, utilisez l&rsquo;&eacute;diteur WordPress. En outre, vous pouvez construire une landing page de formulaire personnalis&eacute; via l&rsquo;&eacute;diteur de blocs avec le plugin <a href=\"https:\/\/wordpress.org\/plugins\/forms-gutenberg\/\" target=\"_blank\" rel=\"noopener\"><strong>Gutenberg Forms<\/strong><\/a>, gratuitement.<\/p><p>Pour que votre page de renvoi se d&eacute;marque de la concurrence, ajoutez des fonctionnalit&eacute;s suppl&eacute;mentaires via votre fichier <strong>style.css <\/strong>ou en naviguant dans <strong>Apparence <\/strong>-&gt; <strong>Personnaliser<\/strong>.<\/p><figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1024\" height=\"493\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2022\/11\/image-26.png\/public\" alt=\"La page Personnaliser de WordPress, qui dispose de l'option CSS suppl&eacute;mentaire pour modifier les composants de votre landing page \" class=\"wp-image-16908\" title=\"option-CSS-suppl&eacute;mentaire-wordpress\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2022\/11\/image-26.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2022\/11\/image-26.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2022\/11\/image-26.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2022\/11\/image-26.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><p>Avec des CSS suppl&eacute;mentaires, vous pouvez modifier votre feuille de style. Vous pouvez notamment changer la couleur de l&rsquo;arri&egrave;re-plan et de la barre lat&eacute;rale et modifier le type de police.<\/p><p>Pour modifier la couleur de fond, ajoutez le code suivant :<\/p><pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">.site-content-contain {\n   background-color: #DEF0F5;\n   position: relative;\n}<\/pre><p>Cela ajoutera une couleur de fond vert clair bas&eacute;e sur le <a href=\"https:\/\/htmlcolorcodes.com\/\" target=\"_blank\" rel=\"noopener\"><strong>code hexad&eacute;cimal<\/strong><\/a>, comme dans l&rsquo;image ci-dessous :<\/p><figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1024\" height=\"489\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2022\/11\/image-27.png\/public\" alt=\"La landing page qui utilise un CSS suppl&eacute;mentaire pour modifier sa couleur d'arri&egrave;re-plan.\" class=\"wp-image-16909\" title=\"modifier-couleur-d'arri&egrave;re-plan-wordpress\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2022\/11\/image-27.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2022\/11\/image-27.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2022\/11\/image-27.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2022\/11\/image-27.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><p>Pour modifier le type, la taille et la couleur de la police de votre landing page, ins&eacute;rez le code suivant :<\/p><pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">p {\ncolor: teal;\n}\np {\nfont-family: Georgia;\nfont-size: 22px\n}<\/pre><p>Notez que ce code ne modifie que le corps du texte, comme dans l&rsquo;image ci-dessous :<\/p><figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1024\" height=\"489\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2022\/11\/image-28.png\/public\" alt=\"La landing page qui utilise des CSS suppl&eacute;mentaires pour modifier le type, la taille et la couleur de la police.\" class=\"wp-image-16910\" title=\"utiliser-CSS-suppl&eacute;mentaires-pour-modifier-landing-page\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2022\/11\/image-28.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2022\/11\/image-28.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2022\/11\/image-28.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/46\/2022\/11\/image-28.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><p>Ou, si vous voulez changer le titre, ajoutez ce bout de code :<\/p><pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">h1 {\n  color: white;\n  text-align: center;\n}<\/pre><p>\n\n\n\n<div class=\"protip\">\n                    <h4 class=\"title\">Conseil de pro<\/h4>\n                    <p> Apr&egrave;s avoir publi&eacute; une landing page, utilisez les tests A\/B de WordPress pour l'analyser et optimiser vos taux de conversion. Cela vous aidera &agrave; trouver le texte et le design qui fonctionnent le mieux pour votre campagne. <\/p>\n                <\/div>\n\n\n\n<\/p><h2 class=\"wp-block-heading\" id=\"h-conclusion\"><strong>Conclusion<\/strong><\/h2><p>Une landing page est un &eacute;l&eacute;ment essentiel d&rsquo;un site Web WordPress qui augmente son taux de conversion et l&rsquo;engagement des clients. Il existe trois principales fa&ccedil;ons de cr&eacute;er une landing page sur WordPress.<\/p><p>Si vous &ecirc;tes un d&eacute;butant, utilisez un plugin ou un th&egrave;me pour cr&eacute;er une landing page WordPress. Gr&acirc;ce aux nombreuses fonctionnalit&eacute;s disponibles avec les plugins et les th&egrave;mes, vous serez en mesure de personnaliser et d&rsquo;optimiser votre page de destination comme un expert.<\/p><p>Si vous &ecirc;tes d&eacute;j&agrave; familiaris&eacute; avec le HTML, le PHP et le CSS, la cr&eacute;ation d&rsquo;une landing page sur WordPress &agrave; partir de z&eacute;ro est une meilleure solution car elle offre plus de flexibilit&eacute;.<\/p><p>Quelle que soit l&rsquo;option choisie, utilisez un titre convaincant, un design simple et un appel &agrave; l&rsquo;action clair pour cr&eacute;er une landing page &agrave; fort taux de conversion.<\/p><p>Nous esp&eacute;rons que cet article vous a aid&eacute; &agrave; apprendre comment cr&eacute;er une landing page sur WordPress. Si vous avez d&rsquo;autres questions, n&rsquo;h&eacute;sitez pas &agrave; laisser un commentaire ci-dessous.<\/p><p>\n\n\n<div class=\"protip\">\n                    <h4 class=\"title\">D&eacute;couvrez ce que vous pouvez faire d'autre avec WordPress<\/h4>\n                    <p> <a href=\"https:\/\/www.hostinger.com\/fr\/tutoriels\/installer-wordpress\" target=\"_blank\" rel=\"noopener\">Comment Installer WordPress<\/a><br>\n<a href=\"https:\/\/www.hostinger.com\/fr\/tutoriels\/securiser-wordpress\" target=\"_blank\" rel=\"noopener\">Guide de S&eacute;curit&eacute; de WordPress<\/a><br>\n<a href=\"https:\/\/www.hostinger.com\/fr\/tutoriels\/galerie-wordpress\" target=\"_blank\" rel=\"noopener\">Cr&eacute;er une Galerie WordPress<\/a><\/p>\n                <\/div>\n\n\n\n<\/p><h2 class=\"wp-block-heading\" id=\"h-creer-une-landing-page-wordpress-faq\">Cr&eacute;er une Landing Page WordPress &ndash; FAQ<\/h2><p>Dans cette section, nous r&eacute;pondrons &agrave; certaines des questions les plus courantes que se posent les personnes int&eacute;ress&eacute;es par la cr&eacute;ation d&rsquo;une landing page sur WordPress.<\/p><div class=\"schema-faq wp-block-yoast-faq-block\"><div class=\"schema-faq-section\" id=\"faq-question-1686745912254\"><h3 class=\"schema-faq-question\">C&rsquo;est quoi une page d&rsquo;atterrissage WordPress ?<\/h3> <p class=\"schema-faq-answer\">Une landing page WordPress (page d&rsquo;atterrissage, en fran&ccedil;ais) est <strong>une page con&ccedil;ue<\/strong> &agrave; des fins de marketing<strong> pour diriger le trafic vers un objectif sp&eacute;cifique<\/strong>. La page peut servir &agrave; g&eacute;n&eacute;rer des leads, &agrave; promouvoir des produits et services ou &agrave; faire la promotion d&rsquo;un &eacute;v&eacute;nement.<\/p> <\/div> <div class=\"schema-faq-section\" id=\"faq-question-1686745947653\"><h3 class=\"schema-faq-question\">Comment cr&eacute;er une page d&rsquo;atterrissage sur WordPress ?<\/h3> <p class=\"schema-faq-answer\">Il existe trois principales fa&ccedil;ons de cr&eacute;er une <strong>landing page sur WordPress<\/strong> qui convertit efficacement : <br>1- Cr&eacute;er une <strong>landing page WordPress<\/strong> avec un plugin.<br>2- Cr&eacute;er une landing<strong> page<\/strong> avec un th&egrave;me WordPress. <br>3- Cr&eacute;er une landing<strong> page<\/strong> manuellement.<\/p> <\/div> <\/div>\n","protected":false},"excerpt":{"rendered":"<p>Une landing page peut augmenter le taux de conversion de votre site WordPress en encourageant les visiteurs &agrave; effectuer l&rsquo;action souhait&eacute;e, comme s&rsquo;abonner &agrave; une newsletter, acheter un produit ou s&rsquo;inscrire sur un site web. Si le taux de conversion moyen des landing pages est de 9,7 %, l&rsquo;ajout d&rsquo;&eacute;l&eacute;ments tels que des images ou [&#8230;]<\/p>\n<p><a class=\"btn btn-secondary understrap-read-more-link\" href=\"\/fr\/tutoriels\/landing-page-wordpress\">Read More&#8230;<\/a><\/p>\n","protected":false},"author":189,"featured_media":20251,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"rank_math_title":"Comment Cr\u00e9er une Landing Page sur WordPress ?","rank_math_description":"Comment cr\u00e9er une landing page sur WordPress qui convertit. D\u00e9couvrez les diff\u00e9rentes m\u00e9thodes avec ce tutoriel Hostinger.","rank_math_focus_keyword":"landing page wordpress","footnotes":""},"categories":[4777],"tags":[],"class_list":["post-16229","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/tutorials\/how-to-create-a-landing-page-in-wordpress","default":0},{"locale":"pt-BR","link":"https:\/\/www.hostinger.com\/br\/tutoriais\/criar-landing-page-wordpress","default":0},{"locale":"fr-FR","link":"https:\/\/www.hostinger.com\/fr\/tutoriels\/landing-page-wordpress","default":0},{"locale":"es-ES","link":"https:\/\/www.hostinger.com\/es\/tutoriales\/wordpress-landing-page","default":0},{"locale":"ja-JP","link":"https:\/\/www.hostinger.com\/jp\/tutorials\/how-to-create-a-landing-page-in-wordpress\/","default":0},{"locale":"en-UK","link":"https:\/\/www.hostinger.com\/uk\/tutorials\/how-to-create-a-landing-page-in-wordpress","default":0},{"locale":"en-MY","link":"https:\/\/www.hostinger.com\/my\/tutorials\/how-to-create-a-landing-page-in-wordpress","default":0},{"locale":"en-PH","link":"https:\/\/www.hostinger.com\/ph\/tutorials\/how-to-create-a-landing-page-in-wordpress","default":0},{"locale":"es-MX","link":"https:\/\/www.hostinger.com\/mx\/tutoriales\/wordpress-landing-page","default":0},{"locale":"es-CO","link":"https:\/\/www.hostinger.com\/co\/tutoriales\/wordpress-landing-page","default":0},{"locale":"es-AR","link":"https:\/\/www.hostinger.com\/ar\/tutoriales\/wordpress-landing-page","default":0},{"locale":"pt-PT","link":"https:\/\/www.hostinger.com\/pt\/tutoriais\/criar-landing-page-wordpress","default":0},{"locale":"en-IN","link":"https:\/\/www.hostinger.com\/in\/tutorials\/how-to-create-a-landing-page-in-wordpress","default":0},{"locale":"en-CA","link":"https:\/\/www.hostinger.com\/ca\/tutorials\/how-to-create-a-landing-page-in-wordpress","default":0},{"locale":"en-AU","link":"https:\/\/www.hostinger.com\/au\/tutorials\/how-to-create-a-landing-page-in-wordpress","default":0},{"locale":"en-NG","link":"https:\/\/www.hostinger.com\/ng\/tutorials\/how-to-create-a-landing-page-in-wordpress","default":0}],"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/posts\/16229","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/users\/189"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/comments?post=16229"}],"version-history":[{"count":46,"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/posts\/16229\/revisions"}],"predecessor-version":[{"id":34761,"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/posts\/16229\/revisions\/34761"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/media\/20251"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/media?parent=16229"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/categories?post=16229"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/fr\/tutoriels\/wp-json\/wp\/v2\/tags?post=16229"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}