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 ajouter facilement un panier latéral diapositif dans WooCommerce

Un panier latéral coulissant peut rendre les achats dans votre stock WooCommerce beaucoup plus faciles pour vos clients.

Sans cela, les acheteurs risquent de passer d’une page de produit à l’autre et de se retrouver dans le panier, ce qui peut s’avérer frustrant. Cette étape supplémentaire pourrait prospecter les paniers abandonnés et les opportunités de vente manquées.

En d’autres termes, un panier coulissant permet aux clients de consulter et de gérer leur panier depuis n’importe quelle page, sans interrompre leur expérience d’achat. Ils peuvent rapidement ajouter ou supprimer des articles et appliquer des codes de réduction, ce qui rend le processus plus fluide.

Nous avons fait des recherches sur les extensions WooCommerce populaires pour voir lesquelles facilitent la création et l’affichage d’un panier latéral coulissant. D’après nos conclusions, FunnelKit est la meilleure option. Cet outil vous permet également d’ajouter des fonctionnalités supplémentaires telles que les ventes incitatives, les ventes croisées et les récompenses pour stimuler les ventes.

Dans ce guide, nous allons vous montrer comment mettre en place un panier latéral coulissant dans WooCommerce.

How to add a sliding side cart in WooCommerce

Pourquoi ajouter un panier latéral diapositif dans WooCommerce ?

Un panier latéral coulissant est un panneau qui apparaît lorsqu’un client/cliente ajoute un article à son panier.

Les clients/clientes peuvent également ouvrir le panier à tout moment en cliquant sur l’icône du panier. Cela leur permet de vérifier leur panier d’achat sans visiter une page de panier WooCommerce séparée.

An example of a sliding cart in WooCommerce

En fonction de la configuration du panier, les acheteurs peuvent également ajouter et supprimer des articles et appliquer des bons de réduction directement à partir du panneau coulissant.

Vous pouvez même ajouter des boutons d’appel à l’action, comme un lien vers la page de validation de commande de WooCommerce.

Les paniers coulissants peuvent améliorer l’expérience client en supprimant les frictions du processus d’achat et en aidant les acheteurs à savoir combien ils paieront à la caisse. Cela peut réduire les taux d’abandon de panier.

Avec cela à l’esprit dit, nous allons partager comment vous pouvez ajouter un panier latéral coulissant dans WooCommerce. Il suffit d’utiliser les liens rapides ci-dessous pour passer directement à la méthode que vous souhaitez utiliser.

C’est parti !

Méthode 1. Comment ajouter un panier latéral diapositif dans WooCommerce à l’aide d’une extension gratuite.

La façon la plus rapide et la plus simple de créer un panier latéral coulissant est d’utiliser Sliding WooCommerce Cart By FunnelKit. Cette extension gratuite vous permet d’ajouter une icône de panier à votre stock en ligne.

Les acheteurs peuvent cliquer sur le bouton pour ouvrir le panier latéral diapositif.

An example of a sliding side cart in WooCommerce

Vous pouvez modifier les couleurs du panier, les bordures, les boutons, la messagerie, etc.

Il existe une multitude d’options, ce qui vous permet de créer un panier qui s’adapte parfaitement à n’importe quel thème WordPress.

A WooCommerce sliding side cart

Vous pouvez afficher le bouton du panier sur l’ensemble de votre site, le limiter uniquement aux pages WooCommerce ou ajouter le bouton à des pages et publications spécifiques à l’aide d’un code court.

Comment configurer l’extension Cart For WooCommerce ?

Tout d’abord, vous aurez besoin d’installer et d’activer le plugin Sliding WooCommerce Cart By FunnelKit. Si vous avez besoin d’aide, alors consultez notre guide sur l’installation d’une extension WordPress.

Une fois activé, allez dans FunnelKit  » Panier. Vous verrez une Prévisualisation du panier diapositive vers la droite de l’écran.

Previewing the FunnelKit cart

