Comment personnaliser la page du panier WooCommerce

Vous souhaitez modifier la page de votre panier pour la rendre plus conviviale et en tirer le meilleur parti ? Vous êtes au bon endroit. Dans cet article, nous allons vous montrer différentes méthodes pour personnaliser la page du panier WooCommerce.

Avant de voir comment procéder, examinons d'abord la page de panier par défaut et comprenons pourquoi vous devriez la personnaliser en premier lieu. Comprenons mieux ce que vous pouvez personnaliser et comment cela profitera à votre magasin.

Pourquoi modifier la page du panier ?

En tant que propriétaire de magasin, vous devez essayer d'optimiser chaque aspect de votre entreprise. Nous avons vu précédemment comment personnaliser la page boutique, les pages produits et la page de paiement. Dans cet article, nous nous concentrerons sur la page du panier.

La page du panier est essentielle pour les décisions d'achat des clients. C'est là que l'acheteur passe en revue sa commande avant de finaliser l'achat. Ainsi, votre page de panier doit offrir une valeur ajoutée au client pour augmenter ses chances de conversion.

L'abandon de panier est l'un des principaux problèmes des magasins en ligne, car environ 80 % des utilisateurs abandonnent leur panier. C'est pourquoi vous devez porter une attention particulière à votre page de panier. Même une petite amélioration dans l'abandon de votre panier peut avoir un impact important sur vos ventes.

Par défaut, l'apparence et le comportement de la page du panier dépendent de votre thème actif. Par exemple, voici à quoi ressemble la page du panier avec le thème Astra.

Et voici à quoi cela ressemble avec le thème par défaut Twenty-Twenty One.

Comme vous pouvez le voir, l'apparence de la page du panier varie considérablement avec chaque thème. De plus, la page de panier par défaut est assez basique. Même s'il fait le travail, il n'offre aucune fonctionnalité supplémentaire, manquant des opportunités de vente croisée, de faire des offres spéciales, etc.

En personnalisant la page du panier, vous pouvez améliorer l'expérience utilisateur de votre client. Vous pouvez ajouter un message personnalisé pour une mise à jour importante, afficher les produits associés, ajouter un bouton de retour au panier, modifier le message Ajouter au panier, et bien plus encore. Ces éléments contribuent à améliorer l'expérience utilisateur, ce qui se traduit par des clients satisfaits.

En résumé, l'amélioration de la page du panier peut être très bénéfique pour votre entreprise en ligne et vaut la peine. Faisons maintenant un pas en avant et voyons différentes façons de personnaliser la page du panier dans WooCommerce .

Comment personnaliser la page du panier WooCommerce

Il existe différentes manières de personnaliser la page du panier sur votre boutique WooCommerce :

1. Avec les blocs WooCommerce par défaut
2. Utiliser des plugins
3. Avec les constructeurs de pages
4. Par programmation

Examinons de plus près chaque méthode afin que vous puissiez choisir celle qui vous convient le mieux.

1. Blocs WooCommerce par défaut

Gutenberg, l'éditeur de blocs WordPress, est livré avec un ensemble de blocs par défaut dédiés à WooCommerce. Il s'agit notamment de tous les produits, des produits en vedette, des filtres de produits, de tous les avis et bien d'autres. Il y a un total de 20 blocs WooCommerce que vous pouvez ajouter à n'importe quelle page de votre site, tout comme les blocs Gutenberg ordinaires.

1.1) Ajouter le bloc Tous les produits

Accédez à votre page Panier ou créez une nouvelle page dans WordPress. Cliquez sur l'icône + en haut à gauche pour dévoiler un ensemble complet de blocs disponibles pour l'éditeur Gutenberg. Ensuite, faites défiler jusqu'à la section Blocs WooCommerce et recherchez le bloc Tous les produits . Cliquez et faites-le glisser vers la zone de la page, et il ajoutera le bloc à votre page.

