Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Coupe WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Comment personnaliser la page de Commande de WooCommerce (La façon la plus simple)

Note éditoriale : Nous percevons une commission sur les liens des partenaires sur WPBeginner. Les commissions n'affectent pas les opinions ou les évaluations de nos rédacteurs. En savoir plus sur Processus éditorial.

Vous souhaitez personnaliser votre page de paiement WooCommerce ?

WooCommerce est livré avec une page de paiement intégrée, mais elle n’est pas optimisée pour les conversions. En remplaçant la conception par défaut par une page de paiement personnalisée, vous pouvez obtenir plus de ventes et améliorer vos taux de conversion.

Dans cet article, nous allons vous afficher comment personnaliser facilement votre page de paiement WooCommerce, étape par étape, sans écrire de code.

How to customize WooCommerce checkout page (the easy way)

Pourquoi personnaliser la page de Commande de WooCommerce dans WordPress ?

Des études affichent que les clients/clientes abandonnent entre 70 et 85 % des paniers d’achat. En d’autres termes, la plupart des clients/clientes quitteront votre page de paiement sans avoir dépensé d’argent.

Dans cette optique, vous devez tout mettre en œuvre pour convaincre les clients/clientes de terminer leur achat.

Le problème est que la commande intégrée de WooCommerce n’est pas optimisée pour les ventes.

The default WooCommerce checkout page

En remplaçant ce design par défaut par une page de commande WooCommerce personnalisée, vous pouvez souvent améliorer vos taux de conversion et obtenir plus d’argent.

Par exemple, vous pouvez ajouter une preuve sociale à la page de paiement, comme des avis de clients/clientes et des évaluations par étoiles. Cela peut encourager les gens à faire confiance à votre entreprise, même s’ils n’ont jamais acheté chez vous auparavant.

An example of an optimized checkout page

Vous pouvez également afficher les produits similaires que les acheteurs achètent souvent ensemble, et optimiser la mise en page pour faciliter au maximum le processus de paiement.

Dans l’image suivante, vous pouvez voir un exemple de page de Commande optimisée, extrait du site de l’AIOSEO.

Checkout page example

Ceci étant dit, voyons comment vous pouvez facilement personnaliser votre page de commande WooCommerce et gagner plus d’argent avec votre stock en ligne.

Il vous suffit d’utiliser les liens rapides ci-dessous pour accéder directement à la méthode que vous souhaitez utiliser.

Méthode 1. Personnalisez votre page de commande WooCommerce en utilisant le constructeur de FunnelKit.

La façon la plus simple de créer une page de paiement WooCommerce personnalisée est d’utiliser le Constructeur FunnelKit. Cette extension est livrée avec des modèles de caisse et des formulaires prêts à l’emploi.

A custom checkout page, created using FunnelKit Builder

Il dispose également d' »optimisations » intégrées qui sont conçues pour vous aider à obtenir plus de ventes.

Note : Il y a aussi un FunnelKit Pro qui vient avec des optimisations plus avancées et des modèles de caisse. Cependant, nous utiliserons la version gratuite de FunnelKit Constructeur car elle a tout ce dont vous avez besoin pour remplacer la caisse par défaut de WooCommerce par un design personnalisé.

La première chose à faire est d’installer et d’activer l’extension. Pour plus de détails, consultez notre guide étape par étape sur l’installation d’une extension WordPress.

Choisissez un modèle professionnel

Une fois activé, allez dans FunnelKit  » Store Commande. Sur cet écran, cliquez sur le bouton  » Créer une commande de magasin « .

The FunnelKit builder WooCommerce plugin

Vous pouvez maintenant choisir l’un des modèles de page de commande de FunnelKit, conçus par des professionnels, ou sélectionner « Commencer à partir de zéro ». Pour vous aider à créer rapidement une page de commande à fort taux de conversion, nous vous recommandons d’utiliser un modèle.

