Aux fleurs du golfe » Web & Informatique » Comment créer un site e-commerce en se servant de Webflow ?

Comment créer un site e-commerce en se servant de Webflow ?

L’internet a révolutionné tous les secteurs d’activités et les méthodes de travail. En effet, vous pouvez désormais faire des ventes depuis le confort de votre maison. Cela est réalisable grâce aux sites e-commerce. Autrefois pour en créer un, il fallait avoir des connaissances pointues en développement web. Mais aujourd’hui, grâce à Webflow, la création d’un tel site est à la portée de tous. Découvrez dans cet article comment procéder. 

Préparer les éléments à mettre dans le site e-commerce

La première étape pour créer un site e-commerce webflow consiste à préparer les éléments qui vont y figurer. Dans un premier temps, vous devez déterminer votre charte graphique afin de définir clairement une identité pour votre futur commerce électronique. Cela revient à définir une identité visuelle qui reflète vos valeurs et qui est conforme à votre nom de marque. Le plus important, c’est de veiller à vous démarquer de la concurrence et à être identifiable sans difficulté.

Après avoir statué sur votre identité visuelle, vous devez préparer vos photos et les éditer. Prenez des photos claires de chacun de vos produits. Les prises d’images doivent mettre en valeur vos produits afin de donner envie aux clients d’en acheter. Lorsque vous finissez de photographier vos produits dans tous les angles, vous devez à présent préparer vos descriptions produits. Vous pouvez le faire par vous-même sans forcément recourir à un expert webflow.

Vous y êtes presque, car il ne reste qu’à préparer vos textes et la maquette de votre futur site e-commerce. Il s’agit des textes qui vont figurer sur votre page d’accueil, votre page à propos et dans les différents onglets qui seront au niveau du site. 

Pour que toutes ces étapes soient réalisées avec soin et professionnalisme, il est recommandé de confier la création de votre site de commerce en ligne à une agence webflow.

créer un site avec les expert webflow

Choisir le template e-commerce sur Webflow

Après avoir préparé tout le nécessaire à la création de votre site e-commerce, vous pouvez choisir le template e-commerce qui vous convient sur webflow. Il serait intéressant de prendre aussi connaissance des différentes fonctionnalités du CMS webflow au préalable. Cela vous permettra de créer votre site facilement et en un rien de temps. Le but, c’est d’avoir une plateforme complète qui fonctionne parfaitement et qui est visuellement attrayante. 

L’idéal serait alors de commencer depuis un template conçu pour l’e-commerce. Cela vous rendra la tâche beaucoup plus simple. En effet, un template du genre permet de créer automatiquement l’espace e-commerce. 

Vous y trouverez toutes les fonctionnalités nécessaires pour commercialiser vos articles en ligne. Le panier, les collections « catégories » et « produits », les pages de paiement et l’email de confirmation de commande sont autant d’éléments déjà présents sur un template dédié au e-commerce.

Procéder à la modification du template

La bonne nouvelle avec webflow c’est que vous avez la possibilité d’apporter des modifications au template choisi afin de le personnaliser à votre guise. Ce CMS met à votre disposition une feuille de style qui vous permet de modifier des éléments qui ne vous conviennent pas vraiment sur les modèles préconçus. Avec cet outil, vous pourrez changer le style d’écriture, les couleurs, la police, les images, les CTA et même le panier. 

Toutefois, vous devez faire toujours attention à créer un contenu fonctionnel sur les différents formats d’écrans. Pour cela, il faut vérifier après chaque modification ou après chaque ajout d’élément si le template donne sur toutes les dimensions d’écran.

Créer de nouvelles catégories de produits

L’ajout de nouvelles catégories de produits se fait manuellement. Mais, vous n’avez pas à vous inquiéter à ce sujet, car avec le CMS webflow, créer une catégorie de produits ne vous prendra que quelques secondes. Pour créer une catégorie, rendez-vous dans le menu à gauche et cliquez sur le « + » ou sélectionnez « catégories ». Remplissez ensuite les champs de votre catégorie en saisissant son nom.

Créer de nouvelles collections

Les collections de webflow sont très pratiques et simples à créer. L’avantage de la création de ces collections est de faire apparaître en un clic, la description, l’image ou encore le montant du produit que vous avez préalablement renseigné dans la fiche produit.