Une fois que vous avez ajouté le bloc à votre page, tous les produits de votre inventaire seront affichés ici. Vous pouvez ajuster davantage les paramètres des produits affichés à partir du menu des paramètres dans la section la plus à droite et modifier le nombre de colonnes, de lignes, de tri, etc.

1.2) Ajouter le bloc de produits les plus récents

Le bloc Produits les plus récents affichera tous les nouveaux ajouts à votre inventaire. Cliquez et faites simplement glisser le bloc Produits les plus récents sur votre page, et il affichera vos derniers produits. De plus, vous pouvez personnaliser les paramètres du bloc à partir du menu des paramètres.

1.3) Ajouter des produits triés sur le volet

Le bloc Produits triés sur le volet vous permet de sélectionner manuellement les produits que vous souhaitez afficher sur une page. Cela peut être un excellent outil pour présenter certains produits spécifiques sur une page ou mettre en évidence certains produits sur une autre page.

Pour ajouter le bloc à votre site, faites simplement glisser le bloc Produits triés sur le volet sur la page. Il affichera une barre de recherche où vous pourrez rechercher les produits que vous souhaitez mettre en avant. Trouvez votre produit désiré et cliquez dessus pour l'ajouter à la liste. De même, vous pouvez répéter le processus et ajouter plusieurs produits à la liste.

Une fois que vous avez ajouté tous les produits que vous souhaitez à la liste, appuyez sur le bouton Terminé , et le tour est joué ! Vos produits triés sur le volet sont maintenant affichés sur la page. Comme nous l'avons vu précédemment, vous modifiez les paramètres à partir du menu des paramètres.

De même, vous pouvez ajouter tout autre bloc WooCommerce que vous souhaitez. Vous pouvez opter pour un seul bloc sur une page entière ou plusieurs blocs sur la même page. Les possibilités sont infinies.

Nous avons vu comment les blocs WooCommerce par défaut peuvent vous aider à personnaliser la page Voiture. Passons maintenant à la section suivante et voyons comment personnaliser la page du panier à l'aide de plugins tiers.

2. Plugins pour personnaliser la page du panier

Il existe plusieurs plugins que vous pouvez utiliser pour modifier la page du panier. Dans cette section, nous allons jeter un œil à certains des meilleurs.

2.1) Blocs WooCommerce

WooCommerce Blocks est un plugin d'accès anticipé aux blocs WooCommerce expérimentaux. Il vous permet d'essayer de nouveaux blocs WooCommerce avant qu'ils ne soient publiés dans l'éditeur de blocs par défaut.

Au moment de la rédaction de cet article, le plugin ajoute deux blocs supplémentaires : panier et paiement. Lors de l'activation des blocs WooCommerce, les blocs de panier et de paiement sont automatiquement ajoutés à l'éditeur de blocs, et vous pouvez les utiliser de la même manière que n'importe quel autre bloc.

Pour afficher le panier sur une page, faites simplement glisser le bloc du panier et votre panier apparaîtra. Vous pouvez ensuite personnaliser chaque section de panier individuellement et le bloc de panier dans son ensemble. De plus, vous pouvez même le modifier pour les chariots remplis et vides.

De même, vous pouvez afficher le formulaire de paiement sur une page et le personnaliser à votre guise. Vous pouvez également personnaliser les paramètres de chaque bloc dans les paramètres ainsi que l'ensemble du bloc de paiement.

De plus, vous pouvez placer de nombreux blocs sur une seule page à côté du panier ou de la page de paiement, ce qui n'était pas possible auparavant. Cela vous donne beaucoup de flexibilité et vous permet de concevoir la page du panier exactement comme vous le souhaitez.

Lors de l'ajout de ces blocs, vous pouvez recevoir un avertissement de compatibilité indiquant que le plugin peut avoir des problèmes de compatibilité avec d'autres plugins ou extensions. En effet, certains blocs sont expérimentaux et en cours de développement. Par conséquent, ils ne doivent être utilisés que pour tester de nouvelles fonctionnalités et non en production. Ils seront déployés en tant que blocs WooCommerce par défaut une fois qu'ils seront stables.

Caractéristiques