Pour examiner de plus près un modèle, il vous suffit de survoler celui-ci à l’aide de votre souris, puis de cliquer sur le bouton « Prévisualisation » lorsqu’il apparaît.

FunnelKit's custom WooCommerce checkout templates

Dans nos images, nous utilisons le Modèle Outil de personnalisation car il comporte une section où vous pouvez parler de ce que vous avez à offrir, et une section où vous pouvez afficher des témoignages de clients/clientes.

Lorsque vous trouvez un modèle que vous souhaitez utiliser, cliquez sur  » Importer cet entonnoir « .

Importing a sales funnel into your WordPress website

À ce stade, FunnelKit peut vous demander d’installer certains plugins supplémentaires tels que leur plugin SlingBlocks pour l’éditeur/éditrices de blocs.

Si vous voyez ce message, cliquez sur « Activer » pour obtenir les extensions dont vous avez besoin.

How to create a custom WooCommerce checkout page using free WordPress plugins

Après cela, vous pouvez taper un nom pour la page de caisse du magasin. C’est juste pour votre référence, donc vous pouvez utiliser n’importe quoi qui vous aidera à identifier la page dans le tableau de bord WordPress.

Cliquez ensuite sur le bouton « Ajouter ».

Naming your FunnelKit WordPress and WooCommerce funnel

Sur l’écran suivant, vous verrez toutes les étapes qui sont incluses dans ce Modèle. Vous pouvez déverrouiller des étapes supplémentaires en mettant à niveau vers FunnelKit Pro.

Puisque vous utilisez la version gratuite de FunnelKit, le Modèle inclut une page de Commande et une page de remerciement personnalisée de WooCommerce.

Créer un Design sur mesure pour la Commande

Pour personnaliser la page de commande, cliquez sur le lien « Modifier ».

Customizing the WooCommerce checkout screen

Vous pouvez maintenant cliquer sur  » Modifier le Modèle  » pour ouvrir le modèle dans l’éditeur de blocs de WordPress.

Note : Si vous utilisez une extension de constructeur de page, FunnelKit peut ouvrir le Modèle dans un éditeur/éditrices différent. Si cela se produit, vous devrez cliquer sur « Basculer vers l’éditeur WordPress » au lieu de « Modifier le Modèle ».

Customizing the WooCommerce checkout page on your online store

Vous pouvez désormais personnaliser le Modèle exactement de la même manière que vous construisez n’importe quelle page WordPress. Il vous suffit de cliquer sur n’importe quel bloc, puis de le peaufiner à l’aide des Réglages du menu de droite et de la mini barre d’outils.

Par exemple, vous souhaiterez généralement remplacer le logo de remplacement par votre propre logo personnalisé. Pour ce faire, cliquez sur le bloc Image pour le sélectionner, puis sélectionnez « Remplacer » dans la barre d’outils.

Adding a custom logo to the checkout page on your online store

Maintenant, soit vous sélectionnez Ouvrir la bibliothèque des médias et choisissez une image dans la médiathèque de WordPress, soit vous cliquez sur  » Téléverser  » et sélectionnez un fichier sur votre ordinateur.

Après avoir choisi une image, vous pouvez ajouter un texte alt, modifier la largeur et même ajouter des coins modifiés à l’aide des Réglages du menu de droite.

Creating a custom checkout for an online store

Vous voudrez également remplacer le texte indicatif par des informations sur votre propre marché en ligne et des témoignages de clients/clientes. Il vous suffit de cliquer sur un bloc de texte pour le modifier, de la même manière que vous travaillez avec du texte dans l’éditeur de texte standard de WordPress.

Ceci fait, vous pouvez styliser le texte à l’aide des Réglages dans le menu de droite. Par exemple, vous pouvez utiliser des bordures et des ombres pour faire ressortir le texte, changer la famille de polices ou modifier la couleur du texte dans WordPress.

Adding social proof to the WooCommerce checkout

