Comment créer un lien direct vers la caisse de WooCommerce pour un produit spécifique

Aujourd’hui, je veux vous montrer comment créer des boutons personnalisés Ajouter au panier – et faire le lien en ajoutant des produits au panier, en redirigeant vers des pages spécifiques, y compris des produits variables et groupés! Alors, voici le guide ultime pour créer des URL personnalisées «Ajouter au panier» – profitez-en!

WooCommerce: Master Custom Ajouter au panier URL

Produits simples: Ajouter au panier URL

Le plus simple de tous, les produits simples sont super faciles à ajouter au panier via une URL personnalisée. Il vous suffit de rechercher l’identifiant du produit en survolant le titre du produit sous WooCommerce> Produits (voir l’image ci-dessous), puis d’utiliser les liens suivants.

Rechercher l’ID de produit WooCommerce

URL: Ajouter un produit simple au panier

href = “ http://votredomaine.com/?add-to-ca…

Maintenant, assurez-vous de changer le nom de domaine dans le lien, et le bouton fonctionnera immédiatement. 1 produit avec ID = 25 sera ajouté au panier.

URL: Ajouter un produit simple au panier avec une quantité = 3

href = “ http://votredomaine.com/?add-to-ca…

1 produit avec ID = 25 et quantité = 3 sera ajouté au panier. Remarque: vous ne pouvez pas ajouter 2 produits différents au panier avec une URL.

URL: Ajouter un produit simple au panier et rediriger ensuite au panier

href = “ http://votredomaine.com/cart/?add-…

N’oubliez pas que si vous avez modifié l’URL du panier, modifiez «/ cart /» en «/ basket /» par exemple. Pour que cela fonctionne, vous devez également cocher l’option «Activer les boutons AJAX au panier sur les archives» sous WooCommerce -> Paramètres -> Produits -> Affichage.

URL: Ajouter un produit simple au panier et rediriger ensuite vers la caisse

href = “ http://votredomaine.com/checkout/?…

N’oubliez pas que pour que cela fonctionne, vous devez cocher l’option «Activer AJAX ajouter au panier sur les archives» sous WooCommerce -> Paramètres -> Produits -> Affichage et désactiver également «Rediriger vers la page du panier après l’ajout réussi»:

WooCommerce: désactiver la redirection vers le panier

URL: Ajouter un produit simple au panier et rediriger ensuite vers n’importe quelle page

href = “ http://votredomaine.com/votre_custo…

N’oubliez pas que pour que cela fonctionne, vous devez cocher l’option «Activer AJAX ajouter au panier sur les archives» sous WooCommerce -> Paramètres -> Produits -> Affichage et désactiver également «Rediriger vers la page du panier après l’ajout réussi».

Produits variables: Ajouter au panier URL

Ici, les choses se compliquent. Les produits variables ont 1 attribut ou plus, et éventuellement une quantité. Parallèlement à la recherche de l’ID de produit, vous devez également rechercher l’ID de la variante, l’attribut NAME slug et l’attribut TERM SLUG.

Cela semble japonais? Voici les captures d’écran:

WooCommerce: trouver l’ID de la variante

WooCommerce: Trouver l’attribut NOM Slug

WooCommerce: trouvez l’attribut TERM Slug

Une fois que vous avez l’ID de produit, l’ID de variante et ses attributs spécifiques, vous pouvez utiliser les éléments suivants.

URL: Ajouter un produit variable au panier (avec 1 attribut uniquement)

href = “ http://votredomaine.com/?add-to-ca…

Nous ajoutons ici l’ID de produit variable 47, et plus précisément son ID de variante = 88, où l’attribut color est égal à bleu. Un peu compliqué mais une fois que vous jouez avec eux ça devient plus facile

URL: Ajouter un produit variable au panier (avec 2 attributs)

href = “ http://votredomaine.com/?add-to-ca…

Nous ajoutons ici l’ID de produit variable 47, et plus précisément son ID de variante = 88, dans lequel l’attribut color est égal à bleu ET l’attribut size est «M».

URL: Ajouter un produit variable au panier (avec 2 attributs et quantité = 3)

href = “ http://votredomaine.com/?add-to-ca…

Vous pouvez également rediriger vers le panier, la caisse et une autre page de la même manière que pour la simple page de produit:

URL: Ajouter un produit variable au panier et rediriger vers le panier

href = “ http://votredomaine.com/cart/?add-…

URL: Ajouter un produit variable au panier et rediriger vers la caisse

href = “ http://votredomaine.com/checkout/?…

URL: Ajouter un produit variable au panier et rediriger vers n’importe quelle page

href = “ http://votredomaine.com/any-page-u…

Produits groupés: Ajouter au panier URL

J’ai récemment travaillé avec Grouped Products et ma tâche consistait à l’ajouter au panier via une URL personnalisée. Un produit groupé est une combinaison de deux sous-produits ou plus, chacun pouvant être ajouté avec une quantité personnalisée au panier.

Produits groupés WooCommerce

Alors, voici les liens personnalisés.

URL: Ajouter un produit groupé au panier

Vous aurez besoin de l’ID de produit groupé, qui peut être trouvé de la manière habituelle, ainsi que des ID de sous-produit. Ensuite, utilisez quelque chose comme:

href = “ http://votredomaine.com/?add-to-ca… [1803] = 5 & quantité [1903] = 2″

Dans ce cas, nous ajoutons l’ID de produit groupé = 3111, et en particulier, nous ajoutons l’ID de produit 5x = 1803 et l’ID de produit 2x = 2.

Remarque: si vous souhaitez ajouter «zéro» pour l’un des sous-produits, vous devez toujours spécifier que ie & quantité [1903] = 0.

Conclusion et références

Avez-vous une autre URL personnalisée à ajouter à ce blog? Laissez un commentaire ci-dessous et je vais le mettre à jour

Enfin, merci beaucoup pour l’inspiration à:

  • Rémi Corson: http://www.remicorson.com/add-wo…
  • Nicola Mustone: https://nicolamustone.com/2015/0…
  • ProserveWeb: https://proserveweb.com/create-w…

Où ajouter ce code?

Vous pouvez placer des extraits de code PHP au bas de votre fichier functions.php du thème enfant (et dans le cas d’un fichier CSS, cela se trouve au bas du fichier style.css). Si vous avez besoin de davantage de conseils, jetez un coup d’œil à mon WooCommerce gratuit. Tutoriel vidéo de personnalisation.

Voici un bon tutoriel sur le saut de la page de panier

Il y a aussi un plugin WooCommerce Direct Checkout

La plupart des clients peuvent être à la recherche d’une page de panier. Ainsi, au lieu d’ajouter au panier, les boutons devraient indiquer «payer maintenant» ou «acheter maintenant», pour que l’expérience utilisateur soit satisfaisante.

Il y a en fait un très bon tutoriel de Remi Corson, ancien collègue et actuel ninja du support technique de WooCommerce, qui en parle.

Vous pouvez utiliser un lien tel que http://monsite.com/ ? Add-to-cart = {id}

Où l’ID est l’ID de produit que vous pouvez voir dans l’URL sur la page de modification du produit. De cette façon, vous pouvez simplement créer un lien à partir de n’importe quel article ou page de blog.

Il y a aussi un extrait de code permettant de sauter la page du panier et d’aller directement à la caisse dans ce tutoriel.

Bonne chance!

Vous pouvez utiliser le plugin de paiement direct WooCommerce est un outil 3 en 1 qui vous permet de rediriger les clients directement vers la page de paiement lorsque les utilisateurs cliquent sur le bouton Acheter maintenant. Il saute la page du panier et affiche la page de paiement pour économiser le temps des clients. Il permet également d’effectuer une commande d’une page et une vérification collante . Une page de paiement affiche la commande sur la même page où se trouvent les clients, qu’il s’agisse de la boutique, de la catégorie ou de la page du produit. Sticky Checkout affiche la page de paiement dans un curseur lorsque les utilisateurs cliquent sur le bouton du panier. Le curseur du formulaire de paiement arrive et les utilisateurs peuvent commander facilement.

Plus de détails : https://codecanyon.net/item/wooc…

More Interesting

Quel CMS est le meilleur pour le développement de commerce électronique?

Quel est le meilleur logiciel de commerce électronique pour Facebook?

Comment envoyer mon inventaire au centre de distribution Amazon américain et créer une expédition depuis le Bangladesh à l'aide d'Amazon FBA

Combien cela coûterait-il d'acheter l'un de tout sur Amazon?

Combien de clients (%) un commerce électronique peut-il perdre pour ne pas avoir fourni de numéro de suivi / ne pas être en mesure de résoudre les problèmes lors de la livraison (veuillez indiquer la source)?

Comment Snapdeal a-t-il tant de succès avec seulement 3 000 employés, alors que d'autres concurrents ont plus d'employés, par exemple Flipkart a plus de 15 000 $?

Qu'est-ce que la gestion des stocks SAP?

Quels types de piratage de mot de passe existe-t-il pour les sites Web / adresses de messagerie / comptes de messagerie instantanée? Et comment un individu peut-il empêcher qu'une telle tragédie se produise?

Pourquoi le commerce en ligne de Walmart n'a-t-il pas entamé les ventes d'Amazon en raison de sa gestion de la chaîne d'approvisionnement tant vantée et de ses prix bas?

J'ai besoin de fournir un transfert d'argent en ligne, quel est le meilleur logiciel de transfert d'argent pour les affaires en ligne?

Quels sont les autres sites Web comme ioffer.com?

Quels sont les meilleurs services de rédaction de contenu offrant des offres décentes?

Un site Web mettant directement en contact des agriculteurs indiens avec des vendeurs fonctionnerait-il?

Qui sont les meilleurs fournisseurs de services marchands en ligne pour les places de marché en ligne et / ou les agences de voyages en ligne aux États-Unis?