• Caractéristiques
  • Modèles
  • Tarification
  • French
  • Caractéristiques
  • Modèles
  • Tarification
  • French
Ops ! Votre widget recherché n'a pas été trouvé ! Avez-vous une idée ? Si c'est le cas, Soumettre ici

Nous savons que vous souhaitez inaugurer une Site web WooCommerce et commencer à vendre des produits sur Internet, n'est-ce pas ? C'est une tâche un peu intimidante mais pas impossible. Dans cet article, nous allons vous montrer les étapes à suivre pour vous aider à créer votre propre site web. Site web WooCommerce utilisant Elementor et Element Pack.

Ce type de site web est une combinaison d'outils tels que ElementorWooCommerceet un thème adapté (recommandé Thème Rooten). Si ces outils sont nouveaux, vous pouvez les rechercher.

Allons de l'avant et voyons ce qu'il en est.

Construire un site WooCommerce étape par étape

Nous allons vous montrer étape par étape comment créer un site WooCommerce en utilisant Elementor et Element Pack.

Étape 1 : Tout d'abord, vous devez vous assurer que vous avez installé un système de gestion de l'information. CMS WordPress (Système de gestion de contenu).

Le plus important ici, c'est que vous devez d'abord installer un thème, puis l'activer. Pour ce faire, rendez-vous sur Tableau de bord WordPress > Apparence Thème Ajouter un nouveau.

Étape 2 : Dans cette étape, vous devez installer et activer l'application Elementor un plugin de construction de pages.

The Best WordPress Page Builder

Il suffit de se rendre sur le site de WordPress Tableau de bord à Plugins > Ajouter un nouveau > recherche Elementor dans la boîte de recherche > puis appuyer sur Installer et activer.

Si c'est fait, vous trouverez le plugin exactement à gauche dans le panneau du tableau de bord.

Étape 3 : Cette étape vous permettra d'installer et d'activer le plugin WooCommerce. N'oubliez pas que ce plugin sera l'un de vos principaux outils.

A Way of Building Online Store

Il suffit de se rendre sur le site de WordPress Tableau de bord à Plugins > Ajouter un nouveau > recherche WooCommerce dans la boîte de recherche > puis appuyer sur Installer et activer.

En outre, vous devez passer par quelques options supplémentaires, à savoir :
i. Fournir des informations de base
ii. Mise en place de passerelles de paiement
iii. Configuration de l'expédition
iv. Connecter WooCommerce à Jetpack
v. Finaliser la mise en place du WC

Pour tout cela, visitez le site elementor.com

Est-ce suffisant ? Tout à fait, mais il faut aller un peu plus loin.

Un blog pour vous
Blogs les plus populaires

En savoir plus sur WordPress

Ajouter des produits avec WooCommerce

Le menu Produits vous permet d'ajouter les produits que vous souhaitez remplir et vendre.

Étape 1 : Ici, vous pouvez ajouter vos produits avec CatégoriesTagset Attributs. Il suffit de se rendre sur Produits Ajouter un nouveau. Chaque fois que vous devez ajouter des produits de cette manière.

adding and managing products with WooCommerce

Vous pouvez également définir les données relatives au produit et la description succincte. Regardez attentivement la capture d'écran ci-dessus.

étape-2 : Si vous le souhaitez, vous pouvez montrer échantillon_produits données dans le fichier CSV/XML fourni par WooCommerce. Il suffit d'aller sur Outils > Importation Produits WooCommerce(CSV)> puis cliquez sur le bouton Lancer l'importateur. Vous ne pouvez le faire qu'à des fins de démonstration.

Importing product data through CSV file

Étape 3 : Après avoir ajouté des produits, à partir de la page Produits Ajouter un nouveau et l'enregistrement, vous pouvez trouver vos produits dans la liste sous comme vous pouvez le voir.

Products listing and management

Page produit via Elementor et Element Pack

Il est certain que vous pouvez également personnaliser l'apparence de vos produits avec Elementor. Il y a une petite astuce que je voudrais vous suggérer : autoriser un plugin Element Pack pour obtenir un meilleur aperçu des produits. Ces deux plugins s'intègrent à WooCommerce.

Étape 1 : Pour créer un nouveau modèle de produit, il suffit de se rendre à l'adresse suivante Modèles Ajouter un nouveau.

Creating individual product page for displaying products online

Après avoir créé un modèle et l'avoir publié, vous devez l'ouvrir dans Elementor. Ensuite, vous trouverez une variété de widgets pour WooCommerce.

Products displaying using page-builder plugin

Avec les widgets par défaut de Elementor (Free/ Premium), si vous installez Element Pack, vous trouverez plus de widgets pour créer votre page de produits. Voir la photo ci-dessous.

The key steps of sellig and displaying eStore products

Ce plugin propose des widgets très puissants, notamment Produits WCWC-Ajouter au panierCatégories de WCWC-SliderÉléments du WCWC-Carouselet WC-Mini Cart qui vous apportera un soutien en matière d'affichage des produits et services pour WooCommerce.

Étape 2 : Dans cette étape, je vais vous montrer comment utiliser les Widgets de Element Pack pour WooCommerce.

Tout d'abord, faites glisser et déposez n'importe quel widget (mentionné ci-dessus).

Un blog pour vous
Le choix de la rédaction

Apprenez à créer des CTA remarquables dès maintenant !

Mise en page :

Ce widget dans la section Disposition vous permettra d'afficher vos produits sous forme de grille ou de tableau à l'aide des commandes de l'habillage.