Répétez simplement ces étapes pour personnaliser tous les blocs standard du Modèle de Constructeur de FunnelKit. Vous pouvez également ajouter d’autres modules en cliquant sur l’icône  » + « , ou supprimer les blocs dont vous n’avez pas besoin.

La plupart de ces blocs devraient vous être familiers, mais Outil de personnalisation est livré avec quelques blocs personnalisés. Puisque vous utilisez un Modèle de Commande, le design aura déjà un bloc de Commande FunnelKit, donc cliquez pour sélectionner ce bloc.

Dans le menu de droite, vous verrez une liste de toutes les différentes sections du bloc Commande, telles que l’En-tête de formulaire, le Code promo et les Passerelles de paiement.

How to customize the checkout page on eCommerce store

Il suffit de cliquer pour déplier chaque section, puis d’effectuer vos modifications.

En règle générale, si la section comporte un Titre, un sous-titre ou un libellé de bouton, vous pouvez le modifier en saisissant le nouveau texte.

How to customize the WooCommerce checkout page

Certaines sections étant facultatives, vous pouvez les activer et les désactiver à l’aide d’un permutateur.

Par exemple, vous pouvez ajouter un récapitulatif de commande repliable afin que l’acheteur puisse voir tous les articles de son panier.

Adding a collapsible order summary to an e-Commerce store

Vous pouvez ajouter plus de champs au formulaire de Commande, ou retirer ceux dont vous n’avez pas besoin. Par exemple, si vous utilisez WooCommerce pour vendre des téléchargements numériques, vous n’avez généralement pas besoin de collecter des informations sur la Livraison.

Personnaliser le formulaire de commande

Lorsque vous êtes satisfait de l’aspect de la page de Commande, il est temps d’examiner de plus près les champs du formulaire et d’apporter les modifications nécessaires.

Pour ce faire, cliquez sur « Mettre à jour » pour enregistrer vos modifications, puis sélectionnez « Retour à la page de commande ».

Saving your custom WooCommerce page design

Cliquez maintenant sur l’onglet « Champs » pour voir les différentes sections et champs qui composent le formulaire de Commande.

Vous pouvez trier ces champs par glisser-déposer.

Adding fields a checkout form

Pour ajouter d’autres champs, il suffit de les faire glisser depuis la section de droite, puis de les déposer sur votre formulaire.

Vous pouvez également organiser ces champs en sections en cliquant sur le bouton « Ajouter une section ».

Adding sections to an online store form

Dans la fenêtre surgissante, tapez simplement un nom pour la section. Ce titre sera visible par les clients/clientes. Il est donc conseillé d’ajouter un titre descriptif et utile.

Cliquez ensuite sur « Ajouter ».

Customizing the WooCommerce payment and order form

Vous pouvez désormais ajouter des champs à la section par « glisser-déposer ».

Vous souhaitez retirer un champ du formulaire de commande ? Il vous suffit alors de survoler le champ avec votre souris et de cliquer sur l’icône rouge « x » lorsqu’elle apparaît.

Removing fields from a WooCommerce payment and order form

Pour personnaliser l’un des champs de FunnelKit, il suffit de cliquer sur ce champ.

Les modifications affichées peuvent varier en fonction du champ, mais vous pouvez généralement modifier son libellé, ajouter une valeur indicative ou rendre le champ obligatoire en cochant la case « Requis ».

Editing the fields in an online order form

Lorsque vous êtes satisfait de la configuration des champs de commande, n’oubliez pas de cliquer sur « Enregistrer les modifications » pour stocker vos Réglages.

Augmenter les ventes grâce aux optimisations de FunnelKit

Pour obtenir plus de ventes, il est judicieux d’activer certaines optimisations de FunnelKit en cliquant sur l’onglet  » Optimisations « .

Creating a high-converting WooCommerce checkout page

Vous consulterez cette page pour connaître les différentes optimisations qui peuvent faciliter le processus de Commande.