Vous pouvez désormais personnaliser le panier pour qu’il réponde mieux à vos besoins.

Pour commencer, vous pouvez décider d’afficher l’icône du panier sur l’ensemble de votre site ou uniquement sur les pages de WooCommerce.

Si vous sélectionnez « Tout le site », les acheteurs peuvent ouvrir le panier coulissant à partir de n’importe quelle page, ce qui est un bon choix pour les places de marché et les magasins en ligne.

Adding a cart icon to your WordPress website

Cependant, il se peut que votre site contienne un grand nombre de contenus qui ne relèvent pas du commerce électronique. Par exemple, vous pouvez gérer un blog WordPress populaire mais utiliser WooCommerce pour vendre des marchandises à vos fans.

Afficher un bouton de panier sur chaque publication unique du blog peut devenir ennuyeux. Dans ce cas, vous pouvez cocher le bouton radio « Pages WooCommerce ».

Adding a cart icon to your WooCommerce pages

Une autre option est « Aucun », qui masque complètement l’icône du panier.

Si vous sélectionnez l’option « Aucune », vous pouvez ajouter l’icône à n’importe quelle page, publication ou zone prête à accueillir un widget à l’aide d’un code court. Vous pouvez également ajouter l’icône à votre menu de navigation.

Nous vous afficherons la marche à suivre ultérieurement dans cette publication, mais vous pouvez sélectionner « Aucun » si vous prévoyez d’ajouter l’icône du panier manuellement.

Après avoir pris cette décision, sélectionnez « En bas à gauche » ou « En bas à droite » selon l’endroit où vous souhaitez afficher le bouton du panier. Il peut être utile de vérifier l’aspect du bouton dans votre stock en ligne en sélectionnant « Prévisualisation sur la page ».

Previewing the FunnelKit sliding cart

Par défaut, l’extension affiche  » Avis sur votre panier  » en haut du panier latéral diapositif.

Vous pouvez remplacer ce titre par votre propre message en le saisissant dans le champ « Titre du panier ».

Adding a heading to your online store's cart

Si vous ne souhaitez pas afficher de Titre, laissez simplement le champ vide.

Par défaut, FunnelKit affiche l’icône du panier avant que l’acheteur n’ajoute des articles à son panier.

Si vous préférez, vous pouvez masquer l’icône jusqu’à ce que l’internaute commence à ajouter des articles. Il vous suffit de cliquer sur le permutateur « Masquer l’icône du panier » pour qu’il devienne bleu.

Hiding the WooCommerce cart

C’est tout ce dont vous avez besoin pour créer un panier latéral coulissant de base, mais il existe des réglages qui peuvent vous permettre d’obtenir encore plus de ventes. Dans cette optique, jetons un coup d’œil aux fonctionnalités plus avancées de FunnelKit.

Accepter les codes promo dans le panier latéral diapositif de WooCommerce

Les coupons sont un excellent moyen d’augmenter les ventes et de fidéliser les clients.

Si vous avez créé des coupons WooCommerce intelligents à l’aide de l’extension Advanced Coupons, alors les acheteurs peuvent les taper directement dans la page du panier coulissant.

Adding coupon codes to a sliding side cart in WooCommerce

Lorsque le client clique sur « Appliquer », le panier coulissant indique le montant qu’il a enregistré.

En affichant immédiatement la remise aux clients, vous pouvez réduire les taux d’abandon de panier et les encourager à ajouter d’autres articles à leur panier.

How to accept coupon codes in a sliding side cart

Vous pouvez créer ces codes à l’aide de la fonction de coupon intégrée de WooCommerce ou d’une extension de code de coupon.

Pour ajouter le champ du coupon, cliquez sur le commutateur « Activer le champ du coupon », qui le fait passer du gris (désactivé) au bleu (activé).

Accepting coupons on your online store

Vous pouvez ensuite passer de la mise en page réduite à la mise en page dépliée.

