Dernières nouvelles de SeedProd

Tutoriels, astuces et ressources WordPress pour développer votre activité

Comment créer un design de page de service dans WordPress

Comment créer un design de page de service dans WordPress 

Écrit par : image de l'auteur Stacey Corrin
image de l'auteur Stacey Corrin
Stacey écrit sur WordPress et le marketing numérique depuis plus de 10 ans et sur d'autres sujets depuis bien plus longtemps. Parallèlement, elle est fascinée par la conception de sites web, l'expérience utilisateur et le référencement.
     Reviewed By : John Turner
image du réviseur John Turner
John Turner est le cofondateur de SeedProd. Il a plus de 20 ans d'expérience dans le domaine des affaires et du développement et ses plugins ont été téléchargés plus de 25 millions de fois.

Vous cherchez un moyen simple de créer une page de service dans WordPress ?

Lorsque les internautes visitent votre site, ils souhaitent en savoir plus sur les services que vous proposez. Grâce à une section consacrée aux services ou à la conception d'une page, vous pouvez rapidement fournir ces informations, ce qui permet aux clients potentiels d'en savoir plus sur votre petite entreprise.

Dans cet article, nous vous montrerons comment créer une page de service dans WordPress sans écrire une seule ligne de code.

Pourquoi avez-vous besoin d'une page de service ?

Une page de services bien conçue est essentielle pour présenter vos produits ou services et permettre aux clients potentiels de comprendre facilement ce que vous offrez et pourquoi ils devraient choisir votre entreprise. La section consacrée aux services peut contenir des informations sur les prix, des spécifications techniques, des avantages et bien d'autres choses encore.

exemple de conception d'une page de service

Comme ces informations sont nombreuses, il est souvent préférable de créer une page personnalisée pour chaque service afin que les utilisateurs puissent obtenir plus de détails.

Vous pouvez également créer une page de renvoi sur les services ou une section de votre page d'accueil avec une brève présentation de chaque service afin de rester compact et de faciliter la navigation. Vous pouvez ensuite inclure un lien vers les pages des services individuels où les utilisateurs peuvent obtenir plus d'informations.

Vous pouvez même ajouter un bouton d'appel à l'action (CTA) pour que les clients demandent à être rappelés ou remplissent un formulaire.

En bref, les meilleurs sites web d'entreprises disposent d'une section ou d'une page clairement consacrée à la présentation de leurs services afin d'améliorer l'expérience de l'utilisateur et d'accroître leur base de clients et leur présence en ligne.

Dans cette optique, voyons comment créer une page de services dans le système de gestion de contenu de WordPress.

Comment créer un design de page de service dans WordPress avec SeedProd

L'une des façons les plus simples de créer une section ou une page de services professionnels sur WordPress est d'utiliser un constructeur de pages. Avec un bon plugin de construction de page WordPress, vous pouvez ajouter autant de services que vous le souhaitez à votre page et les disposer de manière attrayante.

De plus, vous pouvez inclure des boutons CTA, des liens, des widgets et d'autres éléments personnalisés pour augmenter les conversions.

Pour ce guide, nous utiliserons SeedProd, le meilleur constructeur de pages WordPress avec la fonctionnalité drag-and-drop. Avec des centaines de modèles professionnels et de sections prêtes à l'emploi, il est parfait pour créer un design de page de service personnalisé.

SeedProd Constructeur de site web WordPress Drag and Drop

En plus de vous aider à créer des designs personnalisés pour les pages d'atterrissage, vous pouvez utiliser ce plugin pour créer un thème WordPress personnalisé à partir de zéro sans code, ce qui est excellent si votre entreprise offre des services de conception de sites Web WordPress.

Parmi les autres fonctionnalités populaires, citons la prise en charge du commerce électronique, la personnalisation des barres latérales, des en-têtes et des pieds de page, la gestion des abonnés, les domaines personnalisés, les animations, et bien plus encore.

Ce puissant plugin WordPress fonctionne également de manière transparente avec des outils tiers que vous utilisez peut-être déjà pour générer des conversions. Par exemple, il s'intègre avec les services d'email marketing les plus populaires, Google Analytics, WooCommerce, et bien d'autres encore.