• Expérimenter de nouveaux blocs à des fins de test
• Essayez les blocs de panier et de paiement
• Signaler les bogues et les erreurs s'il y en a

Tarification

Ceci est un plug-in gratuit.

Si vous voulez essayer plus de plugins pour éditer votre page Panier, jetez un œil à ces deux autres :

2.2) StoreCustomizer

StoreCustomizer est un package tout-en-un qui vous permet de personnaliser entièrement votre boutique WooCommerce. Vous pouvez personnaliser n'importe quoi, des pages de produits à la page de la boutique, à la page du compte, à la page du panier et à la page de paiement.

Pour commencer, vous pouvez personnaliser les polices et les couleurs globales utilisées dans le magasin. Vous pouvez également personnaliser chaque page individuellement, modifier son apparence, ajouter de nouvelles fonctionnalités et fonctionnalités, et bien plus encore.

Le plugin élimine le besoin d'écrire des extraits personnalisés pour personnaliser des parties de votre boutique WooCommerce. Il ajoute le code requis lui-même, il n'est donc pas nécessaire de créer un thème enfant ou d'ajouter des extraits de code personnalisés car tout est géré par le plugin.

Enfin, toutes les options sont intégrées de manière pratique dans le personnalisateur de thème. En conséquence, la personnalisation de la boutique WooCommerce est transparente et indolore.

Caractéristiques

• Plugin tout-en-un pour personnaliser votre boutique WooCommerce
• Personnalisez les pages de produits, la page de boutique, la page de compte, la page de panier et la caisse
• Modifiez le design du magasin à votre guise
• Ajoutez des fonctionnalités et des fonctionnalités supplémentaires à votre boutique sans aucun codage
• Accès facile via le personnalisateur de thème, ce qui rend la personnalisation sans effort
• Extrêmement léger et n'ajoute que le code nécessaire lui-même

Tarification

Il s'agit d'un plugin freemium, ce qui signifie qu'il a des versions gratuites et premium. Alors que la version gratuite offre des options de personnalisation décentes, les plans premium commencent à 49 USD par an pour un seul site et vous offrent une expérience de personnalisation avancée. Ils incluent un an de mises à jour et de support.

2.3) Plugin de panier rapide WooCommerce

WooCommerce Fast Cart est conçu pour accélérer le processus d'achat pour le consommateur. Au lieu d'avoir des pages de panier et de paiement séparées, vous pouvez utiliser le plug-in pour créer un panier contextuel et des pages de paiement. De plus, vous pouvez simplement ignorer complètement la page du panier et passer directement à la caisse.

Les pages contextuelles du panier et de la caisse peuvent être entièrement personnalisées. Vous pouvez modifier la typographie et les couleurs pour correspondre au thème de votre site Web. Vous pouvez également ajuster la position des boutons et personnaliser la disposition du panier.

De plus, vous pouvez appliquer des coupons à partir de la page du panier et utiliser le panier contextuel pour présenter des produits pertinents en activant les ventes croisées. Enfin, le plugin est extrêmement léger et bien optimisé et prend en charge tous les canaux de paiement largement utilisés, tels que PayPal, Stripe et Amazon.

Caractéristiques

• Ajoutez un panier contextuel et une page de paiement pour des conversions instantanées
• Définir uniquement le panier ou le paiement ou les deux pages dans la fenêtre contextuelle
• Hautement personnalisable
• Léger et optimisé
• Fonctionne avec toutes les passerelles de paiement populaires telles que PayPal, Stripe, Amazon

Tarification

Il s'agit d'un plugin premium qui coûte 79 USD par an pour un seul site. Vous bénéficierez également d'une garantie de remboursement de 30 jours.

Dans cette section, nous avons vu certains des meilleurs plugins pour personnaliser la page du panier WooCommerce. Jetons un coup d'œil à certaines des personnalisations que nous pouvons réaliser. Pour la démonstration, nous utiliserons le plugin StoreCustomizer. Commençons.

Personnalisez la page du panier à l'aide de StoreCustomizer

