Comment ajouter une barre de livraison gratuite dans WooCommerce


Offrez-vous la livraison gratuite sur votre boutique WooCommerce?

Offrir la livraison gratuite est un moyen éprouvé de réduire l’abandon de panier et d’augmenter la conversion globale des ventes. Le défi est que la plupart des propriétaires de magasins ne mettent pas clairement en évidence l’offre de livraison gratuite.

Dans cet article, nous vous apprendrons comment ajouter une barre de livraison gratuite dans WooCommerce pour augmenter les ventes.

Ajout d'une barre de livraison gratuite dans WooCommerce

Ajout d’une barre de livraison gratuite dans WooCommmerce

Les frais d’expédition sont l’une des principales raisons des ventes de paniers abandonnés. De nombreux magasins en ligne y font face en offrant la livraison gratuite.

Faire connaître votre offre de livraison gratuite aux clients est un excellent moyen d’augmenter les ventes de votre boutique en ligne.

Voici un exemple de barre d’expédition gratuite. C’est un élément de site Web important qui reste en haut de l’écran lorsque l’utilisateur fait défiler vers le bas:

Exemple de barre de livraison gratuite

Comme vous pouvez le voir, l’exemple de magasin ci-dessus encourage les utilisateurs à dépenser un certain montant pour bénéficier de la livraison gratuite. C’est un excellent moyen d’augmenter la valeur des commandes de panier et le volume des ventes.

Vous pouvez activer la livraison gratuite incitative en utilisant le plugin Advanced Coupon pour WooCommerce.

Quelle que soit la façon dont vous activez la livraison gratuite, la mettre correctement en évidence sur votre site est essentiel, et c’est là qu’intervient une barre de livraison gratuite.

Pour créer la barre d’expédition, nous utiliserons OptinMonster. C’est un outil puissant pour créer tous les types de popups WordPress.

Créer un compte OptinMonster et connecter WordPress

Tout d’abord, vous devrez visiter le OptinMonster site Web et ouvrez un compte.

Remarque: OptinMonster a été co-créé par Syed Balkhi, fondateur de WPBeginner. C’est un outil optin extrêmement populaire que nous utilisons ici sur WPBeginner et nous le recommandons vivement.

Après vous être inscrit à OptinMonster, l’étape suivante consiste à installer et à activer le plugin OptinMonster gratuit pour WordPress. Si vous ne savez pas comment, consultez notre guide étape par étape sur la façon d’installer un plugin WordPress.

Ce plugin connecte l’application OptinMonster à votre site WordPress. Après l’avoir activé, cliquez sur le menu OptinMonster dans votre tableau de bord WordPress. Ensuite, cliquez sur le bouton «  Connecter votre compte  » et connectez WordPress à votre compte OptinMonster.

Connectez OptinMonster à votre site WordPress

Création de la barre d’expédition gratuite pour WooCommerce

Maintenant, vous pouvez créer votre barre de livraison gratuite. Tout d’abord, accédez à la page OptinMonster dans votre tableau de bord WordPress, puis cliquez sur le bouton « Créer une nouvelle campagne » en haut à droite.

Création d'une nouvelle campagne dans OptinMonster

Cela vous amènera au générateur de campagne OptinMonster où vous devez sélectionner «Barre flottante» comme type de campagne.

Sélectionnez la campagne Floating Bar

Ensuite, faites défiler vers le bas et choisissez votre modèle de campagne. OptinMonster propose une large gamme de modèles professionnels. Nous allons utiliser le modèle d’alerte pour notre barre de livraison gratuite WooCommerce.

Amenez le curseur de votre souris sur le modèle et cliquez sur le bouton « Utiliser le modèle »:

Sélectionnez le modèle d'alerte pour commencer à créer votre barre de livraison gratuite

OptinMonster vous invite maintenant à nommer votre campagne. Vous pouvez utiliser n’importe quel nom que vous aimez ici.

Nommez votre campagne OptinMonster

Vous pouvez également choisir le ou les sites Web sur lesquels vous souhaitez lancer la campagne. OptinMonster aurait dû ajouter votre site Web ici pour vous.

Une fois que vous êtes prêt, cliquez sur le bouton Démarrer la construction.

Vous verrez alors l’interface du générateur OptinMonster. Cela ressemblera à ceci:

Le modèle de barre d'alerte par défaut dans OptinMonster

Par défaut, la barre flottante collera au bas de l’écran. Si vous le souhaitez plutôt en haut de l’écran, c’est facile à changer.

Cliquez simplement sur Paramètres flottants dans le menu de gauche. Activez ensuite la fonction « Charger la barre flottante en haut de la page? » option.

