Éléments Shopify - Ajouter un produit au panier

Dans cet article, vous découvrirez un autre élément Shopify nommé Produit ajouter au panier. .

À propos de l’élément Ajouter au panier

Le Ajouter un produit au panier est conçu pour présenter le bouton Ajouter au panier pour tout produit. Cet élément est indispensable pour tout produit répertorié sur une page. Lorsque les visiteurs cliquent sur ce bouton, il ajoute automatiquement un produit à leur panier.

Notez que vous pouvez rechercher cet élément en utilisant la fonction de recherche au lieu de le trouver dans la barre latérale.

shopify elements product add to cart

Configuration de l’élément Ajouter au panier

L’élément Ajouter un produit au panier est livré avec de nombreux paramètres vous permettant d’affiner l’apparence du contenu pour le meilleur taux de conversion possible.

Lorsque vous faites glisser et déposez l’élément Ajouter un produit au panier dans la page de l’éditeur, vous avez deux choix pour l’option Source du Produit, telles que:

  • Auto
  • Produit personnalisé

Notez que si vous vous trouvez sur la page du produit et utilisez l’élément Ajouter un produit au panier, vous pouvez alors choisir l’option Source du produit. Cependant, si vous êtes dans une page standard et utilisez cet élément, l’option Source du produit est désactivée et le produit personnalisé est choisi par défaut.

Si vous choisissez Auto, le produit attribué lors de la création de cette page de produit sera affiché dans l’éditeur de page. L’option Auto est la valeur par défaut lorsque vous utilisez l’élément Ajouter un produit au panier.

pagefly product add to cart element

Sélectionnez l’élément dans la présentation pour voir ses paramètres.

pagefly product add to cart element

Les paramètres dans les onglets Général et Style sont spécifiques à cet élément. Nous allons en apprendre plus ci-dessous.

Paramètres de l’onglet Général
1. CONTENU
  • Source de produit: Source de produit avec 2 options comme ci-dessus: produit automatique et produit personnalisé.
  • Après l’action Ajouter au panier: Il y a 4 options après avoir cliqué sur le bouton ATC:
  • Restez sur la même page
  • Aller à la page du panier
  • Aller à la page de vérification
  • Accéder au lien personnalisé
  • Texte du bouton: en plus d’un texte normal comme Ajouter au panier, vous pouvez personnaliser le texte de votre bouton en saisissant le contenu de votre choix.
  • Ajout de texte: saisissez du texte personnalisé lorsqu’un produit est ajouté au panier.
  • Texte ajouté: entrez un texte personnalisé lorsqu’un produit a été ajouté avec succès.
  • Texte épuisé: saisissez du texte personnalisé lorsqu’un produit est épuisé.
  • Afficher l’icône: en fonction de chaque variante, vous pouvez choisir d’afficher l’icône et sa position à gauche ou à droite.
2. ACTION Vous pouvez en apprendre davantage sur le paramètre Action ici.
3. SUIVI
  • Suivi : c’est ici que vous pouvez configurer : 
  • Un événement Google Analytics vers votre compte GA. Vous pouvez en apprendre plus sur comment le configurer ici
  • Facebook Pixel quand un client clique sur l’élément. Vous pouvez en apprendre plus ici.
4.ATTRIBUTS Ce groupe de 3 paramètres est commun à tous les éléments. Vous pouvez en apprendre plus ici.
5. VISIBILITE Ce groupe de 3 paramètres est commun à tous les éléments. Vous pouvez en apprendre plus ici.
6. ANIMATION Ce groupe de 3 paramètres est commun à tous les éléments. Vous pouvez en apprendre plus ici.
Paramètres de l’onglet Style
1. GLOBAL Vous pouvez en apprendre GLOBAL paramètres ici.
2. ESPACEMENT Vous pouvez en apprendre ESPACEMENT paramètres ici.
3. TYPOGRAPHIE Vous pouvez en apprendre TYPOGRAPHIE paramètres ici.
4. FOND Vous pouvez en apprendre FOND paramètres ici.
5. BORDURE Vous pouvez en apprendre BORDURE paramètres ici.
6. AFFICHAGE Vous pouvez en apprendre AFFICHAGE paramètres ici.
7. CSS PERSONNALISE Vous pouvez en apprendre CSS PERSONNALISE paramètres ici.

Was this helpful?

Try out all PageFly features with Free plan

.myshopify.com
Don’t have Shopify store yet? Create store
×

PageFly Help Center is now available in French and Portuguese.Please check the flags on the page header.

I got it!
Languages