L’extension gratuite FunnelKit est livrée avec des boutons de paiement express pour toutes les meilleures passerelles de paiement WooCommerce. Cela permet aux acheteurs de cliquer sur leur bouton de paiement express préféré et de payer en utilisant un compte existant, similaire à un bouton acheter maintenant.

Comme le client/cliente n’a pas à remplir le formulaire de commande, cela peut réduire les taux d’abandon de panier et vous aider à réaliser davantage de ventes.

Pour configurer la commande express, sélectionnez « Boutons de commande express » dans le menu de gauche. Cliquez ensuite sur le bouton « Activer » et utilisez le menu déroulant « Choisir la position » pour modifier l’emplacement du bouton sur la page de paiement.

Adding express checkout to your online store

Sachez simplement que vous devrez activer les boutons de demande de paiement afin de commander le bouton Apple Pay de Stripe.

Ensuite, vous voudrez peut-être activer le champ de téléphone amélioré. Lorsqu’un client/cliente saisit son adresse de Livraison, Outil de personnalisation peut afficher un drapeau de pays à côté du champ téléphone.

Adding a phone flag to a payment form

Cela permet aux acheteurs de savoir qu’ils ont tapé la bonne adresse.

Pour ajouter cette fonctionnalité, sélectionnez « Champ téléphonique amélioré » dans le menu de gauche, puis cliquez sur le bouton « Oui » à côté de « Activer ».

FunnelKit's conversion optimization settings

Sur cet écran, vous pouvez également valider le numéro de téléphone en utilisant le pays sélectionné par le client. Cela permet de vérifier que le client/cliente a bien personnalisé un numéro de téléphone valide.

Pour activer cette vérification, il suffit de sélectionner le bouton « Oui » en regard de « Valider le numéro de téléphone ».

Enfin, vous pouvez choisir d’enregistrer le numéro de téléphone avec ou sans l’indicatif du pays. Si vous vendez à un public international, il est généralement judicieux de sélectionner « Avec l’indicatif du pays ».

Lorsque vous êtes satisfait de la façon dont les optimisations sont configurées, cliquez sur « Enregistrer les modifications ».

Comme vous pouvez le voir, FunnelKit dispose de nombreuses autres optimisations qui peuvent vous aider à obtenir plus de ventes. Il s’agit notamment de l’autocomplétion de l’adresse de facturation et de livraison de l’acheteur, de l’application automatique de coupons et du pré-remplissage du formulaire de commande pour les clients/clients qui reviennent.

Pour déverrouiller ces puissantes optimisations WooCommerce, vous devrez passer à Constructeur FunnelKit pro.

Publier la page de commande personnalisée de WooCommerce

L’extension gratuite FunnelKit a beaucoup plus de réglages et de fonctionnalités qui peuvent vous aider à créer une page de paiement à fort taux de conversion. Cependant, c’est tout ce dont vous avez besoin pour créer une page de paiement personnalisée pour WooCommerce.

Lorsque vous êtes satisfait de la façon dont la page de commande est configurée, il est temps de l’En direct en cliquant sur le bouton « brouillon ».

Publishing a custom WooCommerce checkout page

Si vous souhaitez prévisualiser la page avant de la publier, cliquez sur « Prévisualisation ». La page de personnalisation de la caisse s’ouvre alors dans un nouvel onglet.

Pour rendre la page directe, cliquez sur « brouillon » mais sélectionnez cette fois « Sélectionné ». Maintenant, si vous visitez votre site WordPress, vous verrez la page de commande personnalisée en direct.

An example of a custom checkout page

Méthode 2. Personnalisez votre page de Commande à l’aide de SeedProd

Vous pouvez également créer une page de commande WooCommerce personnalisée à l’aide de SeedProd.

SeedProd est le meilleur constructeur de page d’atterrissage utilisé par plus d’un million de sites. Il est livré avec plus de 180 modèles professionnellement conçus, y compris des modèles d’e-commerce que vous pouvez utiliser pour créer des pages de vente et des pages de prospect.