Pour créer une page de service avec SeedProd, il suffit de suivre les étapes du tutoriel ci-dessous.

Étape 1. Installer et activer SeedProd

Tout d'abord, vous devrez installer et activer le plugin SeedProd sur votre site WordPress. Si vous avez besoin d'aide, vous pouvez consulter notre documentation sur l'installation de SeedProd.

La documentation vous guidera à travers le processus d'installation et vous montrera comment activer votre clé de licence SeedProd.

Étape 2. Choisir un modèle de page d'atterrissage

Une fois le plugin activé, naviguez vers SeedProd " Landing Pages depuis votre panneau d'administration WordPress et cliquez sur le bouton Ajouter une nouvelle page d'atterrissage.

ajouter une nouvelle page d'atterrissage

De là, vous pouvez parcourir la bibliothèque de modèles de pages d'atterrissage réactives à utiliser comme point de départ pour votre conception.

Modèles de pages d'atterrissage SeedProd

Vous pouvez utiliser les filtres situés en haut de la page pour afficher des modèles correspondant à différents types de campagnes, comme " coming soon", "lead squeeze", " sales page", "webinar", et bien d'autres encore.

Une fois que vous avez trouvé un modèle qui vous plaît, il vous suffit de cliquer sur l'icône orange de la coche.

Choisir un modèle de page d'atterrissage

Vous pouvez maintenant donner un nom et une URL à votre page avant de cliquer sur le bouton Enregistrer et commencer à modifier la page.

Ajouter un nom et une URL à la page d'atterrissage

Étape 3. Personnalisez le design de votre page de service dans WordPress

Sur l'écran suivant, votre modèle se chargera dans le constructeur visuel de pages par glisser-déposer de SeedProd. Il dispose d'un aperçu en direct sur la droite et de plusieurs blocs et réglages WordPress sur la gauche.

SeedProd : constructeur de pages par glisser-déposer

De nombreux modèles de SeedProd utilisent des blocs pour constituer la mise en page globale. Pour les personnaliser, il vous suffit de cliquer sur l'un d'entre eux, ce qui ouvrira ses paramètres dans le menu de gauche.

Par exemple, en cliquant sur un titre ou un bloc de texte, vous ouvrez les paramètres permettant de modifier le contenu, la taille de la police, le style, etc.

Modifier un titre sur votre page de service dans WordPress

Pour supprimer un élément dont vous n'avez pas besoin, il suffit de le survoler et de cliquer sur l'icône de la corbeille. 

Supprimer un élément dans SeedProd

Si vous souhaitez ajouter de nouveaux éléments à votre conception, tels qu'un bouton d'appel à l'action, faites glisser le bloc depuis le panneau de gauche et mettez-le en place dans votre aperçu.

Ajouter le bloc de boutons CTA de SeedProd

Vous pouvez ensuite le sélectionner pour personnaliser son apparence, son contenu et d'autres paramètres.

Paramètres du bloc de boutons SeedProd

Ajout d'une section Services

Une autre fonction utile de SeedProd est celle des sections préétablies. Vous pouvez les trouver en cliquant sur l'onglet Sections dans le panneau de gauche.

Panneau de sections SeedProd

Les sections sont comme des mini-modèles qui combinent des lignes, des colonnes et des blocs pour créer des designs prédéfinis tels que des FAQ, des zones de héros, des en-têtes, etc.

Par exemple, les sections Fonctionnalité sont idéales pour ajouter une section Services à votre page WordPress. Elles utilisent une combinaison de titres, d'images, de paragraphes et de colonnes pour créer une mise en page attrayante pour vos informations sur les services.

SeedProd : sections de caractéristiques

Ci-dessous, vous trouverez la section Appel à l'action 6, qui comprend un espace pour 3 services et une image de héros personnalisée.

WordPress service section design SeedProd

Pour ajouter la section à votre page, survolez-la et cliquez sur l'icône orange plus.

ajouter une section "services" à WordPress

Par défaut, les nouvelles sections apparaissent au bas de votre page. Toutefois, vous pouvez cliquer sur la section entière, la faire glisser et la déposer pour la placer au bon endroit.

Déplacer la position de la section de service