Il suffit de cocher la case de droite à côté de « Afficher ».

Choosing different layouts for the sliding cart page

La version réduite occupe moins d’espace et est donc moins gênante, mais les acheteurs devront développer la section des coupons avant de pouvoir saisir des codes.

Dans l’image suivante, vous pouvez voir la mise en page réduite :

An example of a minimized layout for coupon codes and discounts

Après avoir choisi une mise en page, vous pouvez modifier le texte que FunnelKit utilise pour le Titre de la boîte de coupon, le texte de l’espace réservé à la remise et le texte du bouton.

Outil de personnalisation du récapitulatif du panier

Le récapitulatif du panier affiche aux clients/clientes le montant de leur achat. Cela aide à évaluer le taux d’abandon du panier car il n’y a pas de mauvaise surprise à la Commande.

Customizing the WooCommerce cart summary

C’est pourquoi nous vous recommandons d’activer le commutateur « Afficher le sous-total ».

Toutefois, si vous souhaitez simplifier le panier latéral, vous pouvez cliquer pour désactiver le permutateur « Afficher le sous-total ».

Showing the subtotal on your eCommerce cart page

Vous pouvez également afficher toutes les économies auxquelles le client/cliente a droit, y compris les remises liées aux coupons qu’il a appliqués.

De cette manière, vous pouvez utiliser le FOMO pour augmenter les conversions, en particulier si les économies sont sensibles au temps.

Par exemple, vous pouvez programmer des coupons dans WooCommerce pour que le client ne puisse les utiliser que pendant une durée limitée.

Showing savings and discounts on your e-Commerce site

Si vous préférez retirer ces informations du panier diapositif, vous pouvez désactiver le permutateur « Afficher les économies ».

Vous pouvez également remplacer le « texte d’enregistrement » et le « texte de Livraison » par votre propre message personnalisé.

Customizing the message on a sliding side cart screen

Personnaliser l’appel à l’action du panier de WooCommerce.

Le panier latéral coulissant dispose d’un bouton de paiement par défaut, mais vous pouvez personnaliser ce bouton d’appel à l’action pour obtenir plus de conversions. Pour commencer, vous pouvez ajouter une icône de paiement à l’aide du commutateur  » Activer l’icône du bouton « .

FunnelKit's checkout settings

Cela peut être particulièrement utile si vous créez un site WordPress multilingue.

Vous pouvez également ajouter le prix du panier au bouton de commande en utilisant le permutateur « Activer le prix du panier ».

Customizing the WooCommerce checkout button

Cela aidera les acheteurs à suivre le coût du panier, surtout si vous avez supprimé le sous-total de la section récapitulative du panier.

Par défaut, FunnelKit ajoute un lien « Continuer les achats » au bas du panier latéral coulissant. Vous pouvez remplacer ce texte par votre propre message en le tapant dans le champ ‘Continue Shopping Text’.

Customizing the 'Continue shopping' text

Ensuite, choisissez si ce lien fermera simplement le panneau latéral du panier ou redirigera l’acheteur vers la page de votre magasin WooCommerce.

La plupart des acheteurs s’attendent à quitter le panier diapositif, c’est pourquoi nous vous recommandons de sélectionner le bouton « Fermer le panier latéral ».

Closing the sliding side cart in WooCommerce

Si vous sélectionnez « Rediriger vers la boutique », vous pouvez modifier le texte « Continuer les achats » afin de clarifier ce qui se passera lorsque les clients/clientes cliqueront sur le lien.

Créer un écran personnalisé de panier vide

Il est possible de masquer le bouton du panier jusqu’à ce que l’acheteur ajoute au moins un article à son panier, en suivant la procédure décrite ci-dessus. Cependant, si vous ne masquez pas le bouton, les clients peuvent parfois voir un écran de panier vide.

The 'Empty Cart' screen

Vous pouvez modifier le titre, la description et le texte du bouton à l’aide des Réglages de la section « Panier vide ». En règle générale, vous souhaitez encourager les clients/clientes à commencer leurs achats. Par exemple, vous pouvez parler de ce que vous offrez, comme la livraison gratuite ou la garantie de remboursement.

Vous pouvez même donner à l’acheteur un code promo tel qu’une remise pour l’achat d’un produit gratuit.

Adding a CTA to the 'empty cart' screen

Vous pouvez également choisir si en cliquant sur le bouton  » Acheter maintenant « , le client sera dirigé vers la page du magasin WooCommerce ou s’il fermera simplement le panneau latéral.

Nous vous recommandons de sélectionner l’option « Redirect To Shop » (Rediriger vers la boutique), qui permettra aux acheteurs d’ajouter plus facilement des articles à leur panier.

Enabling 'redirect to shop' in the FunnelKit WordPress plugin

Ajoutez l’icône du panier n’importe où sur votre site

Si vous souhaitez avoir plus de contrôle sur l’endroit où l’icône du panier apparaît, vous pouvez l’ajouter à n’importe quelle page, publication ou zone prête à accueillir un widget à l’aide d’un code court. Vous pouvez également l’ajouter au menu de votre site.

C’est un excellent choix si vous avez sélectionné « Aucun » dans les Réglages de « Visibilité de l’Icône » en suivant la procédure décrite ci-dessus.

FunnelKit's 'icon visibility' settings

Si vous avez sélectionné « Pages WooCommerce », il est également possible d’ajouter l’icône du panier à d’autres zones importantes de votre site. Par exemple, vous pouvez ajouter l’icône à votre page d’accueil personnalisée ou à votre formulaire de contact.

Pour commencer, vous pouvez sélectionner « Menu du panier » et activer le commutateur « Activer le menu du panier ».

Enabling the cart icon on WordPress

Vous pouvez désormais modifier l’apparence de l’icône en sélectionnant l’un des modèles d’icône et en choisissant d’afficher ou non le nombre de produits et le total du panier dans l’icône. Ces informations peuvent aider les internautes à suivre l’évolution de leur panier.

Vous pouvez également modifier la taille des icônes et du texte. Au fur et à mesure que vous effectuez des modifications, le petit aperçu se met à jour automatiquement, ce qui vous permet d’essayer différents paramètres pour voir ce qui vous convient le mieux.

How to create a custom cart icon for WordPress

Lorsque vous êtes satisfait de l’aspect de l’icône du panier latéral coulissant, cliquez sur le bouton « Enregistrer ».

Vous pouvez désormais ajouter l’icône à n’importe quelle page, publication ou zone prête à accueillir un widget à l’aide du code situé à côté de « Contenu embarqué Shortcode ».

How to add a cart icon using shortcode

En savoir plus sur le placement du code court, Veuillez consulter notre guide sur l’ajout d’un module court dans WordPress.

Une autre option consiste à ajouter l’icône au menu de navigation de votre site. De cette façon, le panier latéral coulissant est toujours à portée de main, sans distraire du contenu de la page principale.

How to add a cart icon to a navigation menu

Pour ce faire, ouvrez le menu déroulant « Ajouter au menu » et choisissez le menu que vous souhaitez utiliser.

Ensuite, il suffit de cliquer sur le bouton « Enregistrer ».

Adding a cart icon to the WordPress menu

Maintenant, si vous visitez votre site WordPress, vous verrez l’icône du panier dans le menu de navigation.

Ajoutez vos propres couleurs et marques

Vous pouvez modifier les couleurs du panier latéral coulissant pour qu’elles correspondent mieux à votre thème WooCommerce ou à votre image de marque.

Pour modifier la couleur du texte, la couleur des boutons, la couleur des liens et bien d’autres choses encore, cliquez sur « Style ».

Adding your own branding to a WooCommerce cart

Et pour modifier l’une des couleurs par défaut, il suffit de cliquer dessus. Une fenêtre contextuelle s’ouvre alors pour vous permettre d’essayer différentes couleurs.