Grid view skin of products
Vertical grid-view, a way of showing WC-products vertically

De plus, dans cette section, vous pouvez définir la taille de l'image du produit et le filtrage du produit avec la maçonnerie.

Il suffit de se rendre sur le site Mise en page > Peau(par défaut/table) > Alignement> Taille de l'image > Afficher le filtre > Maçonnerie.

Requête :

Cette section permet de définir l'emplacement de la source des données que vous devez afficher par la référence comme Auteur, Catégories, Tagset Formats. Les références peuvent être différentes en fonction de l'emplacement de la source. En savoir plus

WooCommerce products viewing by the Element Pack, a page builder plugin

Aller à Demande de renseignements > Source (Afficher tout / Sélection manuelle) > Afficher le produit (Tous les produits/ En vente/ En vedette).
Plus important encore, vous pouvez définir Pagination et Limite du produit et vous pouvez montrer le produit id-wise de Exclure le(s) produit(s).

supplémentaires :

How to add image thumbnail, price, and add to cart

À partir de cette section, vous avez la possibilité de manipuler la Badge, Vignette, Titre, Evaluation, Prix, Ajouter au panier, Recherche, Commande de produits. Il suffit de travailler avec Oui/Non de l'aiguilleur.

Obtenir une licence EP & PS gratuite (à vie)

Nous organisons un programme de cadeaux pour nos consommateurs et abonnés bien-aimés qui sont connectés à notre site web officiel. BDthemes.com

Visiter Element Pack ou Prime Slider et partagez avec nous vos impressions. Les heureux gagnants recevront une licence à vie d'une valeur de $100. Cela ne vous prendra qu'une minute pour participer.

Rejoindre le programme Give Away

Onglet Style :

Pour le stylisme, vous devez aller dans l'onglet Style et donner un style comme vous pouvez le voir dans la capture d'écran ci-dessous. Ici, vous pourrez styliser le contenu section par section, comme par exemple ObjetChamp de rechercheSélectionner un champImageTitreExtraitEvaluationPrixBoutonBadgePied de pageBarre de filtre.

adding rating, badge, price,and button in WC for sale

En plus du widget WC-Products, vous trouverez 6 autres widgets dans le plugin Element Pack comme je l'ai mentionné ci-dessus. En utilisant les widgets, vous serez en mesure d'afficher vos produits à vendre.

Détails de la gestion de WooCommerce avec options et paramètres

Je vais vous expliquer chaque élément du menu, un par un, pour que vous sachiez exactement ce qui s'y passe.

Commandes

Celle-ci affiche l'état actuel des commandes dans votre boutique. Vous y verrez le nombre et le type d'articles vendus, ainsi que les destinataires.

To manage orders by the customers

En outre, vous pourrez observer de nombreux statuts différents (en attente de paiement, en suspens, remboursé, annulé, etc.) Vous pouvez cliquer sur chaque commande pour modifier les adresses de facturation ou de livraison, ajouter des notes, rembourser la commande, modifier le contenu de la commande, etc.

Coupons

Nous pensons que ce concept vous est familier. Ici, vous pouvez créer et gérer des codes de réduction.

It is very important for making discount coupons for increasing sales.

En particulier, vous pouvez gérer la date d'expiration des coupons et les restrictions d'utilisation, ainsi que les limites sur le nombre de coupons disponibles à utiliser globalement ou par client.

Rapports

Cette section vous informera des résumés détaillés de chaque aspect de votre magasin.

Showing eCommerce business health reports

Cela comprend les commandes passées, les articles achetés, les remboursements effectués, les frais d'expédition perçus et les coupons utilisés, ainsi que les ventes brutes et nettes des 7 derniers jours, mois, années ou périodes personnalisées.

En outre, outre les ventes par produit, catégories, coupons utilisés ou téléchargements de clients, vous pouvez trouver des informations détaillées sur les clients, les taxes et les stocks.

Paramètres

The main settings of WC business

Si vous voulez tout contrôler dans votre boutique en ligne. Il dispose de nombreuses options de configuration pour vous aider.

Statut

e-Shop performance/ status checking

Ce menu vous offre une vue d'ensemble de la santé et des performances de votre boutique en ligne.

Extensions

Some main extensions for eShop accessibility

Dans cette section du menu, vous pouvez facilement activer les extensions qui vous intéressent.

Le thème pour WooCommerce

Enfin, au tout début de cet article, j'ai cité les thèmes WordPress (Hello, OceanWP, GeneratePress, Astra, et bien d'autres) nécessaires à la création d'un site WooCommerce. Ici, compte tenu de la difficulté de choisir un thème, je vais vous recommander Thème Rooten (Multi purpose theme) l'un des meilleurs thèmes WordPress.

The Popular WooCommerce Theme

Conclusion

Nous avons passé en revue quelques processus simples qui vous mettront sûrement sur la bonne voie. Construire un site WooCommerce.

Vous pouvez vous sentir en confiance en obtenant deux plugins cool et matures - WooCommerce et Elementor qui vous donnent les outils nécessaires pour une boutique en ligne. Vous savez maintenant comment créer et mettre en place votre boutique en ligne.

Cependant, la version gratuite de ces deux plugins est suffisante pour vous permettre de démarrer. Notre boutique est prête. Nous vous souhaitons bonne chance.

Enfin, si vous rencontrez d'autres problèmes, n'hésitez pas à nous faire part de vos commentaires.

Copyright © 2025 BdThemes. Tous droits réservés.

Money Transfer Logo