Configurer le bouton Acheter sur n'importe quel site Web

Le bouton « Acheter » d'Ecwid vous permet d'intégrer une fiche produit personnalisable et un processus de paiement sécurisé sur n'importe quel site Web externe, blogue ou plateforme autre qu'Ecwid avec une simple ligne de code. Vous pouvez choisir entre une fiche produit grand format affichant l'image du produit, la description et le prix, ou une version compacte avec simplement un bouton. Les clients peuvent naviguer, ajouter des articles à leur panier et finaliser l'achat, le tout sans quitter votre site.

Toute modification apportée à un produit dans l'interface d'administration d'Ecwid se reflètera automatiquement sur le bouton « Acheter ». Vous pouvez facilement personnaliser le texte, la couleur et l'apparence pour correspondre à votre marque. Les commandes passées par l'intermédiaire d'un bouton « Acheter » s'affichent sur la page Mes ventes → Commandes, ce qui facilite le suivi et la gestion des achats.

Comment utiliser les boutons « 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 à partir de pratiquement n'importe quelle plateforme en ligne. Puisqu'il s'agit d'un bouton intégrable et cliquable, vous pouvez l'ajouter à vos sites Web, blogues, courriels et même à vos publications sur les réseaux sociaux, transformant ainsi n'importe quel espace numérique en une vitrine prête à la vente.

Découvrez quelques façons astucieuses d'utiliser les boutons « Acheter » :

Vendre directement depuis votre blogue : Intégrez un bouton « Acheter » dans les articles de blogue pour présenter et vendre des produits en lien avec votre contenu.
Mettre en évidence des produits sur votre site Web actuel : Gardez vos articles les plus vendus ou en vedette visibles sur toutes les pages.
Ajouter le passage en caisse aux pages de produits existantes : Si vous affichez déjà des produits sur votre site, insérez simplement un bouton Acheter pour permettre le paiement en ligne.
Créer une vitrine de produits : Concevez une page dédiée qui met en évidence chaque avantage de votre produit, complétée par un bouton « Acheter » direct pour un processus de paiement facile.

Avec le bouton « Acheter » d'Ecwid, tout espace en ligne peut devenir un canal de vente, ce qui permet d'atteindre les clients et d'augmenter les conversions plus facilement que jamais.

Avant de commencer

Pour commencer à utiliser le bouton « Acheter » d'Ecwid, vous devez d'abord créer un compte Ecwid; il vous suffit de fournir votre nom et votre adresse courriel. Une fois votre compte enregistré, suivez les étapes suivantes pour commencer :

Ajouter un produit. Configurez au moins un produit dans votre boutique Ecwid que vous souhaitez vendre à l'aide du bouton « Acheter ».
Activer une passerelle de paiement prise en charge. Le bouton « Acheter » nécessite un opérateur de paiement compatible pour accepter les paiements.
Configurer un mode d'expédition. En savoir plus sur la façon de choisir la bonne stratégie d'expédition pour vous.
Terminer la configuration de votre boutique. Si vous utilisez Ecwid pour la première fois, il est utile de consulter le guide Commencer avec Ecwid pour configurer les paramètres, l'expédition et les taxes de votre boutique.

Une fois votre boutique prête, vous pouvez générer des boutons « Acheter » à intégrer sur votre site Web, blogue ou autres plateformes en ligne, ce qui permet à vos clients d'effectuer leurs achats en toute simplicité.

Mises en page du bouton « Acheter »

Il existe trois façons d'afficher un bouton « Acheter » sur votre site : bouton seul, affichage compact ou affichage grand format :

Mise en page	Cas d'utilisation
Bouton seul	Seulement un bouton Acheter sans aucune image ni aucun prix. Idéal pour les articles de blogue et les pages contenant des descriptions complètes de produits. Par exemple, si vous décrivez un produit ou l'avez déjà présenté sur la page, ajoutez un bouton « Acheter » pour proposer un processus de paiement en ligne.
Compact	Une fiche produit minimaliste avec un bouton Acheter. Convient le mieux aux pages de site comportant une description détaillée du produit. Ajoutez un bref résumé du produit en utilisant son image, son nom et son prix. De plus, vous pouvez afficher les options de produits, les champs de saisie et une quantité. Si vous avez un prix promotionnel pour ce produit, il sera également affiché.
Grand format	Une fiche produit grand format avec un bouton Ajouter au panier. Utilisez cette mise en page pour les pages de renvoi ou dans un article de blogue. Vous pouvez choisir parmi deux options de mise en page : 2 colonnes : dans le cas où vous souhaitez attirer l'attention sur les images des produits 3 colonnes : dans le cas où vous souhaitez attirer l'attention sur la description du produit Il ne peut y avoir qu'une seule disposition grand format par page. La section des produits connexes ne sera pas affichée sur la fiche produit.

Créer un bouton « Acheter »