Après avoir repositionné votre section, vous pouvez cliquer sur n'importe quel élément pour en personnaliser le contenu. Par exemple, pour remplacer une image, cliquez dessus et choisissez l'icône de la corbeille dans le panneau de gauche pour la supprimer.

supprimer l'image de la section service

À partir de là, vous pouvez télécharger une nouvelle image à partir de votre ordinateur ou de la bibliothèque multimédia de WordPress.

Continuez à personnaliser votre page de services jusqu'à ce que vous soyez satisfait de son aspect. Vous pouvez inclure votre numéro de téléphone pour aider les utilisateurs à vous contacter ou même un calendrier des événements pour les webinaires et les conférences à venir. 

Étape 5. Publier le design de votre page de service dans WordPress

Lorsque vous êtes prêt à mettre en ligne votre nouvelle page de service, il vous suffit de cliquer sur la flèche déroulante du bouton Enregistrer et de sélectionner Publier.

Publier le design de votre page de service dans WordPress

La page sera automatiquement mise en ligne sur votre site WordPress, où tous les clients potentiels pourront voir immédiatement vos services.

Exemple de page de service SeedProd

Alternative : Création d'une section Services à l'aide de l'éditeur de blocs de WordPress

Le plugin Service Box Showcase est un autre moyen d'ajouter des services à votre site web WordPress. Avec cet outil, vous pouvez créer une section de services et l'ajouter à n'importe quel article ou page en utilisant l'éditeur de blocs de WordPress.

Cependant, vous devrez utiliser l'une des mises en page prédéfinies du plugin, ce qui n'est pas l'option la plus personnalisable. Si vous avez besoin de plus de flexibilité pour la conception de votre section de service, nous vous suggérons d'utiliser la première méthode.

Pour commencer, vous devez installer et activer le plugin Service Box Showcase sur votre site WordPress. Voici un guide utile si vous avez besoin d'aide pour installer et activer un plugin WordPress.

Après avoir activé le plugin, accédez à Service Box " Add New Service Box à partir de votre tableau de bord WordPress. Ensuite, entrez un titre pour votre nouvelle boîte de service.

ajouter une nouvelle boîte de service WordPress

Ensuite, choisissez un modèle de boîte de service parmi les thèmes prédéfinis en cliquant sur le bouton Sélectionner.

Sélectionnez un thème de boîte de services

De là, faites défiler la page jusqu'à la section "Ajouter une boîte de service", qui contient deux boîtes par défaut. Si vous avez besoin de plus, cliquez sur le bouton " Ajouter une nouvelle boîte de service ".

Ajouter d'autres boîtes de service à WordPress

Vous pouvez désormais ajouter un titre et une description pour chaque boîte de service. Les visiteurs verront ce texte lorsqu'ils navigueront sur votre site web, ce qui les aidera à trouver les informations sur les services dont ils ont besoin.

Chaque case comprendra la même icône par défaut. Cependant, vous pouvez changer l'icône de chaque boîte pour quelque chose de plus approprié en cliquant sur le champ "Icône de service".

Vous verrez apparaître une fenêtre contextuelle dans laquelle vous pourrez rechercher et sélectionner différentes icônes Font Awesome.

En dessous, vous pouvez ajouter une URL personnalisée pour chaque service. C'est une bonne idée si vous souhaitez créer un lien vers des pages dédiées à chaque service ou vers un formulaire de contact.

Après avoir saisi les informations relatives à votre service, vous pouvez utiliser le panneau Paramètres de la boîte de service pour personnaliser le style. Ces paramètres sont généralement faciles à utiliser et comprennent les couleurs et les tailles de texte, les familles de polices, la disposition des colonnes et d'autres options.

Options de personnalisation de la boîte de service

Si vous préférez masquer les icônes de votre section de service, vous devez désactiver le commutateur Afficher l'icône.

Jouez avec ces paramètres pour obtenir une apparence qui corresponde à votre style. Vous pouvez toujours revenir à cette page plus tard pour modifier les choses.

Lorsque vous êtes satisfait de vos boîtes de service, cliquez sur le bouton Publier dans le coin supérieur droit de l'écran.

Ensuite, descendez jusqu'à la section Service Box Shortcode et copiez le shortcode dans le premier champ.

