X

Comment créer un site WordPress d'une seule page avec défilement

comment-creer-un-site-web-d-une-page-dans-wordpress

Vous voulez un moyen facile de créer un site web d'une seule page dans WordPress ?

Les sites web à défilement d'une seule page sont extrêmement populaires maintenant car ils permettent aux utilisateurs de voir tout votre contenu sur une seule page.

Les visiteurs peuvent comprendre de quoi parle votre site web et ce que vous avez à offrir en moins de temps et en petits morceaux, ce qui est exactement ce qu'ils veulent. De plus, il est plus facile à créer et à gérer. C'est donc un avantage pour vous et pour le visiteur.

Dans ce tutoriel, nous allons vous montrer le moyen le plus simple de créer un site web d'une seule page époustouflant dans WordPress. 

Avant de commencer, soyons clairs sur ce qu'est un site web d'une seule page.

Qu'est-ce qu'un site web d'une seule page ?

Un site web d'une seule page affiche tout le contenu de votre site web dans un format concis et soigné sur une seule page.

À l'heure actuelle, les utilisateurs veulent consommer du contenu rapidement plutôt que de passer du temps à naviguer sur différentes pages. Cela a rendu les sites web à défilement d'une seule page performants.

Les sites web normaux comprennent généralement plusieurs pages telles que la page d'accueil, la page de contact, la page à propos, et plus encore. Vous verrez un menu de navigation qui vous donne accès aux pages importantes du site. Cependant, vous n'avez pas besoin de créer ces pages si vous avez un site d'une seule page. Le contenu de votre site web est présenté dans une mise en page soignée, divisée en différentes sections.

Lorsqu'un utilisateur clique sur un élément du menu, la page défile vers la section de contenu de la même page au lieu d'ouvrir une page web différente. 

Les sites web d'une seule page aident à :

  • Réduire le temps de chargement des pages
  • Augmenter l'engagement grâce à un flux continu de contenu
  • Améliorer l'expérience utilisateur
  • Optimiser pour les utilisateurs mobiles

Sans oublier qu'ils sont beaucoup plus faciles à personnaliser et à maintenir.

Les sites web d'une seule page fonctionnent très bien pour toute entreprise qui a des offres simples et faciles à comprendre. Ils sont également idéaux si vous souhaitez créer une boutique en ligne simple ou un portfolio pour présenter vos compétences. 

Avant d'apprendre à créer un site web d'une seule page dans WordPress, vous devez savoir quelles sections de contenu vous devez ajouter. 

Que faut-il inclure dans votre site WordPress d'une seule page ?

Lorsque vous créez un site web d'une seule page, vous devez vous assurer que les visiteurs peuvent trouver toutes les informations dont ils ont besoin sur vous, mais vous devez faire attention à ne pas en faire trop en ajoutant trop d'éléments.

Cela dit, voici quelques-uns des éléments que vous devez idéalement inclure dans votre site WordPress d'une seule page : 

  • Logo et slogan de la marque : Le logo et le slogan de votre site web contribuent à accroître la notoriété de la marque auprès des visiteurs
  • Appel à l'action (CTA) convaincant : Vous devez ajouter un bouton CTA avec un message et une couleur qui attirent l'attention
  • Section À propos de nous : La section À propos de nous donne aux visiteurs une brève introduction sur vous ou votre entreprise
  • Section Produits/Services : Une section qui présente les produits ou services que vous proposez 
  • Avis et témoignages : Les avis et témoignages des clients vous aident à gagner la confiance de vos visiteurs
  • Liens vers les réseaux sociaux : Liez vos profils de réseaux sociaux pour vous connecter avec les utilisateurs
  • Informations de contact : Section Contactez-nous qui permet aux utilisateurs de communiquer avec vous

Cette liste n'est pas exhaustive. Les éléments que vous ajoutez dépendront du type de site web que vous créez, comme un site web pour petite entreprise ou une boutique en ligne.

Maintenant que vous savez quoi inclure dans un site d'une seule page, apprenons comment en créer un.

Comment créer un site web d'une seule page dans WordPress ?

Avant de commencer, vous aurez besoin d'une installation WordPress de base. Si ce n'est pas le cas, suivez notre guide pour la configurer rapidement : Comment créer un site web en 5 étapes simples.

Dans WordPress, vous pouvez créer un site d'une seule page en utilisant un thème ou un constructeur de pages de destination. Si vous êtes débutant, vous trouverez des options de thèmes WordPress gratuits pour commencer. Mais la personnalisation du thème peut être difficile. 

