Découvrez comment faire Créer des liens / boutons HTML personnalisés pour WooCommerce et demandez-leur d’ajouter un ou plusieurs produits à leur panier et de les rediriger vers des sites Web spécifiques.

Ce didacticiel explique comment cela peut être réalisé pour des produits simples, mais aussi pour des types variables et groupés.

Je le recommande fortement Lisez tous les commentaires sur le post au cas où vous n’êtes pas sûr de quelque chose – beaucoup de gens ont posé les mêmes questions maintes et maintes fois, telles que:Est-il possible d’ajouter plus d’un produit au panier?« (Auquel la réponse est non, sauf si vous créez un produit groupé).

Avec ce guide, il est beaucoup plus facile de placer des boutons d’ajout au panier sur des pages de destination personnalisées, des tableaux de prix, des articles de blog, etc. Prendre plaisir!

1) Produits simples: Ajouter au panier url

Le plus simple de tous consiste simplement à ajouter des produits simples au panier à l’aide d’une URL personnalisée. Recherchez simplement l’ID de produit en survolant le titre du produit sous WooCommerce> Produits (voir l’image ci-dessous), puis utilisez les liens ci-dessous.

Trouvez l'ID de produit WooCommerce
Trouvez l’ID de produit WooCommerce

URL: ajouter un produit simple au panier

href = « https://votredomaine.com/?add-to-cart=25 »

Assurez-vous maintenant de changer le nom de domaine dans le lien et le bouton fonctionnera immédiatement. 1 produit avec ID = 25 est ajouté au panier.

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

href = « https://votredomaine.com/?add-to-cart=25&quantity=3 »

1 produit avec ID = 25 et quantité = 3 est placé dans le panier. Remarque: vous ne pouvez pas ajouter deux produits différents avec une URL au panier.

URL: ajoutez un produit simple au panier puis redirigez-le vers le panier

href = « https://votredomaine.com/cart/?add-to-cart=25 »

N’oubliez pas que si vous avez modifié l’URL du panier, vous devrez par exemple remplacer « / cart / » par « / Basket / ». Pour que cela fonctionne, vous devez également activer l’option « Activer les boutons AJAX pour l’ajout au panier dans les archives » sous WooCommerce -> Paramètres -> Produits -> Général.

URL: ajoutez un produit simple au panier, puis transférez-le à la caisse

href = « https://votredomaine.com/checkout/?add-to-cart=25 »

N’oubliez pas, pour que cela fonctionne, vous devez activer sous WooCommerce -> Paramètres -> Produits -> Général et aussi l’option « Activer les boutons AJAX pour l’ajout au panier dans les archives » Désactivez « Rediriger vers la page du panier après l’ajout réussi ».::

WooCommerce: désactivez la redirection vers le panier
WooCommerce: désactivez la redirection vers le panier

URL: ajoutez un produit simple au panier, puis redirigez-le vers n’importe quelle page

href = « https://yourdomain.com/your_custom_page/?add-to-cart=25 »

N’oubliez pas, pour que cela fonctionne, vous devez activer l’option « Activer les boutons AJAX pour l’ajout au panier dans les archives » sous WooCommerce -> Paramètres -> Produits -> Général et désactiver « Rediriger vers la page du panier après un ajout réussi ».

2) Produits variables: Ajouter au panier url

Les choses étaient compliquées ici au début, mais maintenant c’est beaucoup plus facile! Vous n’avez besoin que de l’ID de variante. Vous pouvez le trouver ici:

WooCommerce: trouver l'ID de variante
WooCommerce: trouver l’ID de variante

Une fois que vous avez l’ID de variante, vous pouvez utiliser ce qui suit.

URL: mettre un produit variable dans le panier

href = « https://votredomaine.com/?add-to-cart=88 »

Nous ajoutons simplement l’ID de variation (88) ici, selon la capture d’écran ci-dessus. Tout comme un gâteau 🙂

URL: Mettre un produit variable dans le panier (avec quantité = 3)

href = « https://votredomaine.com/?add-to-cart=88&quantity=3 »

Vous pouvez également rediriger vers le panier, la caisse et une autre page de la même manière que nous l’avons vu pour les produits simples:

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

href = « https://votredomaine.com/cart/?add-to-cart=88 »

URL: ajoutez un produit variable au panier et transférez-le à la caisse

href = « https://votredomaine.com/checkout/?add-to-cart=88 »

URL: ajoutez un produit variable au panier et transférez-le vers n’importe quelle page

href = « https://votredomaine.com/any-page-url/?add-to-cart=88 »

3) Produits groupés: Ajouter au panier url

J’ai récemment travaillé avec des produits groupés et mon travail consistait à les ajouter au panier via une URL personnalisée. Un produit groupé est une combinaison de deux ou plusieurs sous-produits, et chacun peut être ajouté au panier avec un montant personnalisé.

Produits du groupe WooCommerce
Produits du groupe 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 = « https://votredomaine.com/?add-to-cart=3111&quantity[1803]= 5 & montant[1903]= 2 « 

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

Remarque: Si vous souhaitez ajouter « zéro » pour l’un des sous-produits, vous devez toujours le spécifier, c’est-à-dire & quantité[1903]= 0.

Références

Merci à ces personnes extraordinaires:



Source link

Recent Posts