Comment lancer un e-commerce sur Webflow ?
Les êtres humains entretiennent depuis longtemps une relation étroite avec le commerce, la consommation et l'achat. Tout au long de l'histoire, les humains se sont engagés dans le commerce et les échanges pour acquérir les biens et les services dont ils avaient besoin et qu'ils désiraient. Du troc de biens contre d'autres biens, au développement des systèmes monétaires, jusqu'à l'essor du shopping en ligne aujourd'hui, la façon dont les gens interagissent avec le commerce a évolué au fil du temps.
Les statistiques rapportées par Forbes démontrent clairement la croissance substantielle des ventes e-commerce. Rien qu'en 2023, les ventes devraient augmenter de 10,4 %, pour atteindre la somme astronomique de 6 300 milliards de dollars. En regardant vers l'avenir, le rapport prédit que d'ici seulement trois ans, en 2026, les ventes e-commerce atteindront l'impressionnant seuil de 8 100 milliards de dollars.
Dans un monde où tout évolue à un rythme effréné, ces chiffres soulignent l'importance de mettre en place rapidement une présence e-commerce en ligne.
L'e-commerce avec Webflow
Webflow est un véritable game-changer pour l'e-commerce. C'est une plateforme conviviale qui permet aux entreprises de créer de superbes boutiques en ligne sans aucune compétence en codage. Avec Webflow, vous pouvez concevoir votre site web, gérer des produits, traiter les paiements en toute sécurité et suivre les commandes de manière transparente. Tout est optimisé pour n'importe quel appareil, garantissant une expérience d'achat fluide pour vos clients.
De plus, Webflow s'intègre facilement avec d'autres outils pour rationaliser vos opérations e-commerce. Grâce à Webflow, vous pouvez établir une boutique en ligne professionnelle, atteindre davantage de clients et booster votre potentiel de vente.
Une chose à mentionner : Webflow ne propose pas de plans e-commerce gratuits. Vous devez choisir l'un des plans de site ci-dessous, adapté à votre entreprise, puis commencer à construire votre boutique Webflow !
Comment configurer votre boutique e-commerce Webflow ?
Lors de la configuration de votre boutique e-commerce, vous pouvez choisir d'utiliser un modèle de site web e-commerce pré-conçu ou de concevoir votre site vous-même de A à Z.
Après avoir choisi votre plan de site e-commerce, la première étape à suivre lors de la configuration de votre boutique e-commerce Webflow est d'activer la fonctionnalité e-commerce.
Si vous sélectionnez un modèle e-commerce Webflow pré-conçu, les fonctions e-commerce seront automatiquement activées pour vous. — À ce sujet, voici quelques modèles e-commerce Webflow que vous pouvez utiliser pour les secteurs de la mode, de la technologie, de l'édition et d'autres industries ! — Sinon, si vous choisissez de concevoir vous-même depuis zéro, vous devrez activer l'e-commerce manuellement. Suivez donc les étapes ci-dessous !
Allez d'abord dans le panneau latéral et choisissez le bouton de boutique e-commerce, comme visible ci-dessous.
Ensuite, après avoir cliqué dessus, un message apparaîtra pour confirmer votre choix ; il vous suffit de sélectionner « C'est parti ! » et de continuer avec la configuration.
Après cela, la fenêtre du guide de configuration s'ouvrira en vous montrant 3 étapes à suivre pour créer votre boutique e-commerce.
Compléter le guide de configuration e-commerce Webflow
En passant à la première étape du processus là où nous nous étions arrêtés, la fenêtre du guide de configuration s'ouvrira comme indiqué ci-dessous.
Il y a 12 étapes ou moins, selon que vous avez rempli ces informations auparavant dans les paramètres du site Webflow. Vous pouvez les remplir dans l'ordre ou d'abord ajouter les produits et compléter ce que vous avez omis par la suite.
Nous avons choisi de les présenter dans l'ordre de la liste, pour éviter toute confusion.
1. Ajouter une adresse professionnelle
La première étape de la phase 1 (Configurer votre boutique) consiste à ajouter une adresse professionnelle.
Dans le guide de configuration comme indiqué ci-dessus, cliquez sur Ajouter une adresse professionnelle et une autre fenêtre s'ouvrira.
Saisissez le nom de votre entreprise et continuez à remplir les autres champs obligatoires, puis passez à l'étape suivante.
2. Vérifier les paramètres de devise
Faites de même ici en sélectionnant Vérifier les paramètres de devise dans le guide de configuration et choisissez la devise de votre boutique, votre langue et les autres informations obligatoires.
3. Ajouter un produit
La troisième étape, et l'une des plus importantes lors de la création de votre boutique, est l'ajout de vos produits.
Les produits sont ce qui fait vivre la boutique ; sans eux, comme dit le proverbe, il faudrait juste « mettre la clé sous la porte ».
Pour ajouter un produit, cliquez simplement sur le texte hypertexte Ajouter un produit, et vous serez redirigé vers les fenêtres ci-dessous.
Ici, vous pouvez ajouter un article type si vous souhaitez le tester au préalable, ou cliquer sur le bouton Nouveau produit et remplir les informations requises, comme visible dans l'image suivante.
4. Ajouter une méthode d'expédition
Comme pour les autres, il suffit de cliquer sur le lien hypertexte Ajouter une méthode d'expédition, puis de cliquer sur Ajouter une zone d'expédition.
Les zones d'expédition vous permettent de choisir entre différentes méthodes d'expédition, comme la tarification basée sur le prix, le poids, un tarif fixe, etc., selon vos préférences.
Après avoir sélectionné Ajouter une zone d'expédition, la fenêtre suivante apparaîta, où vous pourrez choisir les méthodes d'expédition et remplir les autres champs nécessaires.
5. Vérifier les paramètres fiscaux
Il s'agit de la dernière étape avant de commencer à concevoir votre boutique. Pour ce faire, cliquez sur le lien hypertexte vérifier les paramètres dans le guide de configuration, puis choisissez la catégorie fiscale souhaitée. Vous pouvez également configurer la version de calcul automatique des taxes.
Concevoir votre boutique
Après avoir complété la première étape du guide de configuration, il est temps de commencer à concevoir votre boutique. Voici les 4 étapes à suivre dans cette partie :
1. Ajouter et concevoir votre panier
Rendez-vous d'abord dans la partie Conception de la boutique du guide de configuration et sélectionnez la première tâche : ajouter et concevoir votre panier.
Cliquez sur le texte hypertexte Ajouter un panier, ce qui ouvrira la fenêtre de design principale. Faites défiler jusqu'à la section E-commerce et sélectionnez l'icône panier.
Après cela, une autre fenêtre apparaîta avec les paramètres du panier. Vous pouvez y modifier les paramètres, ou fermer la fenêtre et les consulter plus tard dans le panneau latéral droit du canevas visuel.
2. Concevoir la page produit e-commerce
La deuxième étape après avoir ajouté votre panier est la conception de la page produit.
Cliquez simplement sur le bouton Ajouter des éléments et continuez avec la conception. Concevoir une page produit est identique à la création de toute autre page dans Webflow : laissez libre cours à votre créativité.
3. Concevoir la page de paiement e-commerce
Là encore, comme à l'étape précédente, la conception de la page de paiement est identique à la conception de toute autre page dans Webflow.
La seule différence est qu'après avoir activé la fonctionnalité e-commerce, une page de paiement est automatiquement créée avec les informations obligatoires à remplir avant l'expédition.
Il vous suffit d'ajouter des couleurs et d'autres éléments de design selon vos préférences esthétiques pour que la page de paiement corresponde à votre identité visuelle.
Cliquez simplement sur le texte hypertexte Aller à la page de paiement et immédiatement la fenêtre de la page de paiement s'affichera dans le canevas de design, où vous pourrez ajouter des couleurs et d'autres éléments selon vos choix.
4. Concevoir les e-mails e-commerce
Les e-mails e-commerce constituent la dernière étape de la deuxième phase de la configuration de votre site e-commerce Webflow.
C'est la section où vous concevez les e-mails de commande, que la commande soit confirmée, expédiée, reçue ou remboursée. Chaque page d'e-mail nécessite quelques ajustements pour que le design soit cohérent avec le reste de la page.
Avant d'envoyer ces messages, il est recommandé de valider les listes d'e-mails pour garantir la délivrabilité et éviter les rebonds.
Pour ce faire, cliquez sur le lien hypertexte Aller aux paramètres des e-mails, chargez votre logo de marque dans la fenêtre qui s'ouvre, puis continuez avec les autres détails, couleurs et textes de messages e-mail, si vous souhaitez les rendre plus uniques et distincts de la concurrence.
Lancer votre boutique
La troisième et dernière partie lors de la construction de votre boutique e-commerce Webflow est la mise en ligne de votre site web.
Pour cela, vous devez effectuer ces 4 étapes supplémentaires avant la publication finale de votre site :
1. Ajouter un fournisseur de paiement
Comme dit le proverbe, « rien n'est gratuit » : avant de lancer votre site, vous devez ajouter un fournisseur pour accepter les paiements via votre boutique.
Pour accomplir cette tâche, cliquez sur le texte hypertexte Ajouter un fournisseur de paiement, puis connectez l'un des fournisseurs de paiement affichés dans la fenêtre suivante — Stripe ou PayPal.
Webflow accepte les paiements par carte de crédit ou de débit (Visa, Mastercard, American Express, Discover, Diners Club, JCB) via Stripe et PayPal, ainsi que
les paiements Web (tels que Apple Pay et Google Pay) via Stripe.
2. Ajouter un hébergement
Comme nous l'avons mentionné au début de cet article, Webflow ne propose pas d'option gratuite pour les boutiques e-commerce.
Bien que vous puissiez créer votre site, sans plan de site, vous ne pouvez pas le publier si vous n'avez pas souscrit à l'un des plans de site e-commerce premium.
Si vous n'avez pas encore ajouté de plan de site e-commerce, accédez au texte hypertexte Ajouter un hébergement dans la dernière étape du guide de configuration, et sélectionnez l'un des plans, comme indiqué précédemment dans l'image des plans de site ci-dessus.
Il est également important de savoir que si vous disposez déjà d'un autre plan d'hébergement, vous devez le mettre à niveau vers un plan e-commerce pour pouvoir publier un site e-commerce.
3. Activer le SSL
Pour vous assurer que le traitement de vos paiements est sécurisé, vous devez activer le SSL (Secure Sockets Layer).
Il vous suffit de cliquer sur le lien hypertexte Activer le SSL dans votre guide de configuration, ce qui vous amènera directement à l'onglet Publication des paramètres du site.
Ensuite, faites défiler jusqu'aux options de publication avancées et activez le bouton Activer le SSL.
4. Activer le paiement
La dernière étape avant de publier votre site est d'activer le bouton de paiement. Aucun utilisateur ne pourra passer de commande dans votre boutique tant que vous n'aurez pas effectué cette étape.
Cliquez sur le lien hypertexte Activer le paiement, activez le bouton bascule dans la fenêtre de destination du lien, cliquez sur Enregistrer et c'est terminé !
Mise en ligne
La dernière étape, et la plus simple, est la publication de votre site. Sélectionnez simplement le bouton publier, comme lors de la publication de toute autre page Webflow sur vos domaines, et le tour est joué !
Conclusion
Se lancer dans la création d'une boutique e-commerce en ligne sur Webflow ouvre un monde d'opportunités passionnantes pour les entreprises souhaitant prosporer sur le marché numérique en constante expansion.
Dans une ère où la prise de décision visuelle est reine, Webflow s'impose comme un véritable game-changer, permettant aux entrepreneurs de créer des boutiques en ligne captivantes sans avoir besoin de compétences complexes en codage. En quelques clics et avec une touche de créativité, les entreprises peuvent libérer leur imagination en concevant des sites e-commerce visuellement époustouflants qui émerveillent les clients.
Si vous souhaitez découvrir des exemples de modèles de sites e-commerce époustouflants et bien plus encore, consultez nos modèles sur la boutique Webflow. Enfin, en bonus supplémentaire, vous pouvez consulter cette playlist YouTube utile de Charli Marie, qui vous aidera encore davantage et clarifiera tout malentendu lors de votre processus de création d'une boutique e-commerce !