Nous recommandons d'utiliser un constructeur de pages de destination pour créer un site web d'une seule page dans WordPress. C'est plus facile et vous pouvez avoir votre site opérationnel en quelques minutes. 

Notre constructeur de pages de destination préféré est SeedProd.

SeedProd

SeedProd est convivial pour les débutants et vous permet de créer tout type de page de destination sans toucher une seule ligne de code.

Il offre une bibliothèque intégrée de modèles magnifiques, vous n'avez donc pas à créer votre site web d'une seule page à partir de zéro. Avec son constructeur facile par glisser-déposer, vous pouvez ajouter des blocs de page et personnaliser votre design sans effort. 

Vous y trouverez plus de 40 blocs de contenu, y compris des témoignages, des comptes à rebours, des boutons d'appel à l'action, et plus encore. Ainsi, vous pouvez personnaliser la page unique pour qu'elle corresponde parfaitement à votre marque.

De plus, vous pouvez vous connecter aux principaux services de marketing par e-mail tels que Constant Contact, Mailchimp, AWeber, et plus encore. Cela vous aide à automatiser vos efforts de génération de prospects et à maintenir votre liste d'e-mails à jour.

En dehors de cela, voici quelques-unes des fonctionnalités qui font de SeedProd le meilleur choix pour créer des sites web d'une seule page :

  • Plus de 150 modèles pré-conçus vous permettent de créer des pages au look professionnel
  • Entièrement responsive, ce qui signifie que votre site web d'une seule page s'affiche bien sur toutes les tailles d'écran
  • Intégration avec les outils d'optimisation pour les moteurs de recherche tels que All in One SEO et Google Analytics
  • Page Bientôt disponible intégrée, pages 404, page de connexion et mode maintenance
  • La fonctionnalité reCAPTCHA vous aide à protéger votre site et à obtenir des prospects authentiques

SeedProd offre les fonctionnalités les plus puissantes tout en étant très léger. Ainsi, votre site web d'une seule page fonctionnera bien et aura une vitesse de chargement plus rapide.

Maintenant, nous allons vous montrer comment créer un site web d'une seule page dans WordPress en utilisant le constructeur de pages SeedProd. 

Étape 1 : Installer et activer le plugin SeedProd

Tout d'abord, vous devez vous inscrire à votre compte SeedProd. Vous pouvez télécharger et installer le plugin gratuitement. Ils proposent également un plugin premium à des prix abordables.

Il existe différents plans, donc selon que vous êtes un freelance, une petite entreprise ou une grande entreprise, vous pouvez en trouver un qui convient le mieux aux besoins de votre site web.

Après votre inscription, vous aurez accès à votre tableau de bord SeedProd où vous trouverez le fichier du plugin à télécharger ainsi qu'une clé de licence. 

licence et téléchargement seedprod

Vous devez installer et activer le plugin SeedProd sur votre site WordPress. Si vous souhaitez plus de détails, vous pouvez consulter notre tutoriel sur comment installer un plugin WordPress

Une fois le plugin installé et activé, ouvrez l'onglet SeedProd » Paramètres et entrez votre clé de licence ici. 

clé de licence seedprod

Ensuite, cliquez sur le bouton Vérifier la clé pour voir un message de « vérification réussie ».

Maintenant, vous pouvez commencer à créer un site web d'une seule page dans WordPress.

Étape 2 : Créer une nouvelle page 

To create a new one page site, navigate to the SeedProd » Pages tab in the WordPress dashboard. 

Ici, vous pouvez voir la section où vous pouvez configurer le mode « Bientôt disponible », le mode maintenance, la page de connexion et la page 404.

Si vous souhaitez masquer votre site Web pendant sa création afin que personne ne le visite accidentellement, vous pouvez activer le mode Bientôt disponible ici.

activation-du-mode-bientot

SeedProd dispose d'une page par défaut qui s'affiche aux visiteurs, mais vous pouvez créer une page « Bientôt disponible » personnalisée. Il existe des modèles préconçus que vous pouvez rapidement modifier et publier.

L'avantage du mode « Bientôt disponible » de SeedProd est que vous pouvez ajouter des formulaires d'inscription et des comptes à rebours. Cela vous aide à créer un élan pour votre site et vous pouvez commencer à constituer votre liste d'abonnés et de clients avant même de lancer votre site.

page bientôt activée

Maintenant que votre site est hors de vue du public en toute sécurité, vous pouvez configurer votre site en coulisses. Sur la même page, sous la section Pages de destination, cliquez sur le bouton Ajouter une nouvelle page de destination pour commencer.

ajouter une nouvelle page de destination dans seedprod