Par exemple, dans l’image suivante, nous personnalisons la bordure.

How to add custom colors to a WooCommerce store

Une autre option consiste à saisir un code hexagonal dans le champ « Hex ». Cette option est idéale si vous avez déjà une teinte spécifique en tête.

Si vous ne savez pas quel code hexadécimal utiliser, il peut être utile d’utiliser un site comme HTML Color Codes. Ici, vous pouvez explorer différentes couleurs et obtenir un code que vous pouvez simplement coller dans l’extension FunnelKit.

Si vous ne savez toujours pas quelles couleurs utiliser, alors vous pouvez consulter notre guide sur la façon de choisir un jeu de couleurs parfait pour votre site WordPress.

Comment créer un panier latéral diapositif responsive

Selon notre rapport sur l’utilisation d’Internet, plus de 90 % de la population Internet mondiale utilise un appareil mobile pour aller en ligne. Dans cette optique, vous voudrez vous assurer que le panier latéral coulissant est aussi beau sur les smartphones et les tablettes que sur les ordinateurs de bureau.

Dans ce cas, il peut être utile de modifier la largeur du panier afin qu’il ne remplisse pas complètement le petit écran d’un appareil mobile. Pour ce faire, ouvrez l’onglet « Stylisation », puis cliquez sur « Largeur mobile de l’aperçu du panier ».

Create a mobile responsive cart page

Vous pouvez essayer de saisir différentes valeurs dans ce champ. Si vous modifiez les réglages par défaut, il est conseillé de vérifier la version mobile de votre site WordPress à partir de l’ordinateur pour vous assurer que vous êtes satisfait des résultats.

Pendant que vous êtes sur cet écran, vous pouvez également modifier la largeur du panier latéral coulissant sur le bureau. Pour ce faire, il vous suffit de modifier le chiffre figurant dans le champ « Largeur de l’aperçu du panier sur le bureau ».

Comment publier votre chariot latéral diapositif

Lorsque vous êtes satisfait de la façon dont le panier diapositif est configuré, il est temps de le rendre direct. Cliquez simplement sur le Diaporama « Activer le panier » pour qu’il devienne bleu.

How to enable the sliding cart on your WooCommerce store

Maintenant, si vous visitez votre stock en ligne, vous verrez le panier coulissant en direct.

Si vous souhaitez supprimer le panier latéral coulissant à un moment donné, il vous suffit de retourner dans FunnelKit  » Panier dans le tableau de bord de WordPress. Ensuite, allez-y et cliquez pour désactiver le curseur ‘Enable Cart’.

How to disable the sliding cart on your WooCommerce store

Méthode 2. Ajouter un panier latéral diapositif avancé (avec ventes incitatives, ventes croisées et récompenses)

Si vous souhaitez augmenter la valeur moyenne des commandes dans votre stock, vous pouvez passer à FunnelKit Cart Pro. Cette extension avancée de panier latéral coulissant ajoute de puissantes fonctionnalités de ventes incitatives, de ventes croisées et de récompenses au panier latéral coulissant FunnelKit.

Avec cette extension, vous pouvez recommander des produits liés chaque fois qu’un client ajoute un article à son panier.

Get more sales with upselling and cross-selling promotions

Vous pouvez également créer des récompenses uniques, telles que des codes de réduction et des cadeaux, et les promouvoir dans le panier coulissant.

FunnelKit peut même déterminer le montant supplémentaire que le client doit dépenser pour obtenir la récompense suivante.

Offering extra rewards to shoppers

Pour ajouter ces puissantes fonctionnalités, vous devrez mettre à niveau vers FunnelKit Constructeur d’entonnoirs Pro. Sachez que vous aurez besoin de l’offre Plus ou d’une offre supérieure.

Après avoir acheté une offre, connectez-vous à votre compte FunnelKit. Vous y trouverez l’extension FunnelKit Funnel Constructeur Pro, ainsi que FunnelKit Funnel Constructeur et FunnelKit Cart. Vous devrez installer les trois extensions pour déverrouiller les fonctionnalités avancées du panier diapositif.

