Configurer le bouton Acheter sur n'importe quel site Web

Le bouton Acheter d'Ecwid vous permet d'intégrer une fiche de produit personnalisable et une page de paiement sécurisée sur n'importe quel site Web externe, blog ou plateforme hors Ecwid grâce à un simple morceau de code. Vous pouvez choisir entre une fiche de produit pleine taille affichant l'image, la description et le prix du produit, ou une version compacte avec uniquement un bouton. Les clients peuvent parcourir les articles, les ajouter à leur panier et finaliser leur achat, le tout sans quitter votre site.

Toute mise à jour d'un produit dans votre interface d'administration Ecwid se répercutera automatiquement sur le bouton Acheter. Vous pouvez facilement personnaliser le texte, la couleur et l'apparence pour qu'ils correspondent à votre marque. Les commandes passées via un bouton Acheter apparaissent sur la page Mes ventes → Commandes, ce qui facilite le suivi et la gestion des achats.

Utilisations du bouton Acheter

Le bouton Acheter d'Ecwid est un outil polyvalent qui vous permet de vendre des produits, des services, des abonnements ou même d'accepter des dons sur pratiquement n'importe quelle plateforme en ligne. Comme il s'agit d'un bouton intégrable et cliquable, vous pouvez l'ajouter à des sites Web, des blogs, des e-mails et même des publications sur les réseaux sociaux, en transformant ainsi tout espace numérique en vitrine prête à l'emploi.

Voici quelques bonnes façons d'utiliser les boutons Acheter :

Vendre directement depuis votre blog : intégrez un bouton Acheter dans des articles de blog pour présenter et vendre des produits en lien avec votre contenu.
Mettre en avant des produits sur votre site Web existant : gardez vos articles les plus vendus ou mis en avant visibles sur chaque page.
Ajouter une page de paiement aux pages de produit existantes : si vous répertoriez déjà des produits sur votre site, insérez simplement un bouton Acheter pour activer la page de paiement en ligne.
Créer une vitrine de produit : créez une page dédiée qui met en avant tous les avantages de votre produit, avec un bouton Acheter direct pour faciliter la page de paiement.

Avec le bouton Acheter d'Ecwid, tout espace en ligne peut devenir un canal de vente, ce qui facilite plus que jamais l'accès aux clients et l'augmentation des conversions.

Avant de commencer

Pour commencer à utiliser le bouton Acheter d'Ecwid, vous devez d'abord configurer un compte Ecwid. Pour cela, il vous suffit de fournir votre nom et votre adresse e-mail. Une fois votre inscription effectuée, suivez ces étapes pour commencer :

Ajouter un produit. Configurez au moins un produit dans votre boutique Ecwid que vous souhaitez vendre via le bouton Acheter.
Activer une passerelle de paiement compatible. Le bouton Acheter nécessite un processeur de paiement compatible pour accepter les paiements.
Configurer un mode d'expédition. En savoir plus sur le choix de la stratégie d'expédition la mieux adaptée à vos besoins.
Finaliser la configuration de votre boutique. Si vous débutez sur Ecwid, il vous serait utile de parcourir le guide Premiers pas avec Ecwid pour configurer les paramètres de votre boutique, l'expédition et les taxes.

Lorsque votre boutique sera prête, vous pourrez générer des boutons Acheter à intégrer sur votre site Web, votre blog ou d'autres plateformes en ligne, en permettant ainsi à vos clients de faire leurs achats en toute simplicité.

Dispositions du bouton Acheter

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

Disposition	Cas d'utilisation
Bouton uniquement	Un simple bouton Acheter maintenant sans image ni prix. Convient le mieux aux articles de blog et aux pages avec des descriptions de produit complètes. Par exemple, si vous décrivez un produit ou l'avez déjà présenté sur la page, ajoutez un bouton Acheter pour proposer une page de paiement en ligne.
Compact	Une fiche de produit minimaliste avec un bouton Acheter maintenant. Il convient aux pages du site comprenant une description de produit détaillée. Ajoutez un bref résumé du produit avec son image, son nom et son prix. Vous pouvez également afficher les options de produit, les champs de saisie et une quantité. Si vous avez un prix de vente pour ce produit, il sera également affiché.
Pleine taille	Une fiche de produit complète avec un bouton Ajouter au panier. Utilisez cette mise en page pour les pages de destination ou dans un article de blog. Vous pouvez choisir parmi deux options de mise en page : 2 colonnes : si vous souhaitez attirer l'attention sur les images du produit 3 colonnes : si vous souhaitez attirer l'attention sur la description du produit Il ne peut y avoir qu'une seule mise en page pleine taille par page. La section produits connexes ne sera pas affichée sur la fiche de produit.