Copier le shortcode de la boîte de service

Vous pouvez désormais ajouter ce shortcode à n'importe quel article ou page de votre site WordPress en le collant dans l'éditeur de contenu. Il vous suffit ensuite de publier ou de mettre à jour l'article ou la page pour que les modifications soient prises en compte.

Exemple de conception d'une boîte de service

FAQ sur la conception des pages de services

Comment ajouter des images à ma section de services dans WordPress ?

Pour ajouter des images, vous pouvez les télécharger directement via la bibliothèque multimédia de WordPress. Si vous utilisez un constructeur de pages comme SeedProd, Elementor ou Divi, il y aura une option pour ajouter un bloc d'images dans l'éditeur.

Quels services puis-je ajouter à ma page de services ?

Les propriétaires d'entreprises peuvent présenter n'importe quel type de service, y compris des services de conception de sites web, d'hébergement web, de maintenance, de médias sociaux, de développement web, d'optimisation pour les moteurs de recherche (SEO), et bien d'autres encore. Que vous soyez une agence de marketing numérique, une société de conception de sites web ou une agence de conception graphique, une page de services donnera à votre nouveau site web un aspect professionnel et contribuera à augmenter les taux de conversion.

Puis-je ajouter un formulaire de contact à ma section services ?

Oui, vous pouvez ajouter un formulaire de contact à votre section services. Vous pouvez le faire en utilisant un plugin WordPress comme WPForms.

Comment ajouter des témoignages à ma section de services dans WordPress ?

Vous pouvez ajouter des témoignages à votre section de services en utilisant le bloc Témoignages de SeedProd. Cela vous permettra d'inclure un carrousel de témoignages avec les photos de vos clients.

Exemple de témoignages SeedProd
Comment puis-je faire en sorte que ma section sur les services soit adaptée à la mobilité ?

SeedProd est mobile responsive dès le départ, de sorte que votre page de service s'affichera toujours bien sur les appareils mobiles. Vous pouvez également utiliser l'option de prévisualisation mobile en direct pour vérifier votre page avant de la publier.

Puis-je dupliquer ma section de services pour l'utiliser sur d'autres pages ?

Dans SeedProd, vous pouvez dupliquer n'importe quelle section en utilisant l'option de copie de section dans le navigateur de mise en page ou en enregistrant une section en tant que modèle.

dupliquer une section de WordPress
Comment puis-je optimiser ma section de services pour le référencement ?

Pour optimiser le classement de votre section services dans les moteurs de recherche, utilisez des mots-clés pertinents, ajoutez un texte alt aux images et incluez des méta-descriptions. Les plugins WordPress SEO tels que All in One SEO peuvent vous guider tout au long du processus et s'intègrent parfaitement à SeedProd.

Et voilà !

Nous espérons que ce guide vous a aidé à apprendre comment créer une page de service dans WordPress.

Si vous cherchez d'autres moyens de convertir votre page de services, la preuve sociale peut vous aider. Voici un guide sur la façon d'ajouter des avis Google et Yelp sur WordPress pour mettre en évidence les commentaires positifs sur votre entreprise.

Vous aimerez peut-être aussi ce guide sur les meilleurs services d'hébergement WordPress pour vous assurer que votre site web est rapide, sécurisé et en pleine forme.

Merci de votre lecture ! Nous aimerions connaître votre avis, alors n'hésitez pas à laisser un commentaire pour nous faire part de vos questions et de vos réactions.

Vous pouvez également nous suivre sur YouTube, X (anciennement Twitter) et Facebook pour obtenir d'autres contenus utiles au développement de votre entreprise.

avatar de l'auteur
Stacey Corrin Rédacteur
Stacey écrit sur WordPress et le marketing numérique depuis plus de 10 ans et sur d'autres sujets depuis bien plus longtemps. Parallèlement, elle est fascinée par la conception de sites web, l'expérience utilisateur et le référencement.

Divulgation : Notre contenu est soutenu par les lecteurs. Cela signifie que si vous cliquez sur certains de nos liens, il se peut que nous recevions une commission. Nous ne recommandons que des produits dont nous pensons qu'ils apporteront une valeur ajoutée à nos lecteurs.