Mieux encore, SeedProd a un support complet pour Outil de personnalisation et est même livré avec des blocs WooCommerce spéciaux que vous pouvez utiliser pour créer une page de paiement personnalisée, rapidement.

Puisqu’il vous permet de créer toutes sortes de pages, SeedProd est un excellent choix si vous souhaitez personnaliser d’autres pages, ou même créer un thème WordPress personnalisé pour votre boutique en ligne.

La première chose à faire est d’installer et d’activer l’extension. Pour plus de détails, consultez notre guide étape par étape sur l’installation d’une extension WordPress.

Note : Il existe une version gratuite de SeedProd, mais pour ce guide, nous utiliserons la version Pro car elle dispose des blocs WooCommerce intégrés dont nous avons besoin. Il s’intègre également aux services de marketing e-mail que vous utilisez peut-être déjà pour obtenir plus de ventes et de conversions.

Une fois activé, allez dans SeedProd  » Réglages et saisissez votre clé de licence.

Entering the SeedProd license key

Vous trouverez ces informations sous votre compte sur le site de SeedProd. Après avoir saisi/saisie la licence, cliquez sur le bouton ‘Verify Key’.

Choisissez un Modèle SeedProd

Après cela, allez dans SeedProd  » Pages d’atterrissage et cliquez sur  » Ajouter une nouvelle page d’atterrissage « .

Creating a custom checkout page with SeedProd

Ensuite, vous devez choisir un modèle pour votre page de commande personnalisée.

Les modèles de SeedProd sont organisés en différents types de campagne tels que les pages coming soon et 404. Vous pouvez cliquer sur les onglets en haut de l’écran pour filtrer les modèles de SeedProd en fonction du type de campagne.

Choisir un modèle qui correspond au type de page que vous souhaitez créer vous aidera à construire la page plus rapidement. Cependant, chaque modèle est entièrement personnalisable, de sorte que vous pouvez toujours affiner le design pour qu’il corresponde mieux à votre magasin en ligne.

Pour ce guide, sélectionnez le « Modèle vierge » afin de faire table rase du passé.

Pour sélectionner un modèle, survolez-le avec votre souris, puis cliquez sur l’icône « Coche ».

SeedProd's professionally-designed templates

Ensuite, allez de l’avant et tapez un nom pour votre page de commande personnalisée. SeedProd créera automatiquement une URL basée sur le titre de la page, mais vous pouvez modifier cette URL pour ce que vous voulez. Par exemple, vous pouvez être en mesure d’améliorer votre référencement WordPress en ajoutant quelques mots-clés pertinents.

Pour en savoir plus, veuillez consulter notre guide détaillé sur la recherche de mots-clés pour votre blog WordPress.

Lorsque vous êtes satisfait des modifications saisies, cliquez sur le bouton « Enregistrer et commencer à modifier la page ».

How to create a custom WooCommerce checkout page using SeedProd

Cela vous mènera à l’éditeur drag-and-drop, où vous pouvez construire votre page de commande WooCommerce personnalisée.

Concevoir une page de Commande à fort taux de conversion

L’éditeur SeedProd affiche une Prévisualisation directe de votre page de commande à droite, et quelques Réglages de blocs à gauche.

The SeedProd page builder and editor

Commencez par créer un en-tête marqué.

Ici, vous pouvez utiliser une section, qui est un ensemble de blocs souvent utilisés ensemble. Il suffit de cliquer sur l’onglet « Sections » et de sélectionner la catégorie « En-tête ».

Adding a header section to a custom WooCommerce checkout

Survolez ensuite la section « En-tête 1 » et cliquez sur l’icône « Plus ».

Cette fonction ajoute une section « En-tête » à votre mise en page.

How to customize the WooCommerce checkout page using SeedProd

Pour commencer, vous devez remplacer l’espace réservé « Votre logo » en cliquant pour sélectionner ce bloc.