Cela ouvrira la bibliothèque de modèles qui comprend plus de 100 modèles de pages polyvalents. SeedProd propose des filtres qui vous aident à parcourir facilement les modèles. Nous vous recommandons de consulter les modèles Ventes et Page de capture de prospects qui conviennent mieux à une page unique.

Cependant, SeedProd est incroyablement convivial et rend la création d'un site Web d'une seule page un jeu d'enfant. Nous allons donc utiliser le Modèle vierge pour vous montrer comment créer un design unique de page unique dans WordPress à partir de zéro. 

modèle vierge seedprod

Après avoir sélectionné le modèle vierge, vous verrez une fenêtre contextuelle où vous devrez entrer le nom de votre page et l'URL de votre page. 

nommez votre page

Cliquez sur le bouton Enregistrer et commencer à modifier la page pour ouvrir le constructeur de pages visuel de SeedProd.

Vous pouvez maintenant commencer à construire votre site Web WordPress d'une seule page. 

Étape 3 : Configurer votre site Web d'une seule page

Dans le constructeur par glisser-déposer, vous pouvez voir les blocs de contenu sur le côté gauche et l'aperçu de la page sur le côté droit. 

seedprod-builder

À gauche, les blocs de contenu sont divisés en trois segments : Standard, Avancé et WooCommerce. Vous pouvez ajouter ces blocs de contenu essentiels pour optimiser votre site Web d'une seule page pour plus de fonctionnalités :

  • Titres
  • Boutons CTA
  • Formulaires d'inscription
  • Formulaires de contact
  • Témoignages
  • Note étoile 
  • Partage sur les réseaux sociaux

Vous remarquerez que SeedProd est livré avec des widgets intégrés pour les plugins WordPress populaires comme WPForms, RafflePress et WooCommerce.

De plus, vous pouvez voir l'onglet Sections sur le côté gauche du constructeur. Ici, vous aurez des options pour ajouter des sections intelligentes prédéfinies telles que des en-têtes, des appels à l'action, des FAQ, et plus encore.

sections page unique seedprod

Ces mises en page sont prêtes à l'emploi et superbes dès le départ. Nous allons maintenant apprendre à créer un site Web d'une seule page dans WordPress en utilisant ces sections et options de personnalisation. 

1. Ajouter une section d'accueil

Pour commencer, vous pouvez ajouter une section Héro à votre page. 

ajouter-une-section-hero

Une section héro est la première chose que vos visiteurs voient lorsqu'ils arrivent sur votre site. Vous devez donc créer un titre héro attrayant. 

Dans l'onglet Héro, vous trouverez de nombreux modèles de héros intégrés parmi lesquels vous pouvez choisir. Vous pouvez survoler un modèle et cliquer sur l'icône de la loupe pour le prévisualiser. 

Cliquez sur l'icône plus pour ajouter un titre héro à votre page. 

selectionner-un-titre-hero

Ensuite, vous pouvez personnaliser votre section héro. Tous les réglages se trouvent dans le panneau de personnalisation de gauche, vous pouvez donc apporter des modifications et voir l'aperçu en direct sur la droite. 

personnaliser-un-titre-hero

Vous pouvez modifier les réglages d'arrière-plan pour les paramètres du héros. Cela vous permet également de modifier le texte du titre et du bouton CTA. 

modifier-le-contenu-de-la-page

2. Ajoutez vos produits

Maintenant, vous pouvez présenter vos produits sur le site WordPress d'une seule page. 

Pour ajouter une section produit, survolez le bas du constructeur de page et cliquez sur l'option Ajouter des colonnes

insérer-une-nouvelle-colonne

Ici, vous pouvez insérer des blocs de contenu de titre et de texte pour expliquer vos produits. Vous pouvez également ajouter une nouvelle colonne avec plusieurs mises en page. 

ajouter-le-contenu-du-produit

Ensuite, vous pouvez ajouter les images pour présenter vos produits. Vous pouvez faire glisser et déposer les blocs de contenu d'image pour afficher les images des produits. 

ajouter-des-produits-sur-un-site-web-d'une-page

Vous pouvez télécharger vos images et modifier les paramètres d'image dans l'option Avancé. Vous pouvez les rendre pleine largeur ou les réduire à une taille qui vous semble la meilleure.

personnaliser-les-images-des-produits

Si vous avez d'autres produits à ajouter, dupliquez simplement la ligne et modifiez les détails du produit. 

paramètres-de-ligne-site-web-d'une-page

3. Ajoutez des témoignages clients

L'ajout d'avis et de témoignages de produits sur votre site vous aidera à établir la confiance avec les visiteurs.

