Créer un lien pour ajouter un produit au panier avec WooCommerce

Positionner un lien d'ajout au panier de WooCommerce où vous le souhaitez dans votre thème WordPress c'est possible en récupérant l'identifiant produit et en l'injectant dans votre URL.

À l’aide de votre éditeur de code favori, ouvrez le fichier PHP de votre thème dans lequel vous souhaitez rajouter un lien d’ajout au panier. Insérez ensuite les lignes de codes ci-dessous :

<?php global $product; $id = $product->id; ?>
<a class="btn btn-success" href="https://monsite.com/checkout/?add-to-cart=<?php echo $id ?>" target="_blank"><?php _e('Buy it', 'textdomain'); ?></a>

Dans un premier temps, nous récupérons l’ID du produit. Vous devez être positionné à l’intérieur de la boucle qui génère l’affichage de ce dernier.

Dans un second temps, nous créons un simple lien en HTML auquel nous attribuons une classe CSS – issue de Twitter Bootstrap en l’occurrence. Modifiez à présent les éléments suivants :

  • Le nom de domaine ;
  • Le permalien de la page de commande, ici checkout en anglais ;
  • L’intitulé du bouton qu’il vous faudra traduire avec Poedit ;

Dès lors que vous aurez ajuster ces lignes de code selon vos besoins, sauvegardez le fichier et ouvrez la page de votre site basée sur votre template PHP. Si tout fonctionne bien, un simple clic ajoutera le produit au panier.

Par Aurélien Denis

Another WordPress fanboy. Fondateur de WordPress Channel et WP Alacarte, président de l'association WordPress Francophone (2016-2017) et WordPress Meet & eXchange, gérant de la société Neticpro, co-organisateur du WPMX Day et du WordCamp Bordeaux, et plus encore.

Des tutoriels et des bons plans en exclusivité !
  • Ce champ n’est utilisé qu’à des fins de validation et devrait rester inchangé.
6 commentaires
  1. ChilChil

    Hello,

    Est-ce que ca pourrait fonctionner si je veux ajouter plusieurs produits en une fois dans le panier?

    Merci pour la réponse!

    1. Aurélien Denis auteur de l’article

      C’est une bonne question, je pense que tu peux faire passer un tableau d’ID en séparant par des virgules.

  2. Mimi

    Bonjour j’ai crée une page sur mon site avec des références de produits que je vends je souhaite faire en sorte que les clients puissent cliquer sur le produit et qu’il s’ajoute directement dans le panier comment est ce possible ? Merci beaucoup de votre aide

  3. Eskali

    Bonjour,
    Moi j’ai le problème que certaines url indexées de mes produits ont une extension add to cart…C’est à dire qu’au lieu de tomber sur la page produit, le visiteur provoque une mise au panier sans avoir rien demandé. C’est très ennuyeux et cela peut effrayer le visiteur qui a l’impression qu’on lui force la main. Sauriez-vous à quoi sont dues ces url et comment remédier à ce problème? Merci

    1. Aurélien Denis auteur de l’article

      Il s’agit de l’URL d’ajout au panier quand on clique sur le bouton correspondant. Pour gérer l’indexation, je vous recommande SEOPress PRO qui supporte WooCommerce.

  4. honorat

    Bonjour moi mon souci est que je veux que lorsqu’on clique sur le bouton « Ajouter au panier », je veux que le bouton me dirige vers la page contact. Au fait j’ai renommé le bouton « Ajouter au panier » par « Demande de devis/avis » donc je veux que ce bouton me redirige vers la page contact.

Laisser un commentaire