StoreCustomizer est un plugin riche en fonctionnalités qui vous permet de personnaliser presque tous les aspects de votre boutique WooCommerce. Dans la section précédente, nous avons examiné les caractéristiques et les fonctions du plugin. Voyons maintenant comment vous pouvez utiliser StoreCustomizer pour personnaliser la page du panier.

Installer et activer le plugin

Tout d'abord, accédez à votre tableau de bord d'administration WordPress et accédez à Plugins> Ajouter un nouveau. Recherchez le plug-in StoreCustomizer , cliquez sur le bouton Installer maintenant , puis activez-le.

Personnaliser la page du panier

Une fois que vous avez activé le plugin, allez dans Apparence > Personnaliser pour accéder au personnalisateur de thème.

StoreCustomizer intègre ses outils et fonctionnalités de personnalisation dans le personnalisateur de thème. Accédez simplement à StoreCustomizer > Page du panier dans le menu du personnalisateur de thème et vous trouverez toutes les options pour modifier la page du panier.

Personnalisations de base

En commençant par les personnalisations de base, vous avez quelques possibilités. Vous pouvez désactiver les coupons à partir de la page du panier, empêcher l'utilisateur de modifier la quantité dans le panier ou mettre à jour automatiquement le panier lorsque l'utilisateur met à jour la quantité de l'article. Vous pouvez également supprimer des liens vers la page du produit, afficher les métadonnées du produit, répertorier les produits en stock et bien plus encore.

Ajouter le bouton Retour à la boutique

Un bouton de retour à la boutique permet à l'utilisateur de revenir à la page de la boutique s'il a besoin d'ajouter quelque chose à son panier. C'est une bonne idée d'ajouter ce bouton car il offre aux clients une meilleure expérience d'achat.

StoreCutomizer vous permet d'ajouter un bouton de retour à la boutique à votre page de panier et de changer complètement la conception et la convivialité de celui-ci. De plus, vous pouvez modifier le texte du bouton et le lier à n'importe quelle page. Enfin, vous pouvez également modifier la position du bouton en fonction de vos besoins.

Afficher la remise/le montant économisé

Afficher la remise/le montant enregistré vous permet d'inclure un bloc dans la section Prix ​​total qui affiche la remise qu'un utilisateur reçoit sur un achat lors de l'utilisation d'un coupon ou lors d'une vente dans tout le magasin. Vous pouvez lui donner le nom de votre choix et modifier l'arrière-plan et la couleur de la police.

Ventes croisées et totaux du panier

Vous pouvez également afficher des produits associés ou en vedette sur la page du panier. En règle générale, ces articles sont étroitement liés aux produits du panier, de sorte que les utilisateurs sont susceptibles de les ajouter à leur panier, ce qui vous aide à augmenter vos ventes.

À l'aide du plugin StoreCustomizer, vous pouvez choisir le nombre total de ventes croisées à afficher et les produits à afficher par ligne. Vous avez la possibilité de déplacer la section des ventes croisées sous les totaux du panier ou de la laisser par défaut. Enfin, vous pouvez modifier le titre des ventes croisées ou même éliminer toute la section des ventes croisées si vous le souhaitez.

Outre les ventes croisées, vous pouvez modifier l'en-tête de la section Totaux du panier.

Modifier la page du panier vide

La page Panier vide par défaut affiche un message informant l'utilisateur que le panier est vide. StoreCustomizer, vous permet de créer votre message personnalisé pour inviter l'utilisateur à explorer la boutique.

Vous pouvez également inclure un bouton Retour à la boutique pour rediriger les clients vers la boutique. Vous pouvez entièrement personnaliser la conception et la convivialité du bouton, y compris la couleur, la police et le texte du bouton.

Personnalisez le tableau du panier et passez aux boutons de paiement

Sous la zone Composants de conception de la page du panier StoreCustomizer, vous pouvez personnaliser le tableau du panier ainsi que le bouton Passer à la caisse. Vous pouvez ajuster la taille des boutons, les couleurs, la police, etc.

