Lorsque vous utilisez la gestion de stock de WooCommerce et qu’un de vos produits est en rupture de stock, rien mis à part une petite ligne en rouge sur la page du produit ne le précise.
Seule une petite ligne discrète en rouge « Rupture de stock » est affichée. Pas forcément très clair pour notre client donc.
Nous allons plutôt afficher une badge « Rupture de stock » en rouge et gros sur l’image au niveau de la boutique et à coté du titre sur notre page produit. Cela améliorera grandement l’expérience client.
Voici comment procéder : copiez-collez le code suivant dans le fichier functions.php de votre thème enfant:
/* Indiquer la rupture de stock */
add_action( 'woocommerce_before_shop_loop_item_title', 'wpm_display_sold_out_loop_woocommerce' );// On l'affiche sur la page boutique
add_action( 'woocommerce_single_product_summary', 'wpm_display_sold_out_loop_woocommerce' );// On l'affiche sur la page du produit seul
function wpm_display_sold_out_loop_woocommerce() {
global $product;
//Si le produit est en rupture de stock, on affiche :
if ( !$product->is_in_stock() ) {
echo '<span class="soldout">' . __( 'Rupture de stock', 'woocommerce' ) . '</span>';
}
}
Vous pouvez utiliser le CSS suivant pour modifier l’apparence du badge :
Pour rendre votre boutique WooCommerce un peu plus originale, je vous propose de modifier le comportement de votre bouton « Ajouter au panier » lorsque le produit est déjà dans le panier.
Vous pouvez par exemple afficher dynamiquement le texte « Acheter à nouveau » à la place du texte « Ajouter au panier » .
Voici comment s’y prendre.
Copiez-collez le texte suivant dans le fichier functions.php de votre thème enfant:
/* Modifier le texte du bouton "Ajouter au panier" si le produit est déjà dans le panier */
add_filter( 'woocommerce_product_single_add_to_cart_text', 'wpm_custom_cart_button_text' );
function wpm_custom_cart_button_text() {
global $woocommerce;
// On récupère tous les produits présent dans le panier
foreach($woocommerce->cart->get_cart() as $cart_item_key => $values ) {
$_product = $values['data'];
// Si l'ID d'un des produits du panier correspond à l'ID du produit de la page produit sur laquelle on se trouve, on change le texte du bouton
if( get_the_ID() == $_product->id ) {
return __('Acheter à nouveau?', 'woocommerce');
}
}
// Si les ID ne correspondent pas, on laisse le texte standard de WooCommerce
return __('Ajouter au panier', 'woocommerce');
}
Maintenant lorsqu’un produit est déjà dans le panier, voici ce que vous devriez avoir sur vos pages produits :
Si vous possédez une idée plus originale, vous pouvez modifier le texte « Acheter à nouveau » par celui de votre choix.
Vous souhaitez savoir si vous pouvez cacher l’UGS présente sur les pages produits dans WooCommerce ? En effet, cette référence unique dédiée à chaque produit à la vente vient s’imposer sur votre site. Néanmoins, vous devez savoir que cette unité de stockage se révèle être très utile pour votre e-commerce.
Dans certains cas, le fait de ne pas l’utiliser pourrait même vous jouer des mauvais tours. C’est pourquoi, les experts dans le domaine conseillent d’en faire usage. Ceci dit, bien que son utilisation soit recommandée, vous ne souhaitez plus la voir s’afficher. Vous trouverez donc dans les lignes qui suivent quelques astuces qui devraient vous intéresser.
Qu’Est-ce Que l’UGS et Pourquoi Est-elle Utile ?
Appelée SKU en anglais, l’UGS signifie « Unité de Gestion de Stock ». Cette dernière se situe dans la page d’édition d’un produit de votre site au niveau de la rubrique « Inventaire ». Certes, vous pouvez la remplir ou décider de la laisser vide, si vous ne désirez pas vous en servir.
Toutefois, sachez que cette référence s’avère très utile pour organiser efficacement la gestion de votre magasin en ligne. Peu importe le type de vos produits ou la taille de votre boutique, ce numéro d’article est d’une aide précieuse. Plus grave encore, son absence pourrait engendrer des soucis en matière de logistique, nuire à vos relations avec vos collaborateurs ou limiter votre potentiel de vente.
Quoi qu’il en soit, l’UGS se présente sur vos pages produits dans le cas où vous l’utiliseriez. Or, vous pouvez faire en sorte qu’elle n’apparaisse pas et y avoir recours seulement à des fins administratives.
Retirer l’Affichage de l’UGS Sur Les Pages Produits
Vous disposez de plusieurs solutions afin de ne pas afficher l’UGS sur les pages produits de votre site.
Enlever l’Affichage de l’UGS à l’Aide d’un Snippet
Pour ce faire, il vous suffit de copier-coller le snippet suivant dans le fichier « functions.php » dans votre thème enfant :
/* Ne pas afficher l'UGS sur vos pages produits */
add_filter( 'wc_product_sku_enabled', 'wpm_remove_sku' );
function wpm_remove_sku( $enabled ) {
// Si on est pas dans l'admin et si on est sur la page produit
if ( !is_admin() && is_product() ) {
return false;
return $enabled;
}
Ce code vous permettra de ne pas afficher l’UGS sur les pages produits de votre boutique en ligne. Cependant, vous pourrez le conserver et l’employer pour suivre vos commandes et gérer votre administration.
Cacher l’UGS Par le Biais du CSS
Bien que celui-ci soit moins efficace que le snippet, le CSS est capable de masquer l’UGS. Effectivement, cette méthode n’empêche pas l’UGS d’apparaître dans le code source de votre page.
Ceci dit, il se peut que vous trouviez cette technique intéressante. Dans ce cas, il vous faudra copier-coller le code ci-dessous dans la rubrique « CSS personnalisé » de votre thème ou dans le fichier « style.css » de votre thème enfant :
Si vous êtes déterminé à ne pas faire appel aux UGS malgré leur importance, vous avez alors la possibilité de désactiver ces dernières. Pour réaliser cela, vous devez ajouter le champ de caractère suivant (toujours dans le fichier « functions.php » de votre thème enfant) :
/* Désactiver les SKUs sur WooCommerce */
add_filter('wc_product_sku_enabled', '__return_false');
Avec l’une de ces trois solutions, vous aurez la capacité d’arrêter l’affichage de l’UGS sur vos pages produits.
Si vous êtes comme moi, à la quête de nouveauxthèmes WordPresssans arrêt, vous êtes conscients que votre regard à changé quand vous naviguez sur un site internet.
Je vous propose aujourd’hui quelques petites astuces pour trouver le thème WordPress utilisé par un site dont le design vous plait beaucoup. Pour cela, vous verrez, les étapes sont relativement simples et à la portée de tous.
N’hésitez pas à me dire en commentaire si ces techniques vous ont été utiles et vous les connaissiez avant !
Utilisez le petit outil dédié mis en place par votre serviteur !
Comme vous êtes nombreux à chercher le thème WordPress utilisé par un site ou un blog, j’ai décidé de vous mettre en place un petit outil.
Si vous vous rendez sur what.wptheme.fr, vous serez en mesure de trouver quel est le thème WordPress qu’utilise un site internet ou un blog ! Sympa non ?
Installez l’extension Wappalyzer sur votre navigateur préféré
Lorsqu’on utilise une technologie, cette dernière laisse forcément une empreinte. L’extension pour navigateur Wappalyzer fait parti de ces outils qui sont capables d’aller chercher toutes les informations sur les technologies utilisées par un site internet et donc le thème WordPress dans le cas d’une utilisation de WordPress. Je vous donne, ci-dessous, les liens afin que vous puissiez télécharger Wappalyzer sur Chrome et Firefox. Sachez que si Wappalyzer ne vous plait pas, vous pouvez regarder du côté de BuiltWith Technology Profiler.
Comme vous pouvez le voir sur l’image ci-dessus, WPTheme utilise bien le CMS WordPress, et vous avez même un indication sur la version de WordPress présente sur le site (ici, il s’agit de la version, WordPress 3.8).
Vous peinez avec votre interface d’administration WordPress car celle-ci est trop lente ? Alors cet article est fait pour vous.
À qui s’adresse cet article ?
Cet article s’adresse aux propriétaires de site web WordPress, aux webmasters, développeurs et freelances WordPress qui se retrouvent face à un problème commun : un portail d’administration WordPress (tableau de bord) très lent. Si vous souhaitez corriger ce problème et même optimiser les performances de votre portail d’administration, alors lisez attentivement cet article.
Parce que nous comprenons qu’avoir une interface d’administration lente peut être frustrant, nous allons vous montrer comment la rendre plus rapide. Pensez également à la frustration que ressentent les utilisateurs de votre site web lorsqu’ils veulent par exemple acheter un produit mais que la page semble prendre une éternité à charger, ou à celle des développeurs qui essaient de travailler sur l’interface.
Chez Youdemus, nous sommes souvent amenés à traiter ce type de problème. C’est pourquoi nous avons décidé de vous faire gagner du temps et de vous aider à effectuer les optimisations par vous-même. Vous pouvez considérer cet article comme une boîte à outils vous permettant de régler les soucis liés à un portail d’administration et une interface WordPress lente.
Comment faire si je ne souhaite pas régler ce problème moi-même mais préfère faire appel à des professionnels de WordPress ?
Si vous ne souhaitez pas effectuer de modifications manuellement au risque de faire une fausse manipulation, notre agence web WordPress peut s’occuper de votre problème. Nous offrons notamment des services d’assistance et de maintenance WordPress.
Vous êtes prêt à réparer le portail d’administration WordPress ? Bien alors commençons.
1. Mettez à jour votre matériel serveur ou changez d’hébergeur
En effet, la plupart des problèmes de lenteur de l’interface WordPress lente sont liés au serveur. Lorsque votre site web communique avec un serveur, cela entraîne une consommation des ressources de celui-ci. Si votre site en consomme trop, alors votre serveur ne pourra pas exécuter rapidement les actions demandées. C’est une des premières choses qu’un professionnel de WordPress évaluera.
Si vous voulez faire un test de la rapidité de votre serveur, nous vous conseillons d’utiliser l’outil Google Page Speed Insights. Il vous suffira d’entrer l’URL de votre site web et d’appuyer sur « Analyser ». S’il vous est indiqué de réduire le temps de chargement du serveur, alors il est temps de changer d’hébergeur.
Que faire si votre serveur est lent ?
Appelez votre hébergeur et demandez-lui si votre offre actuelle correspond réellement à votre besoin. Si non, demandez à changer d’offre ou bien migrez vers un autre hébergeur comme o2switch par exemple. Vous conviendrez qu’il vaut mieux payer plus cher que de perdre des conversions et donc in fine un revenu potentiel.
2. Désactivez le cache objet et de bases de données
Dans le cas où vous utiliseriez « W3-total-cache », vous pouvez désactiver le « cache objet ». Nous avons remarqué qu’il était la cause du ralentissement des interfaces d’administration de WordPress sur de nombreux sites.
« W3-total-cache » est l’un des plugins les plus utilisés sur WordPress et comporte de nombreuses fonctionnalités. Ainsi, si vous n’êtes pas un grand amateur de la technologie, vous pouvez vous tromper dans sa configuration. Voici le conseil à retenir : n’activez pas toute la mise en cache dans la partie « Générale ».
De plus, nous vous conseillons de désactiver le cache objet et de base de données. Pour cela, accédez aux paramètres généraux et décochez les deux options, comme indiqué ci-dessous :
Une fois ces modifications effectuées, vérifiez si votre interface WordPress est encore lente. Si c’est le cas, pas de panique. Nous allons explorer d’autres pistes.
3. Installez et configurez WP Disable Plugin
Il s’agit d’un plugin WordPress qui vous permettra de désactiver les paramètres inutiles de ce CMS, celles qui consomment les ressources de votre serveur et ralentissent votre interface. WP-disable est primordial pour aider à diminuer le nombre de requêtes http adressées au serveur. Ces mesures devraient permettre d’accélérer le chargement de votre interface WordPress. Vous devez passer en revue les paramètres WordPress : Requêtes, Tags, Admin, SEO, Others et API Rest.
Afin d’accéder aux paramètres du plugin WP-disable, cliquez sur le menu de gauche qui a pour nom « optimisation.io ». Vous arrivez sur une page contenant de nombreux onglets. Ce sont les paramètres cités ci-dessus que nous vous conseillons de configurer comme sur ces images.
4. Essayez P3 Profiler To Find pour optimiser l’utilisation de vos plugins
Nombreux sont les utilisateurs qui utilisent une longue liste de plugins WordPress, sans prendre en compte le fait que chacun d’entre eux utilise une partie des ressources CPU. L’utilisation de plugins gourmands en ressources ne facilite pas la tâche à votre hébergeur. C’est d’ailleurs la deuxième cause de ralentissement d’une interface WordPress. Certains cas entraînent même l’apparition d’un écran blanc. Lorsque cela se produit, vous devez faire appel à un professionnel pour qu’il répare ce problème.
Si vous ne voulez pas vous retrouver dans cette situation, vous pouvez utiliser le plugin P3 Profiler To Find. Il vous aidera à identifier le(s) plugin(s) utilisant une part importante des ressources CPU de votre ordinateur.
J’ai installé le plugin. Que dois-je faire maintenant ?
À partir de l’interface WordPress, accédez aux extensions. Repérez ensuite ce plugin et appuyez sur « scan now ». Cela lancera l’analyse. Reportez-vous à l’image ci-dessous pour avoir un aperçu du rôle de chaque plugin dans le ralentissement de l’interface d’administration de votre CMS WordPress.
Voici une shortlist des plugins ou types de plugins étant souvent la cause de ralentissement :
> Les vérificateurs de liens brisés
> Constant Contact Widget et SumoMe
> Système de commentaires comme Disqus
> Constructeurs de sites WordPress & Sliders
> WooCommerce
> WPML
5. Supprimer les plugins et thèmes inutilisés
Il est inutile de conserver des thèmes ou plugins que nous n’utilisez probablement jamais ou déjà plus. Pourquoi ? Car chaque plugin ou thème que vous installez sur votre site enregistrera certaines configurations sur votre base de données. Ces configurations ralentiront considérablement votre site web. De plus, ces thèmes et plugins non utilisés sont rarement mis à jour et donc laissent libre cours aux personnes mal intentionnées d’injecter des logiciels malveillants et des virus. Une fois piratés, vous aurez besoin de professionnels de l’assistance WordPress.
Pour supprimer ces éléments inactifs, voici comment procéder :
6. Optimisez les tables de la base données WordPress
Une des meilleures manières d’optimiser votre base de données WordPress est d’utiliser des plugins proposés par ce CMS. Ceux que nous vous conseillons sont gratuits : WP-Optimize et Transients Manager. Vous pouvez les télécharger et les installer sur votre interface d’administration WordPress.
Avez-vous réussi à résoudre votre problème de portail d’administration WordPress lent ?
En suivant les démarches détaillées ci-dessus, nous espérons que vous avez réussi à résoudre votre problème. Cependant, si la bataille n’est toujours pas gagnée, n’hésitez pas à contacter notre agence web WordPress. W Inside Concept et son service de maintenance WordPress peuvent vous aider. Notre équipe de spécialistes est disponible de 9h30 à 17h00 du lundi au samedi.
WordPress – système de gestion de contenu gratuit, libre et open-source – vient avec un certain nombre de fonctionnalités natives, telles que la gestion des pages, des utilisateurs, du blog, etc.
Pour personnaliser un site WordPress, on dispose de 2 outils : les thèmes et les plugins. Le thème, obligatoire, va apporter la couche graphique principale du site tandis que les plugins, optionnels, vont apporter des fonctionnalités additionnelles au site WordPress.
Dans cet article, nous allons nous concentrer sur la définition d’un plugin.
Définition d’un plugin
Un plugin WordPress est un module additionnel à WordPress qui peut étendre les fonctionnalités de votre site internet ou en ajouter de nouvelles.
Les plugins WordPress sont écrits en langage de programmation PHP et intégrés avec WordPress. Dans la communauté WordPress, on dit d’ailleurs “il y a un plugin pour tout”.
Certains peuvent par exemple transformer votre site en une boutique e-commerce, c’est le cas de WooCommerce. Ou bien ajouter votre flux Instagram, ou Twitter.
Ils simplifient l’ajout de fonctionnalités à un site internet sans qu’aucune ligne de codes ne soit requise.
Il existe des centaines de plugins disponibles gratuitement dans le répertoire officiel de plugins WordPress. On trouve également des plugins payants.
3 cas de figure pour utiliser un plugin :
il est payant et il suffit d’acheter le plugin
il est gratuit et on peut acheter la licence pour avoir toutes les fonctionnalités
il est gratuit et on peut acheter des plugins additionnels pour ajouter encore d’autres fonctionnalités
Exemple de plugins WordPress
Voici une liste de quelques plugins forts utiles et gratuits selon leurs fonctionnalités :
Gérer les formulaires : Contact Form 7 ou Ninja Forms
Ce sont des extensions qui vous permettent de créer simplement des formulaires. Vous pouvez les coupler au mécanisme de sécurité Recaptcha de Google.
Pour une bonne bonne sécurité : Wordfence ou Sucuri Security
Ces plugins vous permettent de rendre votre site internet plus sécurisé. Ces plugins sont appelés plugin freemium. Ils possèdent des fonctions de bases qui sont gratuites et certaines sont réservées aux utilisateurs premium.
Pour améliorer votre référencement naturel : Yoast SEO ou All in One SEO
Ce sont des extensions très complètes dans le domaine du référencement naturel. Leur utilisation est assez simple et permet d’avoir une meilleure vision de vos SERPs, de modifier vos métas-données (titre et description de pages).
Pour optimiser votre cache : WP Fastest Cache ou WP Super Cache
Le cache permet de garder en mémoire les pages d’un site déjà chargé et améliore ainsi la vitesse de chargement des pages.
Traduction du site : Polylang ou WPML (payant)
Ce sont des plugins assez pratiques qui vous permettent de rendre le site multi-langue et ainsi de toucher votre cible selon la langue parlée et lue.
Installer un plugin WordPress
En tant qu’administrateur de site, vous pouvez installer/désinstaller des plugins depuis l’interface d’administration. Vous pouvez aussi les télécharger et les installer manuellement en utilisant un FTP client.
Parce que la majorité des plugins sont gratuits, il est important de noter que le support technique n’est pas prévu. Pour cette raison, il est important de faire attention au choix des plugins à installer sur votre site. On peut toutefois solliciter les concepteurs des plugins mais il n’y a pas de garantie de réponse. Ou bien la communauté directement, via les différents forums de discussions sur WordPress.org ou sur les sites d’aide, tel que Stackoverflow.
De nombreux plugins feront le job, mais certains de manière plus qualitative que d’autres ! Afin de choisir les bons plugins, posez-vous quelques questions :
Depuis combien de temps tel plugin n’a pas été mis à jour ? Si le plugin n’a pas été mis à jour depuis plus d’un an, prêtez attention.
Est-il compatible avec la dernière version de WordPress ? Si l’information n’est pas actualisée, il y a des risques pour que cela ne soit pas compatible.
Est- ce que les utilisateurs obtiennent un support en cas de questions ? Nous vous invitons à jeter un cou d’oeil sur le forum et sur les avis pour en savoir plus.
Est-il bien noté ? En dessous de 3 étoiles, méfiez-vous, il n’est sûrement pas aussi complet ou fiable qu’indiqué.
Est-ce que ce plugin ne va pas ralentir mon site ?
Il existe un mythe qui dit que les plugins WordPress ralentissent votre site. En effet, comme chaque plugin est développé par des développeurs différents, il y en a certains qui sont mal conçus et provoquent ce type de problème, dans certains cas de figure. Fiez-vous avant tout aux plugins disponibles sur le site de WordPress car ceux-ci sont testés régulièrement par la communauté WordPress.
Attention cependant, l’utilisation de trop de plugins peut alourdir ou faire dysfonctionner le site (s’il y a des conflits entre 2 plugins par exemple). Choisissez les plugins qui vont vraiment vous servir !
Si après avoir installé un plugin, vous constatez que votre site met plus de temps à charger ou bien provoque un dysfonctionnement sur votre site, c’est peut être qu’il vous faudra faire le tri parmi ceux-ci. D’ailleurs, découvrez ici comment accélérer la vitesse de votre espace d’administration WordPress.