Cliquez ensuite sur l’icône « Sélectionné » dans le menu de gauche.

Adding a logo to an online store's checkout page

Vous pouvez maintenant choisir une image dans la médiathèque ou téléverser un nouveau fichier depuis votre ordinateur.

La section En-tête 1 est accompagnée d’un menu de navigation. Cependant, celui-ci incite les internautes à abandonner la page de commande sans effectuer d’achat, c’est pourquoi il est judicieux de le retirer.

Pour supprimer le bloc Nav Menu, il suffit de cliquer pour sélectionner ce bloc. Cliquez ensuite sur l’option « Supprimer le bloc ».

Deleting a navigation block from a SeedProd page design

Une fois que vous avez fait cela, cliquez sur le bouton d’appel à l’action.

Il est judicieux de donner aux acheteurs un moyen de revenir à la page du panier et d’ajouter d’autres articles ou de modifier la quantité. Dans cette optique, saisissez l’appel à l’action que vous souhaitez utiliser pour ce bouton, par exemple « Voir le panier ».

Adding a CTA button to your online store's checkout page

Ensuite, saisissez l’URL de votre page de panier WooCommerce dans le champ  » Link « .

Désormais, les acheteurs peuvent se rendre sur la page du panier en cliquant sur ce bouton.

Adding a link to the checkout's Call To Action

Ajouter du contenu de vente incitative et de vente croisée

Après cela, il est temps de choisir une mise en page pour le reste de votre page de paiement.

Il est judicieux d’afficher quelques produits recommandés dans une colonne latérale, afin d’encourager les acheteurs à ajouter d’autres articles à leur panier. Dans cette optique, cliquez sur le contenu et la disposition de la colonne latérale dans la rubrique « Choisissez votre mise en page ».

Adding a checkout block to an eCommerce template

Une fois que vous avez fait cela, trouvez le bloc « Commande » dans le menu de gauche et faites-le glisser sur votre mise en page.

Vous pouvez entièrement personnaliser l’apparence de votre commande à l’aide des paramètres du menu de gauche, notamment en modifiant le jeu de couleurs, la police de caractères, la couleur des liens, les boutons et bien d’autres choses encore.

Customizing SeedProd's WooCommerce checkout block

Lorsque vous êtes satisfait de l’aspect de la section de paiement, il est temps d’ajouter une section de produits populaires ou de produits recommandés. Cette section peut vous permettre d’augmenter vos ventes en promouvant des produits supplémentaires que les acheteurs pourraient souhaiter acheter.

Pour créer cette section, il suffit de faire glisser un bloc « Meilleures ventes » sur votre page.

Showing your best-selling WooCommerce products on the checkout page

Vous pouvez désormais définir ce bloc à l’aide des Réglages dans le menu de gauche. Pour plus de détails, veuillez consulter notre guide sur l ‘affichage des produits populaires dans WooCommerce.

Ensuite, il est conseillé d’ajouter un titre au-dessus des produits populaires. Faites simplement glisser le bloc « Titre » sur votre page et déposez-le au-dessus du bloc des produits populaires.

Showing best-selling products on a custom checkout page

Cliquez ensuite pour sélectionner le bloc « Titre » et saisissez le titre que vous souhaitez utiliser.

Afficher les avis et évaluations des clients/clientes

Une fois que vous avez fait cela, nous vous recommandons d’afficher la preuve sociale en ajoutant un bloc de témoignages de clients/clientes. Il vous suffit de trouver le bloc « Témoignages » et de le faire glisser sur votre mise en page.

Adding customer testimonals to a custom WooCommerce checkout page

Vous pouvez désormais modifier l’apparence des témoignages sur votre stock en ligne.

Par exemple, dans le menu de gauche, vous verrez des réglages permettant de modifier la couleur de la bulle de commentaires, de modifier l’alignement et d’ajouter d’autres témoignages de clients/clientes.

