Vendre sur Weebly avec Ecwid

Vous pouvez facilement ajouter votre boutique en ligne Ecwid à un site Web Weebly. Ajoutez l'intégralité de la boutique, des pages de catégories ou des boutons d'achat pour permettre aux clients de passer des commandes sans quitter le site Web. La vitrine héritera des couleurs et des polices du site pour ressembler à une partie intégrante du site.

Dans cet article :

Ajout du catalogue Ecwid au site Web Weebly
Ajout de la recherche, du panier d'achat et du menu avec des catégories sur le site Web de Weebly
Affichage des produits d'une catégorie sur Weebly
Mettre un produit en vedette sur une page sur Weebly

Ajout du catalogue Ecwid

Vous pouvez ajouter votre boutique Ecwid à un site Web Weebly avec l'aide de l'application ou du code. Dans tous les cas, la boutique fonctionnera sans problème. La seule différence est que l'application est disponible avec les abonnements payants de Weebly. Le type de votre abonnement Ecwid n'a pas d'incidence. Si vous utilisez l'abonnement gratuit de Weebly, vous pouvez ajouter la boutique Ecwid avec le code intégré.

Pour ajouter la boutique Ecwid à un site Web Weebly :

Pour utiliser l'application, vous devez avoir un compte Weebly payant. Si vous utilisez l'abonnement gratuit de Weebly, ajoutez la boutique avec un code.

Connectez-vous à votre éditeur Weebly.
Ouvrez l'application Ecwid à partir de ce lien https://www.weebly.com/app-center/ecwid-online-store ou accédez à Applications → et recherchez Ecwid.
Cliquez sur Ajouter le bouton.
Dans la fenêtre contextuelle qui apparaît, sélectionnez un site Web où vous souhaitez ajouter la boutique et cliquez sur Connecter.
Dans la fenêtre contextuelle suivante, vérifiez que vous avez sélectionné le bon site Web et cliquez sur Connecter.
Sur la page suivante, connectez-vous à votre compte existant ou créez un nouveau compte.
Ouvrez la page sur laquelle vous souhaitez ajouter la boutique Ecwid.
Glissez et déposez sur la page l'icône Ecwid à partir de la liste des applications installées dans le menu de gauche de l'éditeur Weebly.
Publiez les modifications.

Premièrement, obtenez le code pour votre boutique :dans l'interface d'administration d'Ecwid, accédez à Tous les canaux de vente → Site Web.Faites défiler jusqu'à la section « Ajouter votre boutique à d'autres sites » et cliquez sur Choisir la plateforme → Autres plateformes et constructeurs de sites.
Cliquez sur le bouton Copier le code dans le presse-papier.
Maintenant, collez le code sur votre site Weebly : connectez-vous à votre éditeur Weebly.
Ouvrez la page sur laquelle vous souhaitez ajouter la boutique.
Dans le menu Construire situé à gauche, faites glisser l'élément Code intégré et déposez-le sur la page.
Cliquez sur le nouveau champ et cliquez sur Modifier le code HTML personnalisé.
Collez le code de la boutique que vous avez obtenu à l'étape 3.
Enregistrez et publiez les modifications.

Votre boutique Ecwid apparaîtra sur la page et les clients pourront y passer des commandes.

Ajout de la recherche et du panier d'achat

Lorsque les produits de votre boutique sont publiés sur le site Web, les clients peuvent déjà y passer des commandes. Vous pouvez aider les clients à parcourir la boutique et à trouver des produits plus rapidement en ajoutant au site Web d'autres éléments comme une boîte de recherche et un panier d'achat.

Pour ajouter une fonction de recherche et un panier d'achat à un site Web Weebly :

Connectez-vous à votre éditeur Weebly et ouvrez la page avec la boutique.
Dans le menu de gauche, dans la section « Applications installées », trouvez les blocs Recherche de produits Ecwid et Panier Ecwid :
Choisissez l'endroit où vous voulez ajouter la fonction de recherche et le panier et faites glisser et déposez les blocs Ecwid sur la page.
Cliquez sur le bloc du panier d'achat inséré pour définir la bordure du panier, la mise en page, l'icône et la position :
Enregistrez et publiez les modifications.

Récupérez le code de l'élément que vous voulez ajouter au site Web : dans l'interface d'administration d'Ecwid, accédez à Site Web.Faites défiler jusqu'à la section « Ajouter votre boutique à d'autres sites » et cliquez sur Choisir la plateforme → Autres plateformes et constructeurs de sites.
Dans la section « Extensions de la boutique », cliquez sur le bouton Ajouter à côté de l'élément que vous souhaitez ajouter au site Web. Le code sera copié dans le presse-papier.
Connectez-vous à votre éditeur Weebly et ouvrez la page avec la boutique.
Dans le menu Construire situé à gauche, faites glisser l'élément de code intégré et déposez-le sur la page à l'endroit où vous voulez que l'élément s'affiche.
Cliquez sur le nouveau champ et cliquez sur Modifier le code HTML personnalisé.
Collez le code que vous avez obtenu à l'étape 2.
Répétez les étapes pour chaque élément pour ajouter la fonction de recherche, le menu et le panier d'achat.

Vous pouvez choisir l'apparence de l'icône du panier que vous ajoutez à la boutique avec un code. Par exemple, vous pouvez afficher l'icône uniquement ou l'icône avec le nombre d'articles ajoutés. Découvrez comment le modifier dans l'article Personnalisation du style d'icône du panier.

Configuration de la catégorie par défaut de la boutique

Si vous obtenez de nouveaux produits ou que vous voulez montrer aux clients des produits en promotion, vous pouvez afficher une catégorie avec tous ces produits sur la page d'accueil. Pour ce faire, vous devrez définir cette catégorie comme la catégorie par défaut de la boutique qui sera affichée aux clients dès qu'ils ouvriront votre boutique.

Pour ajouter une catégorie de produits à un site Web Weebly :

Connectez-vous à votre éditeur Weebly.
Ouvrez la page sur laquelle vous avez ajouté la boutique ou ajoutez la boutique en suivant les instructions ci-dessus si vous ne l'avez pas encore fait.
Cliquez sur le bloc de la boutique et spécifiez l'ID de la catégorie par défaut:
Publiez les modifications.

Obtenez le code d'intégration pour la catégorie dans l'article Catégorie affichée pour les nouveaux visiteurs.
Connectez-vous à votre éditeur Weebly et ouvrez la page sur laquelle vous souhaitez ajouter la catégorie.
Dans le menu Construire situé à gauche, faites glisser l'élément Code d'intégration et déposez-le sur la page à l'endroit où vous voulez afficher la catégorie.
Cliquez sur le nouveau champ et cliquez sur Modifier le code HTML personnalisé.
Collez le code obtenu à l'étape 1.
Publiez les modifications.

Mettre un produit en vedette sur une page

Disons que vous avez une page séparée sur votre site Web consacrée à un certain produit de votre boutique. Et vous voulez que les clients puissent acheter ce produit sans quitter la page pendant qu'ils lisent l'article. C'est tout à fait possible avec les boutons d'achat d'Ecwid.

Pour afficher un produit sur une page, collez le code du bouton d'achat sur la page via l'élément Code d'intégration de Weebly. Consultez les instructions sur la façon de vendre avec les boutons d'achat.