Pour cela, rendez-vous dans l'onglet Sections du constructeur de pages. Ouvrez les options Témoignages et vous verrez toutes les sections de témoignages prédéfinies. 

témoignages-pour-site-d'une-page

Vous pouvez personnaliser la section et modifier l'apparence des témoignages. Cela vous permet d'ajouter plusieurs avis et témoignages de vos clients. 

personnalisation-témoignages-seedprod

Maintenant, vous devez ajouter une section d'appel à l'action (CTA) pour inciter votre visiteur à acheter ou à s'inscrire sur votre site web d'une seule page. 

4. Ajouter une section CTA

Un bouton CTA encourage les visiteurs à agir sur votre site, comme acheter, s'inscrire, créer un compte, et plus encore. Un bon appel à l'action vous aidera à augmenter les conversions, les ventes et les revenus.

Vous avez déjà ajouté un bouton CTA au début de votre site. Mais nous vous recommandons d'ajouter également un CTA vers la fin de votre site défilant. Cela donnera aux visiteurs un accès facile pour agir pendant leur parcours de navigation.

Pour ajouter une section CTA, ouvrez l'onglet Sections » Appel à l'action et choisissez le design que vous aimez. 

section-appel-à-l'action-seedprod

Pour correspondre à votre site web, vous pouvez personnaliser la section en ajoutant une image d'arrière-plan et en modifiant les modèles de boutons. 

modifier-appel-à-l'action

5. Ajouter un pied de page

Ensuite, vous devez ajouter une section pour vos informations de contact et d'autres liens. Vous trouverez de nombreuses sections de pied de page pré-conçues dans le constructeur SeedProd.

Pour ajouter un pied de page, allez dans l'onglet Sections » Pied de page et sélectionnez le design web de pied de page qui convient le mieux à votre site. 

insérer-pied-de-page-dans-site-web-d'une-page

SeedProd vous permet d'ajouter vos propres liens et informations produit au pied de page. De plus, vous pouvez modifier et ajouter vos profils de réseaux sociaux afin que vos visiteurs puissent se connecter avec vous. 

pied-de-page-modifier-seedprod-comment-créer-un-site-web-d'une-page-dans-wordpress

Maintenant, si vous construisiez un site web multi-pages, SeedProd vous permettrait d'ajouter un nouveau menu à votre en-tête afin que les visiteurs puissent naviguer vers d'autres pages. Mais comme il s'agit d'un site web d'une seule page, vous n'aurez pas besoin de menu de navigation. Si le modèle que vous avez sélectionné en a un, assurez-vous de le supprimer car vous n'avez pas besoin de rediriger les visiteurs vers d'autres pages.

supprimer-menu-de-navigation-dans-seedprod

Une fois que vous avez configuré les sections de contenu et les blocs de contenu, cliquez sur le bouton Enregistrer en haut à droite du constructeur. 

Maintenant, votre site d'une page est prêt, mais avant de le mettre en ligne, il y a quelques paramètres que vous voudrez configurer en arrière-plan. Tout d'abord, vous pouvez le connecter à un fournisseur de services d'e-mail pour synchroniser le site Web avec votre compte d'e-mail.  

Étape 4 : Intégration avec un fournisseur de services d'e-mail

SeedProd vous permet d'intégrer votre site d'une page avec tous les services de marketing par e-mail populaires tels que Constant Contact, AWeber, ConvertKit, et plus encore. 

Pour vous connecter à votre compte de marketing par e-mail, accédez à l'onglet Connexion sur le constructeur de pages. 

Ensuite, choisissez votre fournisseur de services d'e-mail. 

intégration-email-seedprod

Cliquez sur le bouton Connecter un nouveau compte et suivez les instructions données à l'écran pour connecter votre compte. La plupart des services vous demandent d'entrer une clé API pour établir une connexion. Vous l'obtenez donc de votre compte d'e-mail. 

connect-email-integration-seedprod

Vous pouvez maintenant demander aux visiteurs de s'abonner à votre liste d'e-mails et importer automatiquement les informations des prospects dans votre liste d'e-mails. 

Ensuite, vous devez vous assurer que les paramètres de la page correspondent à vos préférences.

Étape 5 : Configurer les paramètres de la page

Pour configurer les paramètres de votre page, ouvrez l'onglet Paramètres de la page sur le constructeur de formulaires. 

paramètres-de-page-comment-créer-un-site-web-d'une-page-dans-wordpress