Une autre idée géniale consiste à afficher une évaluation par étoiles sous vos témoignages. C’est un excellent choix si vous avez déjà beaucoup d’avis positifs.

Pour ce faire, il suffit de trouver le bloc « Évaluation par étoiles » et de le faire glisser sous le bloc « Témoignages ».

Adding a customer star rating to your online store's checkout page

Publier la page de Commande de WooCommerce

Lorsque vous êtes satisfait de l’aspect de la page de commande WooCommerce, il est temps de la publier en cliquant sur la flèche déroulante située à côté de  » Enregistrer « .

Sélectionnez ensuite l’option « Publier ».

Publishing a custom WooCommerce checkout page

Maintenant, si vous visitez votre stock, vous verrez la page de commande en direct.

Astuce : le suivi des conversions peut vous aider à voir ce qui fonctionne sur votre page de Commande, et ce qui ne fonctionne pas. Vous pouvez ensuite utiliser cet aperçu pour affiner votre page de commande à l’aide de SeedProd. Pour plus de détails, consultez notre guide sur la façon de configurer le suivi des conversions WooCommerce.

Assignez votre page de Commande à WooCommerce

À ce stade, vous avez publié la page de commande personnalisée, mais votre blog ou site WordPress utilise toujours le design par défaut. Vous devrez modifier les réglages de l’URL par défaut afin que WooCommerce envoie les clients à la nouvelle page de paiement au lieu de la page par défaut.

Pour ce faire, rendez-vous dans WooCommerce  » Réglages et cliquez sur l’onglet  » Avancé « .

The WooCommerce plugin's eCommerce settings

Ensuite, ouvrez le menu déroulant « Page de commande » et commencez à saisir l’URL de la page de commande personnalisée que vous venez de créer.

Lorsque la bonne page s’affiche, cliquez pour la sélectionner.

Changing the default WooCommerce checkout page on your e-Commerce store

Ceci étant fait, défilez vers le bas de la page et cliquez sur  » Enregistrer les modifications  » pour stocker vos Réglages. WooCommerce utilisera désormais la page de paiement personnalisée.

Comment réduire le taux d’abandon des pages de Commande ?

L’abandon de la page de commande se produit lorsqu’un client/cliente entame le processus de commande, mais ne termine pas son paiement.

Similaire à l’abandon de panier, c’est un gros problème pour les magasins en ligne.

Lorsqu’il s’agit de réduire les taux d’abandon en caisse, la création d’une page personnalisée est un excellent début. Cependant, il existe bien d’autres moyens d’augmenter vos ventes.

Éviter d’ajouter des frais de commande supplémentaires

Lorsqu’un client/cliente passe à la Commande, il s’attend à ce que le prix total soit similaire au prix total du produit. S’il arrive à la page de commande et qu’il voit des taxes, des frais de Livraison élevés et d’autres frais supplémentaires, il y a de fortes chances qu’il ne termine pas son achat.

An example of a WooCommerce checkout, with additional fees

Certains clients/clientes peuvent continuer à acheter s’ils pensent que les coûts sont justifiés. Toutefois, il est de loin préférable d’être franc en matière de tarification afin que les clients sachent à quoi s’attendre.

Si vous avez beaucoup de frais supplémentaires, nous vous recommandons de les ajouter aux prix de vos produits. Le client/cliente s’y retrouvera beaucoup moins.

Dans la mesure du possible, il est également judicieux de proposer une livraison gratuite.

Rendre la création de compte facultative ou plus simple

Obliger les acheteurs à créer un compte à la caisse ajoute beaucoup de friction au processus d’achat et peut augmenter les taux d’abandon à la caisse.

Vous pouvez permettre l’Inscription des utilisateurs sur votre site WordPress, mais vous devriez éviter de la rendre obligatoire. Au lieu de cela, vous pourriez permettre aux acheteurs de passer à la caisse en tant qu’invité, mais leur offrir un code promo s’ils créent un compte.

An example of a newsletter signup form