Tout d’abord, vous devrez installer et activer les trois extensions. Si vous avez besoin d’aide, veuillez consulter notre guide sur l ‘installation d’une extension WordPress.

Une fois activé, passez par FunnelKit  » Réglages et ajoutez votre clé de licence dans le champ ‘FunnelKit Funnel Constructeur Pro’.

Adding the FunnelKit license

Vous pouvez trouver ces informations en vous connectant à votre compte sur le site de FunnelKit. Une fois cette étape franchie, cliquez sur « Activer ».

Après cela, il suffit d’aller dans FunnelKit  » Panier « .

Adding an advanced sliding side cart to an online store

Vous pouvez maintenant configurer et personnaliser le panier latéral en suivant le même processus que celui décrit dans la méthode 1. Lorsque vous êtes satisfait de la façon dont le panier latéral diapositif est configuré, vous êtes prêt à ajouter des ventes incitatives, des ventes croisées et des récompenses.

Obtenez plus de ventes en faisant de la vente incitative et de la vente croisée sur les produits WooCommerce.

Lorsque les clients ouvrent le panier coulissant, vous pouvez leur présenter des promotions uniques de vente incitative et de vente croisée en fonction des articles contenus dans leur panier.

Adding upsell and cross-sell promotions to WooCommerce

La vente incitative consiste à encourager les acheteurs à acheter un produit plus cher que celui qu’ils ont déjà dans leur panier.

Imaginons par exemple qu’un client ajoute une veste imperméable à son panier. Vous pourriez lui suggérer une veste de meilleure qualité, plus durable, plus polyvalente et disponible en différentes couleurs.

La vente croisée consiste à promouvoir un produit lié à celui que le client achète déjà. Par exemple, s’il ajoute une carte de vœux à son panier, vous pouvez l’encourager à acheter également des chocolats ou des fleurs.

WooCommerce dispose d’une fonctionnalité de produits liés qui vous permet de créer des ventes incitatives et des ventes croisées. En savoir plus, Veuillez consulter notre guide sur la façon de faire des ventes incitatives de produits dans WooCommerce.

Cependant, vous pouvez également créer des upsells et des cross-sells directement depuis le tableau de bord de FunnelKit. C’est l’option la plus rapide, c’est donc celle que nous utiliserons dans ce guide.

Pour commencer, vous devrez cliquer sur l’option  » Ventes incitatives « , puis sélectionner  » Activer les ventes incitatives du panier « .

How to add upsells and cross-sells to WooCommerce

Après cela, faisons défiler jusqu’à la section  » Ventes incitatives et ventes croisées « .

Vous consulterez cette page pour connaître tous les produits de votre stock en ligne.

How to create WooCommerce linked products

Il suffit de cliquer sur l’article où vous souhaitez ajouter un ou plusieurs produits liés.

Ensuite, vous pouvez cliquer sur  » Ajouter une vente incitative  » ou  » Ajouter une vente croisée  » en fonction du type de promotion que vous souhaitez créer.

FunnelKit's advanced conversion features

Dans le popup, commencez à taper le produit que vous voulez utiliser comme vente incitative ou vente croisée. Lorsque le bon produit apparaît, il vous suffit de cliquer dessus.

Pour proposer plusieurs produits, il suffit de suivre la même procédure que celle décrite ci-dessus.

Adding a linked product on your online store

Une fois cette étape franchie, il suffit de cliquer sur le bouton « Ajouter ».

Vous pouvez désormais créer des campagnes de ventes croisées et incitatives uniques pour chaque produit de votre stock en suivant simplement le même processus que celui décrit ci-dessus.

An example of a high-converting eCommerce sliding cart

Vous êtes maintenant prêt à personnaliser l’affichage des promotions de vente incitative et de vente croisée dans votre panier latéral diapositif.