Au niveau de l’interface de webflow, cliquez sur la roue dentée en haut à droite et sélectionnez ensuite l’élément que vous voulez faire apparaître depuis votre fiche produit. Si dans le template que vous avez choisi, vous n’avez pas de collections produits, vous n’aurez qu’à en ajouter en cliquant sur « collection list ».

Ajouter un suivi de stock sur le site en construction

Il est très important d’ajouter un suivi de stock à votre site e-commerce. D’ailleurs, cela ne prend que quelques minutes. De plus, avoir un suivi de stock vous évite de vendre des produits que vous n’avez plus en stock. Cela vous met inéluctablement à l’abri des frustrations de votre clientèle. 

Pour activer cette fonctionnalité, il vous suffit d’appuyer sur le bouton « track inentory » et d’ajouter ensuite la quantité de stock du produit. La mise à jour des stocks se fera automatiquement après l’achat d’un produit.

Configurer la boutique e-commerce

L’étape de configuration de boutique est essentielle, car elle vous permet de configurer les moyens de paiement, le mail de confirmation de commande et l’expédition. Pour ce faire, allez dans les paramètres et ensuite dans « e-commerce ». Après, vous devez remplir tous les onglets présents et les vérifier méticuleusement. Activez le bouton « enable checkout » dans l’onglet checkout. Et pour finir, cliquez sur « add hosting » pour vous créer un plan de site.

Créer site avec webflow

Personnaliser le mail de confirmation de commande

Il est aussi nécessaire d’ajouter une touche personnelle de votre marque dans le mail de confirmation de commande. Cela le rendra plus agréable à lire. Dans les paramètres, vous pourrez apporter toutes les modifications que vous souhaitez faire sur l’email. Appuyez sur le bouton « publish » pour que votre site e-commerce soit en ligne.

