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.

Cet article concerne une fiche de produit incorporable. Pour afficher les boutons « Acheter maintenant » dans la grille de produits de votre vitrine, utilisez les paramètres de conception de votre boutique et les paramètres dans l'éditeur du site instantané.

Avant de commencer

Si vous n'avez pas encore de compte Ecwid, inscrivez-vous ! Vous avez seulement besoin de votre nom et de votre adresse e-mail.

Après votre inscription, vous pouvez commencer la configuration de la boutique :

Ajouter vos articles
Configurez les modes de paiement
Configurez les modes d'expédition/livraison/retrait
Personnalisez l'apparence de la boutique

Pour en savoir plus sur la configuration initiale de votre boutique en ligne, consultez Commencer avec Ecwid

Après avoir configuré votre boutique, vous pouvez créer des boutons d'achat pour vendre des produits individuels sur votre site Web ou votre blog.

Designs du bouton d'achat

Il y a trois façons d'afficher un bouton d'achat sur votre site (bouton, vue compacte ou pleine taille) :

Buy Button (1).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, les champs de saisie 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.

L'apport de modifications à un produit après avoir placé un bouton d'achat (par exemple, renommer, modifier le prix ou la description) sera reflété sur le bouton d'achat. Lorsqu'un produit ou une variante de produit passe en rupture de stock, le bouton « Acheter maintenant »/« Ajouter au panier » devient indisponible. Bien que votre bouton d'achat soit toujours présent sur la page, il sera impossible d'acheter le produit épuisé ou la variante de produit.

Créer un bouton d'achat

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

Avant de créer un bouton d'achat, vous devez vous inscrire sur Ecwid et configurer votre compte Ecwid avec des produits, et ajouter les options de paiement et d'expédition que vous souhaitez proposer à vos clients.

Pour les utilisateurs de WordPress : utilisez l'extension Ecwid pour rapidement créer un bouton d'achat sur votre site WordPress sans générer de code.

Pour créer un bouton d'achat :

Depuis votre interface d'administration Ecwid, accédez à Canaux de vente.
Faites défiler vers le bas jusqu'à la carte Boutons d'achat et cliquez sur Commencer:
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 de bouton d'achat pour un produit spécifique directement à partir de la page de détails de son produit (onglet du bouton « Acheter maintenant » → Produit intégré).
Personnalisez votre bouton d'achat : choisissez une mise en page et choisissez les détails du produit à afficher.
Cliquez sur Générer le code, puis cliquez sur Copier le code.
Ouvrez l'éditeur de site de votre constructeur de site ou connectez-vous à l'interface d'administration de votre site Web. Si vous ne savez pas comment accéder à l'interface d'administration de votre boutique, contactez l'administrateur de votre site ou la personne qui a créé le site.
Sélectionnez la page où vous voulez afficher le bouton d'achat.
Collez le code d'intégration à la page. Selon votre site Web, il peut s'agir d'un onglet HTML ou source, ou d'un bouton séparé pour ajouter des codes. Si vous ne savez pas comment ajouter des codes personnalisés à votre site Web, contactez le développeur de votre site Web pour obtenir des instructions plus détaillées.

C'est tout ! Vous avez transformé votre page normale ou votre blog en un canal de vente en utilisant un bouton d'achat. Maintenant, vos clients peuvent passer une commande sans quitter votre site. Les commandes effectuées avec un bouton d'achat apparaîtront sur la page Mes commandes de votre interface d'administration Ecwid.

Si votre site est créé avec l'un des constructeurs de site suivants, vous pouvez lire des instructions plus détaillées sur la façon d'ajouter un bouton d'achat :

Modification du texte sur le bouton d'achat

Vous pouvez être très spécifique sur le texte à ajouter au bouton que vos clients verront. Il peut s'agir de « Acheter Monstera », « Je le veux ! », « Demander un devis » ou n'importe quelle autre expression. Le texte par défaut du bouton Acheter maintenant ou Ajouter au panier peut être remplacé par le biais de l'Éditeur d'étiquettes.

Pour changer le texte d'un bouton d'achat :

Depuis votre interface d'administration Ecwid, accédez à Paramètres → Éditeur d'étiquettes.
Cliquez sur + Ajouter une étiquette personnalisée.
Utilisez la barre de recherche pour trouver l'étiquette nécessaire. Par exemple, « Acheter maintenant ».
Saisissez votre texte personnalisé dans le champ. Par exemple, saisissez « Commander maintenant » à la place de « Acheter maintenant ».
Les modifications s'appliqueront automatiquement à tous les boutons Acheter maintenant dans votre boutique, y compris à celui que vous avez placé sur votre site Web ou votre blog.

Si vous fabriquez des produits sur mesure, apprenez-en davantage sur la demande de devis dans votre boutique Ecwid.

Personnalisation du bouton d'achat

En plus de modifier le libellé d'un bouton d'achat, vous pouvez personnaliser son apparence en fonction de vos besoins et de la marque de votre entreprise :

Masquez le menu du pied de page ou le fil d'Ariane des pages de détails du produit dans Conception → Navigation et couleurs de la vitrine et Conception → Navigation. Cela peut être utile si vous souhaitez ajouter différentes fiches produits complètes à différents sites Web sans que les clients parcourent votre boutique.
Les modifications apportées sur la page Conception affectent tous les produits de votre boutique.
Modifiez l'apparence de la fiche de produit et des boutons pour qu'ils correspondent au thème de votre site Web à l'aide des codes CSS. Par exemple, les couleurs et les polices d'un bouton Acheter maintenant. Vous pouvez utiliser les codes du Ecwid CSS Cookbook ou configurer le code vous-même.
Vous pouvez immédiatement rediriger un client vers la page de paiement après avoir cliqué sur le bouton Acheter maintenant.