Créer un bouton Acheter

Avant de créer un bouton Acheter, vous devez ajouter le produit dans votre interface d'administration Ecwid et configurer toutes les fonctionnalités nécessaires telles que les options de paiement et d'expédition.

Lors de la génération d'un bouton Acheter, vous pouvez sélectionner un style de mise en page et personnaliser sa couleur, son texte et son apparence. Pour intégrer un bouton Acheter sur une page Web ou un blog, copiez le code d'intégration généré automatiquement et collez-le à l'endroit de votre site Web où vous souhaitez que le bouton apparaisse. La fiche de produit peut être placée n'importe où sur la page, notamment dans une barre latérale, un pied de page, ou même une page d'erreur.

Pour créer un bouton Acheter :

Depuis l'interface d'administration d'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 depuis la page de détails de ce produit (onglet Bouton « Acheter maintenant » → Intégrer le produit).
Personnalisez votre bouton Acheter : choisissez une mise en page et cliquez sur Apparence pour sélectionner 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 Acheter.
Collez le code d'intégration pour l'intégrer à 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 !

Toute mise à jour apportée à un produit après avoir placé un bouton Acheter (comme le renommage, la modification du prix ou la mise à jour de la description) se répercutera automatiquement sur le bouton. Si un produit ou une variante de produit est en rupture de stock, le bouton « Acheter maintenant » ou « Ajouter au panier » sera désactivé pour empêcher les clients d'acheter l'article épuisé. Cependant, le bouton Acheter lui-même restera visible sur la page.

Avec le bouton Acheter, les clients peuvent passer des commandes directement sur votre site sans être redirigés ailleurs. Toutes les commandes passées via un bouton Acheter apparaîtront sur la page Mes ventes → Commandes dans 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 Acheter :

Modifier le texte du bouton Acheter

Vous pouvez personnaliser le texte du bouton Acheter pour qu'il corresponde au ton et au message de votre marque. Que ce soit « Acheter Monstera », « Je le veux ! » ou « Demander un devis », vous avez un contrôle total sur ce que voient vos clients. Le texte par défaut « Acheter maintenant » ou « Ajouter au panier » peut être modifié à l'aide de l'Éditeur d'étiquettes.

Pour modifier le texte d'un bouton Acheter :

Depuis votre interface d'administration Ecwid, accédez à Paramètres → Éditeur d'étiquettes.
Cliquez sur + Commencer.
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.

Personnaliser l'apparence du bouton Acheter

Au-delà de la personnalisation du texte du bouton Acheter, vous pouvez également ajuster son apparence pour qu'elle corresponde à votre marque et à la conception de votre site Web :

Masquer le menu de navigation inférieur ou le fil d'Ariane depuis les pages de détails du produit. Vous pouvez le faire depuis votre éditeur de constructeur de site eCom (en anglais). Pour cela, accédez à votre éditeur de site et ouvrez la liste déroulante Page en haut, sélectionnez Produits, puis cliquez sur Paramètres en haut à droite et sélectionnez Conception de la boutique. Cliquez sur Détails du produit. Cliquez sur différentes listes déroulantes de paramètres pour effectuer des modifications de navigation. Une fois les modifications terminées, cliquez sur Publier.

Les modifications que vous effectuez 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. Vous pouvez le faire depuis votre éditeur de constructeur de site eCom. Pour cela, accédez à votre éditeur de site et ouvrez la liste déroulante Page en haut, sélectionnez Catalogue, puis cliquez sur Paramètres en haut à droite et sélectionnez Conception de la boutique. Cliquez sur Catégories et grille de produits. Cliquez sur différentes listes déroulantes de paramètres pour effectuer des modifications. Une fois les modifications terminées, cliquez sur Publier. Pour profiter d'une personnalisation plus approfondie, utilisez des codes CSS. Par exemple, vous pouvez éditer les couleurs et les polices d'un bouton Acheter maintenant à l'aide du Ecwid CSS Cookbook.
Vous pouvez immédiatement rediriger un client vers la page de paiement après qu'il ait cliqué sur le bouton Acheter maintenant.