Une fois votre site crée, il faut que vous définissiez une stratégie marketing efficace pour réaliser davantage de ventes. Vous pourrez aussi confier tout le processus de création à un expert webflow.

  • Dell PowerEdge T40 - tour - Xeon E-2224G 3.5 GHz - 8 Go - HDD 1 To - avec 1 an de base sur site (CZ - 3 ans)
    Le serveur d'entrée de gamme indispensableGérez efficacement votre petite entreprise avec des fonctionnalités essentielles Dell PowerEdge T40 - Serveur - tour - 1 voie - 1 x Xeon E-2224G / 3.5 GHz - RAM 8 Go - HDD 1 To - graveur de DVD - UHD Graphics P630 - GigE - Aucun SE fourni - moniteur : aucun - noir - BTS - avec 1 an de base sur site (CZ - 3 ans) - Offre exclusivement réservée aux professionnels
  • FLY Racing Casque Cross Enfant FLY Racing Kinetic S.E. Tactic Camouflage-Gris
    Style et confort se rencontrent pour créer le casque Kinetic. Doté de la technologie TFV “True Function Ventilation” de FLY Racing, qui utilise un système de ventilation multi-orifices pour un flux d’air maximal, ainsi qu’un design affiné pour minimiser le volume et offrir plus de confort lors des longues sorties. Des détails essentiels tels que des coussinets de joues à dégagement rapide et un intérieur lavable entièrement amovible gardent votre casque propre et frais plus longtemps. Pour ceux qui recherchent confort, style, ajustement et fonctionnalité supérieurs, mettez un Kinetic et roulez !Caractéristiques : • Calotte en polymère durable et légère• Intérieur EPS (polystyrène expansé) double densité• Bordure en caoutchouc moulée sur mesure avec protège-nez intégré • Trois tailles de calotte et quatre tailles d’EPS offrent un ajustement précis• Intérieur confort amovible et lavable et coussinets de joues absorbant la transpiration tout en fournissant une ventilation optimale• Tous les casques FLY sont équipés du système TFV (True Functional Ventilation)• Plusieurs entrées d’air, plusieurs canaux traversants alignés dans l’EPS et plusieurs sorties d’air pour un flux très efficace• Ventilation mentonnière remplaçable• Housse de casque en molleton doux incluse• Homologué ECE 22.05 et DOT***Et toujours la garantie du prix le plus bas ! Soumise à conditions.
  • FLY Racing Casque Cross Enfant FLY Racing Kinetic S.E. Tactic Camouflage-Gris
    Style et confort se rencontrent pour créer le casque Kinetic. Doté de la technologie TFV “True Function Ventilation” de FLY Racing, qui utilise un système de ventilation multi-orifices pour un flux d’air maximal, ainsi qu’un design affiné pour minimiser le volume et offrir plus de confort lors des longues sorties. Des détails essentiels tels que des coussinets de joues à dégagement rapide et un intérieur lavable entièrement amovible gardent votre casque propre et frais plus longtemps. Pour ceux qui recherchent confort, style, ajustement et fonctionnalité supérieurs, mettez un Kinetic et roulez !Caractéristiques : • Calotte en polymère durable et légère• Intérieur EPS (polystyrène expansé) double densité• Bordure en caoutchouc moulée sur mesure avec protège-nez intégré • Trois tailles de calotte et quatre tailles d’EPS offrent un ajustement précis• Intérieur confort amovible et lavable et coussinets de joues absorbant la transpiration tout en fournissant une ventilation optimale• Tous les casques FLY sont équipés du système TFV (True Functional Ventilation)• Plusieurs entrées d’air, plusieurs canaux traversants alignés dans l’EPS et plusieurs sorties d’air pour un flux très efficace• Ventilation mentonnière remplaçable• Housse de casque en molleton doux incluse• Homologué ECE 22.05 et DOT***Et toujours la garantie du prix le plus bas ! Soumise à conditions.
  • FLY Racing Casque Cross Enfant FLY Racing Kinetic S.E. Tactic Camouflage-Gris
    Style et confort se rencontrent pour créer le casque Kinetic. Doté de la technologie TFV “True Function Ventilation” de FLY Racing, qui utilise un système de ventilation multi-orifices pour un flux d’air maximal, ainsi qu’un design affiné pour minimiser le volume et offrir plus de confort lors des longues sorties. Des détails essentiels tels que des coussinets de joues à dégagement rapide et un intérieur lavable entièrement amovible gardent votre casque propre et frais plus longtemps. Pour ceux qui recherchent confort, style, ajustement et fonctionnalité supérieurs, mettez un Kinetic et roulez !Caractéristiques : • Calotte en polymère durable et légère• Intérieur EPS (polystyrène expansé) double densité• Bordure en caoutchouc moulée sur mesure avec protège-nez intégré • Trois tailles de calotte et quatre tailles d’EPS offrent un ajustement précis• Intérieur confort amovible et lavable et coussinets de joues absorbant la transpiration tout en fournissant une ventilation optimale• Tous les casques FLY sont équipés du système TFV (True Functional Ventilation)• Plusieurs entrées d’air, plusieurs canaux traversants alignés dans l’EPS et plusieurs sorties d’air pour un flux très efficace• Ventilation mentonnière remplaçable• Housse de casque en molleton doux incluse• Homologué ECE 22.05 et DOT***Et toujours la garantie du prix le plus bas ! Soumise à conditions.
  • Blancheporte Housse fauteuil et canapé "Valentina" - Blancheporte - Gris - Size: Panneau140x160cm - Woman
    Composition : - 55% polyester, 45% coton Description : - Aspect texturé - S'enfile et se déhousse facilement - Entièrement couvrante, dos compris - Noeuds aux accoudoirs servant d'attache de réglage - Vendue à l'unité - 4 coloris au choix - Housse coordonnée pour chaise à découvrir sur le site blancheporte.fr Achat responsable : - Ce produit est certifié STANDARD 100 by OEKO-TEX® (n° CQ 1216/1 IFTH). Ce label contribue à une sécurité du produit efficace et élevée, au-delà des exigences en vigueur sur le plan national et international. Conseil entretien : ∙ Lavage en machine à 30°, idéal pour la protection de l’environnement ; pour aller plus loin, nous vous conseillons de sécher votre linge de maison à l'air libre
  • Blancheporte Housse fauteuil et canapé "Valentina" - Blancheporte - Or/vert - Size: Rideau largeur 140 x hauteur 240cm - Woman
    Composition : - 55% polyester, 45% coton Description : - Aspect texturé - S'enfile et se déhousse facilement - Entièrement couvrante, dos compris - Noeuds aux accoudoirs servant d'attache de réglage - Vendue à l'unité - 4 coloris au choix - Housse coordonnée pour chaise à découvrir sur le site blancheporte.fr Achat responsable : - Ce produit est certifié STANDARD 100 by OEKO-TEX® (n° CQ 1216/1 IFTH). Ce label contribue à une sécurité du produit efficace et élevée, au-delà des exigences en vigueur sur le plan national et international. Conseil entretien : ∙ Lavage en machine à 30°, idéal pour la protection de l’environnement ; pour aller plus loin, nous vous conseillons de sécher votre linge de maison à l'air libre