Avant de créer un bouton « Acheter », vous devez ajouter le produit dans votre interface d'administration d'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 blogue, copiez le code d’intégration généré automatiquement et collez-le là ou vous souhaitez que le bouton apparaisse sur votre site Web. La fiche produit peut être placée n'importe où sur la page, y compris dans une barre latérale, un bas de page ou même une page d'erreur.

Pour créer un bouton « Acheter » :

À partir de l'interface d'administration d'Ecwid, accédez à Canaux de vente.
Faites défiler la page vers le bas jusqu'à la section Boutons « Acheter » et cliquez sur Commencer :
Sur la page qui s'ouvre, cliquez sur Choisir un produit et utilisez la barre de recherche pour sélectionner le produit que vous souhaitez y intégrer.

Vous pouvez également accéder à l'assistant de création du bouton « Acheter » pour un produit en particulier directement à partir de sa page d'informations de produit (onglet Bouton « Acheter maintenant » → Intégrer un produit).
Personnalisez votre bouton « Acheter » : choisissez une mise en page et cliquez sur Apparence pour déterminer quelles informations du produit afficher.
Cliquez sur Générer le code, puis sur Copier le code.
Ouvrez l'éditeur de votre créateur 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 responsable de la conception du site.
Sélectionnez la page sur laquelle vous souhaitez afficher le bouton « Acheter ».
Collez le code d'intégration sur une page. Selon votre site Web, il peut s'agir d'un onglet HTML ou source, ou encore d'un bouton distinct permettant d'ajouter du code. Si vous ne savez pas comment ajouter de codes personnalisés à votre site Web, contactez le développeur de votre site Web pour obtenir des instructions plus détaillées.

Et voilà!

Toute modification apportée à un produit après l'ajout d'un bouton Acheter, comme la modification de son nom, d'un changement de prix ou de description, se reflètera automatiquement au niveau du bouton. Si un produit ou une variante de produit est en rupture de stock, le bouton « Acheter » ou « Ajouter au panier » sera désactivé, empêchant les clients d'acheter l'article épuisé. Cependant, le bouton « Acheter » restera visible sur la page.

Avec le bouton « Acheter », les clients peuvent passer commande directement sur votre site sans être redirigés ailleurs. Toutes les commandes passées à l'aide d'un bouton « Acheter » apparaîtront sur la page Mes ventes → Commandes de l'interface d'administration d'Ecwid.

Si votre site est conçu à l'aide de l'un des créateurs de site suivants, vous pouvez lire les instructions plus détaillées sur la façon d'ajouter un bouton« Acheter » ci-dessous :

Modifier le texte du bouton « Acheter »

Vous pouvez personnaliser le texte du bouton « Acheter » pour correspondre au ton et au message de votre marque. Qu'il s'agisse de « Acheter », « Je le veux! » ou « Demander une soumission », vous avez le contrôle total sur ce que vos clients verront. Le texte par défaut « Acheter » ou « Ajouter au panier » peut être modifié à l'aide de l' éditeur d'étiquettes de la boutique.

Pour modifier le texte d'un bouton « Acheter » :

À partir de l'interface d'administration d'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» au lieu de « Acheter maintenant ».
Les modifications s'appliqueront automatiquement à tous les boutons Acheter maintenant de votre boutique, y compris celui que vous avez placé sur votre site Web ou blogue.

Si vous concevez des produits sur mesure, informez-vous sur la façon de demander une soumission dans votre boutique Ecwid.

Personnaliser l'apparence du bouton « Acheter »

Au-delà de la personnalisation du texte associé à un bouton « Acheter », vous pouvez également modifier 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 des pages regroupant les informations de produits. Vous pouvez le faire par le biais de l'éditeur du créateur de site eCom. Pour ce faire, accédez à votre éditeur de site et, dans 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 Informations du produit. Cliquez sur la liste déroulante des différents paramètres pour apporter des modifications en ce qui concerne la navigation. Une fois vos modifications terminées, cliquez sur Publier.

Les modifications que vous apportez ont une incidence sur 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. Vous pouvez le faire par le biais de l'éditeur de votre créateur de site eCom. Pour ce faire, accédez à votre éditeur de site et, dans la liste déroulante Page en haut, sélectionnez Catalogue, puis cliquez sur Paramètres en haut à droite et choisissez Conception de la boutique. Cliquez sur Catégories et grille de produits. Cliquez sur la liste déroulante des différents paramètres pour apporter des modifications. Une fois vos modifications terminées, cliquez sur Publier. Pour une personnalisation plus approfondie, utilisez des codes CSS. Par exemple, vous pouvez éditer les couleurs et polices d'un bouton « Acheter maintenant » à l'aide de l'Aide-mémoire CSS pour Ecwid.
Vous pouvez immédiatement rediriger un client vers l'étape de paiement après qu'il ait cliqué sur le bouton « Acheter ».