Pour commencer, essayez de passer d’un style à l’autre en cliquant sur les boutons radio situés à côté de « Affichage ».

Customizing the upsell and cross-sell promotions in WooCommerce

L’aperçu en direct se met à jour automatiquement, ce qui vous permet d’essayer différents styles pour voir lequel vous préférez.

Par défaut, FunnelKit affichera à la fois les ventes incitatives et les ventes croisées dans le panier latéral coulissant. Si vous préférez, vous pouvez afficher uniquement les ventes incitatives ou uniquement les ventes croisées en utilisant les boutons radio dans « Type de recommandation de produit ».

FunnelKit's product recommendation settings

Ensuite, vous pouvez modifier le titre que FunnelKit affiche au-dessus de la promotion de vente incitative ou de vente croisée en le tapant dans le champ  » Titre « .

Sachez simplement que FunnelKit utilisera le même Titre pour les deux types de promotion.

Adding promotions to your sliding side cart

Ensuite, vous pouvez définir le nombre maximum de produits suggérés que FunnelKit affichera, en tapant dans le champ ‘Show Maximum Upsells’.

Dans la mesure du possible, il est judicieux de créer des promotions de vente incitative et de vente croisée uniques pour chaque produit. Toutefois, si votre boutique en ligne comporte un grand nombre d’articles, cela peut s’avérer impossible.

Dans cette optique, vous pouvez définir un produit de vente incitative par défaut que FunnelKit promouvra lorsqu’aucun produit lié n’est disponible. Pour ce faire, il vous suffit de taper le nom d’un produit dans le champ  » Vente incitative par défaut « . Lorsque le bon produit apparaît, il vous suffit de cliquer dessus.

Setting a default linked product

Lorsque vous êtes satisfait des promotions de vente incitative et de vente croisée que vous avez créées, n’oubliez pas de cliquer sur « Enregistrer » pour stocker vos modifications.

Proposer des livraisons gratuites, des remises et des cadeaux gratuits

Donner aux clients une raison de dépenser plus peut souvent augmenter la valeur moyenne de la commande. FunnelKit vous permet de créer diverses récompenses et de les promouvoir en tant que bonus à déverrouiller dans le panier latéral coulissant.

Par exemple, vous pouvez offrir la Livraison gratuite si le client/cliente dépasse un montant minimum de dépenses. Outil de personnalisation affichera même aux clients/clientes le montant supplémentaire qu’ils doivent dépenser pour déverrouiller leur prix.

C’est un moyen facile d’obtenir plus de ventes et de fidéliser les clients grâce à la gamification.

FunnelKit vous permet de proposer trois récompenses différentes : livraison gratuite, remise et cadeau.

Pour offrir la livraison gratuite, vous devrez avoir déjà configuré l’expédition dans votre magasin WooCommerce. Pour des instructions étape par étape, Veuillez consulter notre guide WooCommerce rendu simple.

Pendant ce temps, la récompense  » réduction  » applique automatiquement un coupon lorsque le client atteint le montant minimum de dépenses. Si vous souhaitez offrir cette récompense, vous devrez créer un coupon de réduction en pourcentage à l’aide de la fonction de coupon intégrée de WooCommerce ou d’une extension de coupon WordPress.

Pour obtenir des instructions étape par étape, veuillez consulter notre guide sur la création de coupons intelligents.

Ensuite, vous êtes prêt à créer une récompense en sélectionnant  » Récompenses  » dans les Réglages de FunnelKit, puis en cliquant sur  » Créer une récompense « .

How to get more sales with rewards

Vous pouvez maintenant ouvrir le menu déroulant « Type » et choisir le type de récompense que vous souhaitez créer.

Aucun Aucun Aucun Aucun Aucun Aucun Aucun Aucun Aucun Aucun Aucun Aucun Aucun Aucun Aucun Aucun Aucun Aucun Aucun Aucun Aucun Aucun Aucun Aucun Aucun aucun cadeau, livraison gratuite ou remise n’a été choisi, vous pouvez modifier le texte que FunnelKit affiche aux clients en le personnalisant dans le champ « Message ».

