Vous avez installé WooCommerce sur votre site de commerce électronique. Félicitations ! Maintenant, il est temps de personnaliser votre boutique… mais vous ne savez pas comment faire. Eh bien, il existe un moyen simple et efficace de modifier votre boutique en ligne sans aucun problème : les crochets WooCommerce. En utilisant les crochets WooCommerce, vous n’avez pas à vous soucier de jongler avec plusieurs plugins pour personnaliser votre boutique ou y ajouter de nouvelles fonctionnalités. Mais avant de nous lancer dans l’utilisation de cette fonctionnalité étonnante, que sont exactement les crochets WooCommerce ?
Que sont les crochets WooCommerce ?
Les hooks WooCommerce sont des fonctions qui vous permettent d’insérer, de modifier ou de changer des données et des fonctionnalités à des emplacements spécifiques de votre boutique. Avec les crochets WooCommerce, vous pouvez facilement modifier l’apparence de votre boutique et ajouter de nouvelles fonctionnalités à l’aide d’un code personnalisé. Pour le contexte, les crochets sont comme des sockets dans WooCommerce, où vous pouvez brancher votre propre code personnalisé. Au lieu d’écrire du code personnalisé à partir de zéro, WooCommerce fournit une longue liste de crochets que vous pouvez copier pour créer des apparences et des fonctionnalités personnalisées. Vous pouvez ajouter des couleurs et des pages de paiement et de panier personnalisées à votre boutique WooCommerce. Non seulement cela, mais vous pouvez également supprimer ou modifier des fonctions que vous n’aimez pas. Supposons que vous souhaitiez apporter une modification spécifique au panier d’achat pour informer les clients potentiels qu’ils n’ont encore sélectionné aucun article. Tout ce que vous avez à faire est d’ajouter ce code personnalisé : woocommerce_cart_is_emptySource Les hooks WooCommerce sont écrits en langage PHP. Pour le profane, PHP est défini comme un langage de script open source qui est généralement utilisé par les développeurs Web pour créer des pages ou des fonctions personnalisées. Même si vous n’êtes pas un développeur, vous pouvez toujours l’utiliser pour apporter des modifications fondamentales à votre boutique. Les crochets WooCommerce fonctionnent comme les crochets WordPress. La seule différence majeure est que les crochets WooCommerce ne fonctionnent qu’au sein de l’écosystème WooCommerce, tandis que les crochets WordPress fonctionnent sur les sites Web basés sur WordPress. Cela étant dit, vous pouvez utiliser les crochets WooCommerce pour concevoir une boutique personnalisée en fonction des besoins de votre entreprise et qui renforce l’expérience d’achat de vos clients..
Quels sont les types de crochets WooCommerce ?
Il existe deux principaux types de hooks WooCommerce : action et filtre. Bien que les deux soient importants pour vous aider à créer une boutique WooCommerce personnalisée, ils remplissent des fonctions différentes. Les crochets d’action vous permettent d’exécuter des fonctions personnalisées sur votre boutique, tandis que les crochets de filtre sont utiles pour vous aider à apporter certaines modifications à votre boutique.
Qu’est-ce qu’un crochet d’action ?
Les crochets d’action vous permettent d’ajouter des données et de modifier le fonctionnement de WooCommerce par défaut. Ils sont également utiles pour brancher des fonctionnalités supplémentaires et étendre les fonctionnalités de votre magasin au-delà de sa capacité par défaut. En termes simples, les crochets d’action vous permettent d’ajouter de nouvelles fonctions à votre magasin. Voici certaines des choses que vous pouvez ajouter à votre boutique WooCommerce à l’aide de crochets d’action :
- Widgets supplémentaires
- Nouvelles catégories
- Nouveau champ à la caisse
- Frais d’envoi
- Formulaire pour mot de passe perdu
- Un message remerciant les clients après avoir commandé quelque chose
Une syntaxe de hook d’action ressemble exactement à ceci : do_action(‘action_name’);
Qu’est-ce qu’un crochet filtre ?
Les crochets de filtre vous permettent de modifier les données existantes dans WooCommerce pendant l’exécution. Les données ici peuvent être un simple texte, un élément HTML ou une variable PHP. Les crochets de filtrage vous permettent, en tant que propriétaire de boutique de commerce électronique, de modifier le comportement par défaut d’une fonction spécifique. Cela implique que vous pouvez reconfigurer ou modifier l’apparence ou les fonctions d’une page, d’un texte ou d’une variable PHP. Vous pouvez utiliser des crochets de filtrage pour :
- Modifier une chaîne de texte (mots, lettres, chiffres et caractères)
- Empêcher un message d’aller à la corbeille lorsqu’il est supprimé
- Changez votre bouton de paiement en une autre couleur
Une syntaxe de hook de filtre ressemble exactement à ceci : apply_filter( ‘filter_name’, $variable
Quels sont les avantages d’utiliser les crochets WooCommerce ?
Et si vous ne mettez pas à jour votre thème, vous rendez votre site Web vulnérable aux attaques. L’utilisation de plugins et de modèles WooCommerce par défaut pour modifier votre boutique vous offrira des options de personnalisation limitées. Il est souvent difficile de trouver un plugin qui offre toutes les solutions dont vous avez besoin. À cause de cela, les propriétaires de commerce électronique peuvent se retrouver à utiliser plusieurs plugins qui ne sont pas compatibles les uns avec les autres.
3 exemples réels de crochets WooCommerce en action
Si vous vous demandez comment utiliser des crochets pour personnaliser votre boutique WooCommerce, nous avons ce qu’il vous faut. Nous avons créé une boutique de démonstration WooCommerce et nous utiliserons le plugin Code Snippets pour y ajouter des crochets WooCommerce.
Mais attendez, ne venons-nous pas de dire que les crochets sont meilleurs que les plugins ? Techniquement, Code Snippets est un plugin qui vous permet de modifier votre boutique WooCommerce sans avoir à installer plusieurs plugins qui peuvent ralentir votre site. Le plugin Code Snippets vous permet d’ajouter des extraits de code PHP à votre site. Les extraits de code sont de petits morceaux de codes PHP réutilisables. Vous pouvez utiliser le plug-in pour apporter des modifications simples à votre boutique à l’aide de crochets d’action et de filtre. L’utilisation du plug-in Code Snippets facilite l’ajout de crochets à votre boutique. Il possède une interface graphique claire qui vous permet d’ajouter et de gérer des extraits sans aucun problème. Chaque snippet a son entrée, fonctionnant ainsi comme des mini-plugins. Il existe également une fonctionnalité de sécurité intégrée qui vous permet de désactiver un seul extrait sur votre site si vous n’en avez plus besoin. Exemple d’interface d’extrait de codeCode Snippets est idéal pour apporter des modifications mineures à votre magasin avec des crochets. C’est moins compliqué, en particulier pour quelqu’un qui n’a pas de connaissances approfondies en développement Web. Vous pouvez suivre ce processus pour ajouter des crochets WooCommerce à votre boutique à l’aide d’extraits de code.
- Installer et activer le plugin Code Snippet
- Ajoutez un nom à votre extrait et collez-le dans la zone de code
- Choisissez où exécuter l’extrait
/li>
Voici trois façons d’utiliser des extraits de code pour implémenter des hooks WooCommerce dans votre boutique :
Connectez-vous pour acheter
else : retourner faux is_user_logged_in() ) :echo ‘
VEUILLEZ VOUS CONNECTER POUR ACHETER CE PRODUIT
vous verrez du texte en surbrillance sur la page du produit qui incite le client à se connecter afin qu’il puisse effectuer un achat.
Ajouter des logos de carte de crédit
Ici, nous utiliserons un autre crochet d’action qui nous permet d’ajouter des logos de cartes de crédit de confiance sur notre page de paiement. L’ajout de logos de cartes de crédit à votre magasin contribue à donner à votre magasin un sentiment de légitimité. Il informe également les clients sur le type de cartes de crédit que vous acceptez et celles que vous n’acceptez pas. Pour ajouter des logos de cartes de crédit à votre magasin, vous pouvez utiliser le code ci-dessous:// Afficher les modes de paiement sur la page du panier
add_action( ‘woocommerce_after_cart_totals’, ‘available_payment_methods’ );
écho ‘
Nous acceptons les modes de paiement suivants’;
vous pourrez voir les icônes sur la page de paiement :
Ajouter des icônes de partage
L’ajout de boutons de partage à votre boutique WooCommerce permet aux clients d’informer facilement leurs amis et leur famille de vos produits sur les réseaux sociaux. Ce partage conduit à plus de regards sur vos produits, ce qui conduit probablement à plus de ventes. Par défaut, notre thème a des icônes de partage. Si votre thème n’inclut pas de boutons de partage, voici comment vous pouvez les inclure sur votre page de produits à l’aide de crochets d’action.Créez un nouvel extrait et ajoutez-y le code ci-dessous :
// Supprimez-les de la description courte
remove_action( ‘woocommerce_single_product_summary’, ‘woocommerce_template_single_sharing’, 50 );
// Lire les onglets produits ci-dessus
/h2>
Maintenant que vous savez tout ce dont vous avez besoin pour créer votre boutique de commerce électronique idéale, essayez d’expérimenter différents crochets pour modifier votre boutique pour une meilleure expérience utilisateur. Lors de l’expérimentation, assurez-vous de tester les modifications sur une version intermédiaire. Une fois que tout fonctionne correctement, vous pouvez transférer les modifications vers la version en direct.