Comme vous pouvez le voir, les plugins peuvent vous aider à personnaliser une grande partie de votre page de panier WooCommerce. Cependant, il existe également d'autres options. Dans la section suivante, nous verrons comment les constructeurs de pages vous permettent de modifier la page du panier.

3. Avec les constructeurs de pages

Les constructeurs de pages sont une solution unique pour tous les besoins de modification de votre site. Les constructeurs de pages les plus populaires ont une section WooCommerce dédiée qui vous permet de personnaliser entièrement l'ensemble de votre boutique.

Vous pouvez utiliser des constructeurs de pages pour modifier la page du panier et toute autre page WooCommerce. Les constructeurs de pages sont généralement basés sur le concept de blocs ou de widgets. Il existe des widgets pour diverses fonctionnalités et plusieurs fonctionnalités, et vous pouvez les ajouter à n'importe quelle page de votre choix et les modifier.

Lorsque vous travaillez avec des constructeurs de pages, vous disposez d'une grande autonomie en termes de personnalisation. De plus, les constructeurs de pages sont livrés avec une variété de modèles prédéfinis qui sont entièrement préconfigurés et conçus de manière créative pour que vous puissiez les utiliser.

Si vous souhaitez utiliser un constructeur de page, les deux options les plus populaires et préférées sont Elementor et Divi. Ces deux constructeurs de pages ont un ensemble de blocs spécifiques à WooCommerce.

Par exemple, Elementor comprend 22 blocs distincts pour WooCommerce que vous pouvez utiliser. Cependant, il convient de mentionner que les blocs WooCommerce dans Elementor ne sont disponibles que dans la version Pro.

Dans le cas de Divi, vous avez accès à 17 blocs WooCommerce. Divi est un constructeur de pages premium, vous devrez donc payer pour avoir accès à ces fonctionnalités.

Les plugins et les constructeurs de pages ne sont pas les seuls moyens de personnaliser la page du panier WooCommerce. Vous pouvez également ajouter vos extraits de code personnalisés pour personnaliser et améliorer la fonctionnalité de votre page de panier. Si vous avez des compétences en codage, la section suivante est pour vous. Voyons comment vous pouvez modifier la page du panier par programmation.

4. Par programmation

Avant d'aller plus loin, nous vous recommandons de créer une sauvegarde complète de votre site et d'utiliser un thème enfant pour éditer le fichier functions.php . Si vous ne savez pas comment procéder, consultez notre guide sur la création d'un thème enfant ou utilisez l'un de ces plugins de thème enfant.

Après avoir configuré votre thème enfant, accédez à WP Admin Dashboard > Appearance > Theme Editor. Ici, vous pouvez ajouter des extraits de code personnalisés à la fin du fichier functions.php de votre thème enfant.

Les extraits de code plugin est une autre option pour ajouter des extraits de code à votre site. Vous pouvez installer le plugin à partir du référentiel WordPress pour ajouter des extraits à votre site. Même si avec les extraits de code, vous n'avez pas besoin d'un thème enfant, nous vous recommandons toujours d'en avoir un.

Voyons maintenant quelques-uns des extraits de code que vous pouvez utiliser pour personnaliser votre page de panier WooCommerce.

4.1) Message personnalisé sur la page du panier

Tout d'abord, apprenons à personnaliser le message sur la page du panier. Cela peut être utile pour fournir des informations essentielles à votre utilisateur. Par exemple, vous pouvez leur donner des avis tels que "Les envois peuvent prendre plus de temps en raison de COVID", les informer d'une promotion, etc. Remplacez simplement " Ceci est mon texte personnalisé " dans l'extrait de code par le vôtre et publiez-le sur votre site Web.

 // Ajouter un message personnalisé à la page du panier WooCommerce
add_action( 'woocommerce_before_cart_table', 'shop_message', 20 );
fonction shop_message() {
echo '<p class="woocommerce-message">Ceci est mon texte personnalisé</p>' ; // Modifier ce texte
}

Fait! Cela affichera un message personnalisé sur la page de votre panier.