De cette manière, vous pouvez générer des prospects et développer votre liste d’e-mails sans perdre de ventes.

Offrir plus d’options de paiement à la Commande

La plupart des gens ont un moyen de paiement préféré. Il peut s’agir du compte PayPal enregistré sur l’ordinateur de l’acheteur ou de la carte bancaire qui se trouve à portée de main.

Les acheteurs risquent d’abandonner votre page de commande si vous ne supportez pas leur moyen de paiement préféré. Bien qu’il soit impossible de proposer toutes les méthodes, vous devez vous efforcer d’offrir les moyens de paiement les plus facultatifs.

A WooCommerce checkout page with multiple payment options

Pour plus de détails, consultez notre liste des meilleures passerelles de paiement WooCommerce pour WordPress.

Afficher une fenêtre surgissante temporisée

Vous pouvez également réduire les abandons de panier grâce à une fenêtre surgissante programmée.

OptinMonster est la meilleure extension de popups WordPress et dispose d’une technologie unique Exit-Intent® qui peut afficher des fenêtres surgissantes exactement lorsqu’un acheteur est sur le point de quitter la page de paiement.

Vous pouvez même utiliser OptinMonster pour offrir aux acheteurs un code de remise spécial s’ils effectuent leur achat maintenant.

An abandoned cart popup, created using OptinMonster

Configurer les notifications push de panier abandonné

Un autre excellent moyen de réduire les abandons de panier consiste à configurer des notifications push web.

Ces notifications s’affichent sur les navigateurs mobiles et de bureau des utilisateurs/utilisatrices, même lorsqu’ils ne sont pas sur votre site. Il est ainsi facile d’atteindre les acheteurs et de leur rappeler de passer à la caisse.

PushEngage est utilisé par 25 000+ propriétaires d’entreprises intelligentes et c’est le meilleur logiciel de notification push web sur le marché. Il vous permet de créer facilement des campagnes d’abandon de panier WooCommerce.

An example of an abandoned cart notification

Vous pouvez également configurer des campagnes d’abandon de navigation, des alertes de baisse de prix, des annonces de nouveaux produits, des alertes d’inventaire, etc.

Créer une page de panier personnalisée pour WooCommerce

Après avoir optimisé la page de commande de WooCommerce, vous pouvez également envisager de personnaliser votre page de panier WooCommerce.

En optimisant les pages de panier et de commande, vous pouvez faire en sorte que l’ensemble du processus d’achat se déroule sans effort et que vous ne manquiez aucune vente. Vous pouvez également concevoir les deux pages avec la même marque pour que les internautes aient une expérience d’achat cohérente.

Pour des instructions détaillées étape par étape, veuillez consulter notre guide sur la création d’une page de panier WooCommerce personnalisée.

Nous espérons que cet article vous a aidé à personnaliser la page de paiement de WooCommerce facilement. Vous pouvez également consulter notre guide sur la façon de créer une fenêtre surgissante WooCommerce pour augmenter les ventes et notre choix d’experts des meilleures extensions WooCommerce pour votre stocker.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Divulgation : Notre contenu est soutenu par les lecteurs. Cela signifie que si vous cliquez sur certains de nos liens, nous pouvons gagner une commission. Consultez comment WPBeginner est financé, pourquoi cela compte et comment vous pouvez nous soutenir. Voici notre processus éditorial.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

L'ultime WordPress Toolkit

Accédez GRATUITEMENT à notre boîte à outils - une collection de produits et de ressources liés à WordPress que tous les professionnels devraient avoir !

Reader Interactions

Un commentaireLaisser une réponse

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

Laisser une réponse

Merci d'avoir choisi de laisser un commentaire. Veuillez garder à l'esprit que tous les commentaires sont modérés selon notre politique de commentaires, et votre adresse e-mail ne sera PAS publiée. Veuillez NE PAS utiliser de mots-clés dans le champ du nom. Ayons une conversation personnelle et significative.