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. Les détails techniques dans ce tutoriel.

À 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.

Crédit photo : Caden Crawford

2 commentaires

Laisser un commentaire

Thèmes & Plugins
Premium By WP Channel

WP Alacarte propose des produits et services de qualité
made in France pour la plateforme WordPress.

Tout est prêt pour créer votre site à la carte !

  • Thèmes et extensions premium
  • Facilité d’utilisation garantie
  • Temps de chargement optimisé
  • Personnalisation avancée
Découvrir

Rejoignez la communauté WordPress !

Faites partie de l’aventure en devenant membre d’une association WordPress. Conférences, ateliers, BarCamp, WordCamp… Venez
partager votre passion pour WordPress !

Aurélien DENIS,
président des associations WordPress Francophone et WPMX