4.2) Contenu personnalisé pour vider la page du panier

La personnalisation de votre page Panier vide est très importante. La page Panier vide par défaut affiche uniquement un message indiquant que le panier est vide. Cependant, en utilisant l'extrait de code suivant, vous pouvez le personnaliser en un message plus convivial et interactif invitant l'utilisateur à explorer votre inventaire, en lui donnant des informations sur vos produits, etc.

Remplacez simplement « Vous n'avez ajouté aucun article à votre panier. Consultez notre inventaire et vous allez adorer nos produits » avec le message que vous souhaitez afficher.

 // Ajoute du contenu personnalisé à la page de panier vide de Woocommerce

add_action( 'woocommerce_cart_is_empty', 'empty_cart_custom_content' );
function empty_cart_custom_content() {
echo '<h4>Vous n'avez ajouté aucun article à votre panier. Consultez notre inventaire et vous allez adorer nos produits</h4>' ; // Remplacez le message par votre propre message
echo do_shortcode('
 ');
} 

4.3) Bouton Vider le panier sur la page du panier

Même si donner aux acheteurs la possibilité de vider leurs paniers peut sembler contre-productif, la vérité est que cela offre une bien meilleure expérience. Dans de telles circonstances, vous pouvez inclure un bouton Vider le panier qui permet aux utilisateurs de supprimer tous les articles de leurs paniers.

Pour ajouter un bouton Vider le panier, utilisez simplement l'extrait de code suivant.

 // Bouton "Vider le panier" sur la page du panier Woocommerce

add_action( 'woocommerce_cart_coupon', 'woocommerce_empty_cart_button' );
fonction woocommerce_empty_cart_button() {
echo '<a href="' . esc_url( add_query_arg( 'empty_cart', 'yes' ) ). '" class="bouton panier"
title="' . esc_attr( 'Vider le panier', 'woocommerce' ) . '">' . esc_html( 'Vider le panier', 'woocommerce' ) . '</a>' ;
}

add_action( 'wp_loaded', 'woocommerce_empty_cart_action', 20 );
fonction woocommerce_empty_cart_action() {
if ( isset( $_GET['empty_cart'] ) && 'yes' === esc_html( $_GET['empty_cart'] ) ) {
WC()->cart->empty_cart();
$référent = wp_get_referer() ? esc_url( remove_query_arg( 'empty_cart' ) ) : wc_get_cart_url();
wp_safe_redirect( $référent);
}
}

Si le bouton n'est pas séparé des autres boutons de la table du panier, vous devrez peut-être l'ajouter au Customizer > CSS supplémentaire.

 un.bouton.cart {
marge gauche : 10 px ;
} 

Nous avons vu des extraits de code pour modifier votre page de panier. En prenant ces extraits comme base et en les adaptant, vous pouvez personnaliser complètement votre page de panier et augmenter vos ventes.

Jusqu'à présent, nous avons vu différentes méthodes pour personnaliser la page du panier WooCommere : avec les options par défaut, avec des plugins, des constructeurs de pages et par programmation.

Allons maintenant un peu plus loin et voyons comment vous pouvez contourner la page du panier pour accélérer l'expérience d'achat du client. Voyons comment vous pouvez ignorer la page du panier.

Comment ignorer la page du panier

Certains magasins préfèrent ignorer la page du panier et laisser les clients passer en revue et payer leur commande sur la page de paiement. Cela raccourcit les étapes nécessaires aux clients pour passer à la caisse, ce qui accélère l'expérience d'achat.

Pour ignorer la page du panier, accédez au tableau de bord WP Admin et accédez à WooCommerce> Paramètres. Sous l'onglet Produits , sélectionnez les paramètres généraux dans le sous-menu et cochez l'option "Redirection vers la page du panier après un ajout réussi" . Après cela, n'oubliez pas de sauvegarder les modifications.

Ensuite, allez dans l'onglet Avancé et sélectionnez Mise en page . Modifiez la page Panier par défaut sur Paiement et enregistrez les modifications.

