Base de connaissances
Guides
Académie
Tutoriels vidéo
Appuyez sur la touche échap pour quitter :
Articles consultés récemment :

Sommaire

Bouton d'achat

Le bouton d'achat Ecwid vous permet d'ajouter des produits uniques à un site Web ou à un blog externe. Vous pouvez utiliser différentes options de mise en page de produits, d'un seul bouton Acheter maintenant à une carte de produit grandeur nature.

Une fois le produit intégré dans une page, les clients peuvent cliquer sur le bouton pour ajouter le produit au panier et continuer à le commander sans jamais quitter le site. Les commandes seront disponibles pour le suivi à partir de la page Ventes → Commandes dans votre panneau d'administration Ecwid.

Designs du bouton d'achat

Selon votre cas d'utilisation, vous pouvez intégrer des cartes de produits avec différentes options de design :

Buy_Button__3_.png

Design Cas d'utilisation
Bouton uniquement Juste un bouton Acheter maintenant , rien de plus.
Vous pouvez utiliser ce design si un produit est déjà affiché sur votre page et vous n'avez qu'à ajouter l'option de paiement en ligne (par ex, c’est un article de blog pour promouvoir votre article, ou vous avez déjà conçu la page dédiée à ce produit sur votre site).
Compact Une carte de produit minimaliste avec le bouton Acheter maintenant.
Ce design vous permet de donner un récapitulatif court d'une colonne d'un produit en utilisant son image principale, son nom et son prix. Vous pouvez également afficher les options de produits et la quantité disponible. Si vous avez une promotion pour ce produit, elle sera également affichée.
Plein format Une carte produit plein format avec un bouton Ajouter au panier.
Ce design vous permet d'afficher toutes les informations disponibles sur le produit. Vous pouvez choisir parmi deux options de design :
  • 2 colonnes : au cas où vous voulez attirer l'attention sur les images du produit
  • 3 colonnes : au cas où vous voulez attirer l'attention sur la description du produit
Vous ne pouvez ajouter qu'un seul produit par page avec un design en plein format.

Créer un bouton d'achat

Pour ajouter un bouton Acheter à une page Web, vous devez générer le code d'intégration unique d'un produit. Après cela, vous pouvez intégrer votre produit dans n'importe quel site Web ou blog. La fiche produit peut être placée n'importe où sur une page Web, sur un panneau latéral, dans le pied de page du site ou sur une page d'erreur.

Avant de créer un bouton d'achat, vous devez configurer votre compte Ecwid avec les options produits et paiement/livraison que vous souhaitez offrir à vos clients. Si plus tard, vous apportez des modifications aux détails du produit dans votre panneau d'administration Ecwid (renommer le produit, modifier son prix ou sa description, etc.), ces modifications seront immédiatement prises en compte sur le bouton d'achat.

Pour créer un bouton d’achat :

  1. À partir de l'interface d'administration d'Ecwid, accédez à Aperçu.
  2. Faites défiler jusqu'à la carte Boutons d'achat :

    Buy_Button__2_.png

  3. Cliquez sur Commencer.
  4. Sur la page ouverte, cliquez sur Choisir le produit et utilisez la barre de recherche pour choisir un produit que vous souhaitez intégrer.
    Vous pouvez également accéder à l'assistant de création des boutons d'achat pour un produit spécifique directement à partir de la page de détails de ce produit (onglet Bouton « Acheter maintenant »).
  5. Personnalisez votre Bouton d'Achat :
    • choisir un design : Compact, Bouton uniquement, ou pleine taille.

      Buy_Button__1_.png

    • configurez l'apparence du bouton : choisissez les détails du produit que vous souhaitez afficher (nom du produit, prix, options, etc.) et la façon dont ils sont affichés.
    Lorsque vous personnalisez le bouton, vous pouvez prévisualiser vos modifications sur la droite.
  6. Cliquez sur Générer le code, puis sur Copier le code.
  7. Connectez-vous à votre site Web et ouvrez la page où vous voulez afficher le bouton d'achat.
    Si votre vitrine est fermée aux clients, le bouton Acheter ne sera pas affiché sur la page du site. Vous pouvez vérifier si votre vitrine est ouverte sur la page Profil du magasin dans votre panneau d'administration Ecwid.
  8. Collez le code d’intégration sur une page. Selon votre site Web, il peut s'agir d'un onglet HTML ou source ou un bouton séparé destiné à ajouter des codes. Si vous ne savez pas comment ajouter un code personnalisé à votre site Web, veuillez contacter votre développeur pour obtenir des instructions plus détaillées.
  9. Enregistrez les modifications.

Et voilà ! Maintenant vous avez une carte de produit intégrée dans votre page Web.

Lorsque les clients cliquent sur le bouton Acheter maintenant/Ajouter au panier, le produit sera ajouté au panier, et ils peuvent procéder à la commande :

Buy_Button__1_.gif

Si vous souhaitez que la fenêtre de passage de la commande s'ouvre immédiatement lorsqu'un client clique sur le bouton, vous pouvez aller dans Paramètres→ Général → Panier et paiement Paramètres de paiement et activez l'interrupteur à côté d' «Ouvrir le panier lorsqu'« Ajouter au panier » est cliqué ».

Pour les utilisateurs de WordPress: vous pouvez ajouter un seul produit à une page en utilisant l'extension Ecwid.
Pour les utilisateurs Wix : nous ne recommandons pas d’utiliser les boutons d’achat en raison de la structure iFrame de sites Wix qui interfère avec le fonctionnement du bouton.

Personnalisation d'un bouton d'achat

Après avoir créé le bouton d'achat, vous pouvez également personnaliser son apparence et son style pour correspondre à vos besoins et à la marque de votre entreprise :

  • Changez les textes sur vos boutons Acheter Maintenant ou Ajouter au panier en utilisant l'Éditeur d'étiquettes de la boutique. Par exemple, si vos clients n'achètent pas immédiatement le produit. Par ex. (en anglais) ils passent une pré-commande ou demandent un devis.
  • Masquez le menu de pied de page ou le fil d'Ariane dans Conception Navigation de la vitrine & couleurs. Cela peut être utile si vous allez ajouter différentes cartes de produits à différents sites Web et ne voulez pas que les clients naviguent sur votre boutique.
    Les modifications apportées sur la page Conception affectent tous les produits de votre boutique.
  • Modifiez l'apparence de la fiche produit et des boutons pour correspondre au thème de votre site Web à l'aide de codes CSS. Vous pouvez utiliser les codes du Cookbook CSS Ecwid ou configurer le code vous-même.
Cet article vous a-t-il été utile ?

Génial ! Merci pour vos commentaires !

Merci pour vos commentaires !

Nous sommes désolés ! Que s'est-il passé ?
Utilisateurs qui ont trouvé cela utile : 129 sur 250
10
Nous utilisons des cookies et des technologies similaires pour garder vos préférences en mémoire, mesurer l'efficacité de nos campagnes et analyser des données anonymisées afin d'améliorer les performances de notre site. En choisissant « Accepter », vous acceptez l'utilisation de cookies.
Accepter les cookies Refuser