Chargez la barre flottante en haut de la page

Pour changer le texte dans la barre, cliquez simplement dessus. L’éditeur de texte s’ouvrira sur le côté gauche de votre écran.

Modification du texte de votre barre flottante dans OptinMonster

Vous pouvez personnaliser le texte selon vos besoins. Vous pouvez également modifier le style de police, la couleur, la taille de police, etc. L’aperçu de votre campagne sera automatiquement mis à jour pour montrer à quoi il ressemblera en direct.

Ici, nous avons changé le texte et la police. Nous avons également légèrement augmenté la taille de la police:

Changez le texte de votre barre flottante

Vous pouvez également modifier le bouton de votre barre de livraison gratuite. Cliquez simplement sur le bouton et les paramètres s’ouvriront dans le panneau de gauche. Vous pouvez y changer le texte du bouton.

Modification du bouton sur votre barre de livraison gratuite

Pour diriger les clients vers une page de votre site Web sur la livraison gratuite, cliquez sur l’onglet Action. Entrez ensuite l’URL de redirection correcte:

Modifier l'emplacement de redirection du bouton sur votre site Web

Si vous souhaitez utiliser une couleur différente pour votre barre de livraison gratuite, c’est facile aussi. Tout d’abord, cliquez sur le bouton Accueil pour revenir aux principaux paramètres de conception:

Cliquez sur le bouton Accueil pour revenir aux principaux paramètres d'affichage de votre campagne

Ensuite, vous pouvez aller à Paramètres Optin »Styles d’affichage Optin pour changer la couleur de votre optin.

Allez dans Paramètres Optin - Styles de vue Optin pour changer les couleurs de votre optin

Après avoir cliqué dans la zone Couleur d’arrière-plan, vous pouvez sélectionner une nouvelle couleur. Vous pouvez soit saisir le code hexadécimal, soit utiliser le sélecteur de couleurs. Nous avons choisi le vert pour le nôtre:

Modification de la couleur d'arrière-plan de votre campagne

Une fois que vous êtes satisfait de votre barre de livraison gratuite, cliquez sur le bouton Enregistrer en haut à droite.

Enregistrez votre campagne en utilisant le bouton vert Enregistrer en haut de l'écran

Ensuite, vous devrez sélectionner les règles d’affichage qui contrôlent qui doit voir la barre de livraison gratuite sur votre site. Cliquez simplement sur l’onglet Règles d’affichage en haut de votre écran.

Définition de vos règles d'affichage dans OptinMonster

Par défaut, OptinMonster affiche votre barre flottante après que l’utilisateur a été sur n’importe quelle page de votre site pendant 5 secondes.

Vous voudrez peut-être charger instantanément votre barre de livraison gratuite. Pour ce faire, supprimez simplement cette règle. Cliquez sur l’icône moins sur le côté droit pour le faire:

Faites apparaître instantanément votre barre de livraison gratuite

Maintenant, vous devriez vous retrouver avec la règle « Le chemin d’URL actuel est n’importe quelle page ».

La dernière étape consiste à mettre votre campagne en direct sur votre site. Cliquez sur l’onglet Publier en haut de l’écran. Pendant la création de votre campagne, elle est suspendue par défaut. Vous pouvez l’activer ici.

Activez votre campagne sous l'onglet Publier dans OptinMonster

Pour mettre votre barre de livraison gratuite sur votre site WordPress, rendez-vous sur OptinMonster »Campagnes dans votre tableau de bord WordPress. Cliquez sur le bouton Actualiser les campagnes pour voir votre campagne de barres d’expédition gratuite répertoriée ici.

Actualisez votre liste de campagnes dans le tableau de bord WordPress

Maintenant, vous pouvez visiter votre site et voir votre barre de livraison gratuite en direct:

Exemple de barre de livraison gratuite

Nous espérons que cet article vous a aidé à apprendre à ajouter une barre de livraison gratuite dans WooCommerce. Vous pouvez également consulter notre liste des meilleurs plugins WooCommerce pour votre boutique en ligne et notre comparaison des meilleurs services téléphoniques professionnels avec des fonctionnalités de routage intelligent des appels.

Si vous avez aimé cet article, alors abonnez-vous à notre Chaîne Youtube pour les didacticiels vidéo WordPress. Vous pouvez également nous trouver sur Twitter et Facebook.

Le post Comment ajouter une barre de livraison gratuite dans WooCommerce est apparu en premier sur WPBeginner.



Partagez cet article

Newsletter

Inscrivez-vous à notre newsletter pour profiter de toutes nos astuces !

Laissez une réponse

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *