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
- Existe-t-il un moyen de créer de petites entreprises de commerce électronique, en investissant 2 000 ou 3 000 dollars et en réalisant un bénéfice de 1 000 dollars en six mois environ?
- Qu'est-ce que le marketing d'affiliation? Devrais-je l'externaliser?
- Quel est le meilleur moyen de vendre aux propriétaires de sites de commerce électronique?
- Combien en coûte-t-il pour créer et gérer un site Web de commerce électronique, et dans quelle mesure le volume de trafic, la quantité de marchandises et la convivialité affectent-ils ces coûts?
- Comment annoncer de manière rentable votre entreprise de commerce électronique sur Facebook
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.