Ici, vous pouvez voir ces paramètres de page :

  • Paramètres généraux : Changez le titre de votre page, l'URL de votre page et le statut de votre page. Vous pouvez choisir d'afficher ou de masquer le lien « Propulsé par SeedProd » sur la page. 
  • SEO :  Optimisez votre site d'une page pour le SEO (optimisation pour les moteurs de recherche) avec des plugins SEO puissants comme All in One SEO
  • Analytique : Intégrez un plugin d'analyse comme MonsterInsights et suivez les performances de votre site d'une seule page.
  • Scripts : Ajoutez du code personnalisé pour modifier encore plus le style et les paramètres de la page. Vous pouvez laisser ce champ vide si vous n'êtes pas familier avec le codage.

Une fois que vous avez apporté des modifications aux paramètres, cliquez sur le bouton Enregistrer à la fin. 

Vous avez presque terminé ! Tout ce que vous avez à faire maintenant est de publier votre site web d'une seule page et de le définir comme page d'accueil.  

Étape 6 : Publiez votre site web d'une seule page

Pour publier votre site d'une page, cliquez sur le menu déroulant à côté du bouton Enregistrer dans le coin supérieur droit du constructeur. Sélectionnez l'option Publier pour mettre votre page en ligne.

publish-one-page-website

Après cela, vous verrez une fenêtre contextuelle vous informant que votre page est publiée. Vous pouvez voir à quoi ressemble votre site WordPress d'une page en cliquant sur le bouton Voir la page en direct.

page-de-capture-de-leads-publiée

Félicitations ! Vous avez créé avec succès un site web d'une page dans WordPress. 

Maintenant, vous devez attribuer cette page comme page d'accueil principale de votre site. 

Étape 7 : Définir votre page d'accueil

Dans la dernière étape, vous devez définir le site web d'une page que vous avez créé comme votre page d'accueil. Pour ce faire, vous pouvez ouvrir l'onglet Paramètres dans le tableau de bord d'administration de WordPress.

Ensuite, allez dans l'option Lecture et définissez le paramètre Votre page d'accueil affiche sur Une page statique. Vous pouvez sélectionner le nom de votre site web d'une page dans l'option Page d'accueil et enregistrer les modifications.

comment-créer-un-site-web-d'une-page-dans-wordpress

Cela transformera la page d'accueil de votre site WordPress en site web d'une seule page.

In case you turned on Coming Soon mode in the first step, you’ll need to head over to SeedProd » Pages and use the toggle switch to deactivate it.

activer le mode « en construction » dans seedprod

SeedProd supprimera la page "coming soon" et votre site web sera mis en ligne. Désormais, toute personne qui accède à l'URL de votre site web pourra voir le site web d'une page que vous avez créé.  

C'est tout pour aujourd'hui ! Nous espérons que ce tutoriel vous a aidé à apprendre comment créer un site web d'une page dans WordPress. 

Avec le constructeur de pages convivial de SeedProd, vous pouvez créer tout type de page de destination en quelques clics. Vous pouvez créer des pages dédiées aux produits et services, des pages de vente, et plus encore.

Vous pourriez même créer une page de capture de prospects où les visiteurs peuvent s'inscrire pour devenir des abonnés. Cela vous aidera à obtenir plus de prospects et d'abonnés.

Si vous souhaitez augmenter le trafic de votre site Web et améliorer vos taux de conversion, vous pouvez consulter OptinMonster. Il vous permet de créer des pop-ups attrayants, des barres flottantes, des fenêtres contextuelles, des tapis de bienvenue, et plus encore.

Cet outil vous aidera à optimiser vos conversions grâce à de puissantes règles de ciblage et des déclencheurs de campagne afin que vous puissiez contacter vos visiteurs au bon moment.

OptinMonster facilite également l'ajout de ces campagnes à n'importe quelle page, publication ou barre latérale de votre site Web.

Pour en savoir plus, vous pouvez consulter notre Avis sur OptinMonster.

Maintenant que votre site d'une page est en ligne, vous trouverez ces ressources utiles :

Ces articles vous aideront à générer du trafic et à augmenter vos taux de conversion. Le dernier vous aidera à vendre vos produits directement depuis votre site sans créer de boutique en ligne.

Commentaires   Laisser une réponse

Ajouter un commentaire

Nous sommes ravis que vous ayez choisi de laisser un commentaire. Veuillez garder à l'esprit que tous les commentaires sont modérés conformément à notre politique de confidentialité, et tous les liens sont nofollow. N'utilisez PAS de mots-clés dans le champ du nom. Ayons une conversation personnelle et significative.

Liste de contrôle de lancement WordPress

La checklist ultime pour lancer un WordPress

Nous avons compilé tous les éléments essentiels de la liste de contrôle pour le lancement de votre prochain site Web WordPress dans un ebook pratique.
Oui, envoyez-moi l'eBook gratuit !