Fait! Vous pouvez maintenant accéder au front-end de votre site Web et le vérifier vous-même.

Fait intéressant, ignorer la page du panier via les paramètres par défaut de WooCommerce n'est pas le seul moyen. Vous pouvez obtenir la même chose en utilisant des plugins dédiés ou des extraits de code personnalisés. Pour plus d'informations à ce sujet, consultez notre guide sur la façon d'ignorer la page du panier dans WooCommerce.

Bonus : comment modifier le texte de passage à la caisse

Un autre bon moyen de modifier la page de votre panier consiste à modifier le texte "Passer à la caisse" . C'est une option intéressante pour que le texte ait plus de sens pour votre boutique. Par exemple, si vous vendez des produits numériques qui sont disponibles dans un plan d'abonnement, "S'abonner maintenant" est une meilleure option que "Passer à la caisse".

Dans cet article, nous avons déjà expliqué comment modifier le bouton et le texte « Procéder au paiement » à l'aide du plugin StoreCustomizer. Dans cette section, nous verrons une autre façon de modifier le texte "Passer à la caisse" à l'aide d'un extrait de code personnalisé.

Par exemple, examinons l'extrait de code suivant pour remplacer le bouton Passer à la caisse par "M'amener à la caisse". Remplacez simplement le texte « Emmenez-moi à la caisse » par ce que vous voulez.

 //Modifier le texte de passage à la caisse

remove_action( 'woocommerce_proceed_to_checkout', 'woocommerce_button_proceed_to_checkout',20);
add_action( 'woocommerce_proceed_to_checkout', 'custom_button_proceed_to_checkout',20);

fonction custom_button_proceed_to_checkout() {
echo '<a href="'.esc_url(wc_get_checkout_url()).'" class="checkout-button bouton alt wc-forward">' .
__("Passez à la caisse", "woocommerce") . '</a>' ; //Remplacez "Take me to Checkout" par votre texte 

C'est tout! Vous pouvez maintenant modifier le texte « Procéder au paiement » sur la page de votre panier à l'aide de l'extrait de code ci-dessus. Cependant, il y a plus que cela. Si vous souhaitez plus d'informations à ce sujet, consultez notre article sur la façon de modifier le texte "Passer à la caisse".

Conclusion

Dans l'ensemble, votre page de panier est l'une des pages les plus importantes de votre boutique en ligne, elle mérite donc toute votre attention. C'est la page où vos clients examinent leurs commandes avant de terminer leurs transactions, elle nécessite donc une attention particulière.

Par défaut, la page du panier est définie par le thème actif et offre des fonctionnalités limitées. Cependant, vous pouvez faire beaucoup plus avec votre page de panier, comme ajouter un message personnalisé ou des ventes croisées pour augmenter vos ventes. Vous pouvez également personnaliser la page du panier WooCommerce pour offrir à vos clients une meilleure expérience d'achat.

Dans cet article, nous avons vu, en détail, comment personnaliser la page du panier WooCommerce. Nous avons commencé avec les blocs WooCommerce par défaut fournis avec l'éditeur de blocs. Nous avons ensuite suivi le plugin WooCommerce Blocks, en introduisant deux blocs expérimentaux supplémentaires. Ensuite, nous avons vu certains des meilleurs plugins pour personnaliser la page du panier et vu une démonstration utilisant le plugin StoreCustomizer. Nous avons également examiné certains des constructeurs de pages que vous pouvez utiliser pour personnaliser la page du panier. Enfin, nous avons examiné quelques extraits de code qui vous offrent plus de contrôle et de flexibilité sur vos préférences de personnalisation et vous permettent de tirer le meilleur parti de la page du panier.

Outre la personnalisation de la page du panier, nous avons vu comment ignorer la page du panier et comment modifier le message "Passer à la caisse", à la fois à l'aide du plugin et par programme.

Avez-vous déjà pensé à personnaliser votre page de panier WooCommerce ? Quelles personnalisations aimeriez-vous faire ? Faites-le nous savoir dans les commentaires ci-dessous.