Si vous effectuez des modifications, veillez à ne pas modifier {{remaining_amount}} car cela permet à FunnelKit d’afficher le montant que le client/cliente doit encore dépenser.

Adding incentives to your WooCommerce store

Si vous proposez une remise, veillez à modifier le message pour afficher le montant de l’économie réalisée par le client/cliente.

Ensuite, saisissez un chiffre dans le champ « Montant pour obtenir la récompense ». Il s’agit du montant que les acheteurs doivent dépenser pour débloquer la récompense.

Offering your customers rewards and incentives

Si vous proposez une remise en pourcentage, vous devez spécifier le coupon que FunnelKit doit appliquer automatiquement.

Dans le champ ‘Code promo’, commencez à taper le coupon que vous souhaitez utiliser. Lorsque le bon code s’affiche, cliquez dessus.

Adding a discount offer to your eCommerce site

Désormais, FunnelKit appliquera automatiquement le coupon lorsque quelqu’un atteindra le montant minimum de dépenses.

Vous offrez plutôt un cadeau ? Vous pouvez alors commencer à saisir le nom du cadeau dans le champ « Produit ».

Offering shoppers a free gift

Lorsque le bon produit s’affiche, cliquez dessus.

Outil de personnalisation ajoutera cet article au panier du client/cliente dès qu’il aura atteint le montant minimum de dépenses.

How to offer shoppers a free gift

Pour ajouter d’autres modules, il suffit de cliquer sur « Créer une autre récompense ».

Vous pouvez maintenant configurer la remise, le cadeau ou la livraison gratuite en suivant la même procédure que celle décrite ci-dessus.

Get more sales by offering shoppers a reward

Par défaut, FunnelKit affiche le message suivant une fois qu’un client/cliente s’est qualifié pour toutes les récompenses : ‘Félicitations ! Vous avez déverrouillé toutes les récompenses ».

Pour afficher un message différent, il suffit de taper dans le champ « Lorsque toutes les récompenses sont déverrouillées ». Vous pouvez même offrir au client/cliente une prime spéciale pour avoir déverrouillé toutes vos récompenses, par exemple un code de réduction exclusif à utiliser lors de son prochain achat.

Offering visitors a reward

Lorsque vous êtes satisfait de la façon dont vos Réglages sont configurés, cliquez sur le bouton « Enregistrer ».

Comment publier votre chariot latéral diapositif

Lorsque vous êtes prêt à rendre le panier diapositif direct, il vous suffit de cliquer sur le permutateur « Activer le panier ».

Publishing a sliding side cart on your online store

Si vous souhaitez supprimer le panier latéral coulissant à n’importe quel moment, retournez simplement à FunnelKit  » Panier dans le tableau de bord de WordPress. Ensuite, allez de l’avant et cliquez pour désactiver le commutateur  » Activer le panier « .

Tutoriel vidéo

Avant de vous lancer, vous pouvez consulter notre tutoriel vidéo sur l’ajout d’un panier coulissant à votre stock WooCommerce.

Subscribe to WPBeginner

Nous espérons que cet article vous a aidé à ajouter un panier latéral coulissant dans WooCommerce. Vous pouvez également consulter notre guide sur la façon de créer un popup WooCommerce pour augmenter les ventes et notre choix d’experts des meilleures extensions WooCommerce pour votre stock.

Si vous avez aimé cet article, veuillez alors vous abonner à notre chaîne YouTube pour obtenir des tutoriels vidéo sur WordPress. Vous pouvez également nous trouver sur Twitter et 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

Commentaires

  1. Félicitations, vous avez la possibilité d'être le premier commentateur de cet article.
    Vous avez une question ou une suggestion ? Laissez un commentaire pour lancer la discussion.

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.