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

Vous pouvez vérifier plus de détails dans le didacticiel vidéo ci-dessous.

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. ACTIONVous 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.ATTRIBUTSCe groupe de 3 paramètres est commun à tous les éléments. Vous pouvez en apprendre plus ici.
5. VISIBILITECe groupe de 3 paramètres est commun à tous les éléments. Vous pouvez en apprendre plus ici.
6. ANIMATIONCe groupe de 3 paramètres est commun à tous les éléments. Vous pouvez en apprendre plus ici.
Paramètres de l’onglet Style
1. GLOBALVous pouvez en apprendre GLOBAL paramètres ici.
2. ESPACEMENTVous pouvez en apprendre ESPACEMENT paramètres ici.
3. TYPOGRAPHIEVous pouvez en apprendre TYPOGRAPHIE paramètres ici.
4. FONDVous pouvez en apprendre FOND paramètres ici.
5. BORDUREVous pouvez en apprendre BORDURE paramètres ici.
6. AFFICHAGEVous pouvez en apprendre AFFICHAGE paramètres ici.
7. CSS PERSONNALISEVous pouvez en apprendre CSS PERSONNALISE paramètres ici.

 

Feedback
Thank you for your feedback!

Could not find the answer
to your question?

Chat with us
PageFly Languagues

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

I got it!
Boost Father's Day Sales: Utilize PageFly's templates to create captivating pages that drive results - Discover Now