Comment créer une boutique WooCommerce personnalisée avec OceanWP et Toolset (sans codage)

Publié: 2021-05-05

Vous n'avez pas besoin de codage personnalisé pour créer une boutique en ligne attrayante avec des fonctionnalités avancées . Avec Toolset et OceanWP, vous pouvez créer des pages de produits et de boutiques entièrement personnalisées à partir de zéro avec vos propres fonctionnalités et styles uniques, le tout sans codage requis.

Si vous créez une boutique en ligne, vous avez peut-être remarqué que les modèles par défaut de WooCommerce et le thème de votre site déterminent principalement l'apparence de votre boutique. Vous pouvez avoir quelques options que vous pouvez activer ou désactiver, sinon, l'ajout de fonctionnalités avancées n'est tout simplement pas possible sans programmation personnalisée.

Ou, vous pouvez créer une boutique WooCommerce entièrement personnalisée avec Toolset et OceanWP et sans codage.

Avec Toolset, vous pouvez créer des fonctionnalités que vous ne voyez que sur les principaux sites de vente au détail. Ou, vous pouvez même imaginer vos propres fonctionnalités, puis les créer à l'aide de types et de champs de publication personnalisés, de relations de publication, de mises en page personnalisées, etc.

OceanWP donne à votre site une belle apparence grâce à ses nombreuses options de style. De plus, il offre une expérience d'édition administrative intuitive qui vous montre exactement à quoi ressemblera votre site sur le front-end.

Voici quatre étapes pour personnaliser votre boutique en ligne à l'aide de Toolset et OceanWP :

  1. Décidez ce que vous voulez afficher et promouvoir
  2. Définissez vos produits avec des types de publication, des champs et des taxonomies personnalisés
  3. Créer des pages produit personnalisées
  4. Créez des pages de boutique dynamiques et des fonctionnalités de recherche

Décidez ce que vous voulez afficher et promouvoir

Les fonctionnalités flexibles de Toolset font plus que simplement réorganiser et styliser vos pages de produits. Vous pouvez créer des fonctionnalités entièrement personnalisées qui s'appliquent spécifiquement à votre entreprise ou utiliser des fonctionnalités avancées des principaux sites de vente au détail.

jeu d'outils q-and-a-section
Créez des questions-réponses sur les produits à l'aide de formulaires et de champs répétés personnalisés
ensemble d'outils de ventes incitatives et de ventes croisées
Affichez les ventes incitatives et les ventes croisées populaires à l'aide des relations de publication
ensemble d'outils de taxonomie personnalisée de marque
Affichez les produits par marque ou designer en utilisant des taxonomies personnalisées
ensemble d'outils-offres-speciales
Partagez des offres spéciales à l'aide de blocs conditionnels avec des informations provenant de champs personnalisés
ensemble d'outils de formulaires frontaux
Autorisez les fournisseurs à soumettre leurs produits directement sur votre site à l'aide de formulaires
Ensemble d'outils pour les emplacements de magasin
Affichez les emplacements de vos magasins sur une carte à l'aide de vues personnalisées
jeu d'outils de création de compte
Créez des connexions client ou fournisseur avec des autorisations en fonction du type d'utilisateur

ensemble d'outils produits par tenue
Créez une inspiration de tenue achetable en utilisant les relations de publication

Ce sont des fonctionnalités que vous ne pourriez jamais obtenir de WooCommerce seul, et elles ne font qu'effleurer la surface de ce qui est possible avec Toolset. Mieux encore, tout peut être fait sans aucun codage !

Définissez vos produits avec des types de publication, des champs et des taxonomies personnalisés

Une fois que vous avez vos idées en tête, vous pouvez créer un nombre illimité de types de publication personnalisés, de champs, de taxonomies et de relations de publication pour concrétiser vos idées.

WooCommerce vous donne quelques champs de base pour définir vos produits tels que les attributs du produit, les descriptions, les prix et les informations d'expédition comme le poids et les dimensions.

Avec Toolset, vous pouvez ajouter d'autres informations telles que des caractéristiques de produit spécifiques, des marques ou indiquer à quel département appartient un produit.

produits-champs-personnalisés
Champs personnalisés sur un produit

Tous les thèmes ne fonctionnent pas bien avec les types de publication personnalisés, mais OceanWP est "prêt pour les types personnalisés". Avec OceanWP, vous pouvez appliquer différents paramètres de thème à chaque modèle de contenu. Cela vous donne un meilleur contrôle sur la façon dont ce contenu personnalisé apparaît sur votre site.

Créer des pages de produits personnalisées

Une fois vos produits définis, vous pouvez créer des modèles entièrement personnalisés pour afficher vos produits et les informations de vos champs personnalisés. En utilisant des modèles de produits, vous n'avez besoin de créer votre page qu'une seule fois, et toutes les modifications que vous apportez sont immédiatement répercutées sur tous vos produits qui utilisent ce modèle.

Toolset vous permet de créer entièrement vos modèles de produits à partir de zéro à l'aide des blocs WooCommerce de Toolset.

woocommerce-default-template
Modèle de produit WooCommerce par défaut
ensemble d'outils de modèle de produit personnalisé
Modèle de produit Toolset entièrement personnalisé

Attribuez simplement le modèle ou l'archive à vos produits et ajoutez les blocs souhaités, tels que les évaluations des produits, les onglets des produits, les attributs des produits, un bouton d'ajout au panier, etc.

Les blocs peuvent extraire dynamiquement les informations de vos champs personnalisés. Cela signifie que lorsque vous ajoutez un bloc d'en-tête pour afficher, par exemple, le nom du produit, il affichera automatiquement le nom de produit correct en fonction du produit que votre client consulte.

ensemble d'outils de contenu dynamique
Création d'un modèle de produit qui extrait dynamiquement les informations pour chaque produit

Vous pouvez également attribuer des modèles de manière conditionnelle pour utiliser différents modèles en fonction de certains critères de produit. Par exemple, vous pouvez utiliser un modèle conditionnel pour afficher les articles en rupture de stock en utilisant une mise en page différente.

ensemble d'outils en stock
Article en stock
out-of-stock-item-toolset
Article en rupture de stock

OceanWP vous offre une variété d'options pour styliser ces modèles. Parce qu'il est prêt pour le post-type, vous pouvez choisir différentes options de thème pour différents modèles. Par exemple, vous pouvez choisir d'afficher une barre latérale pour certains produits et choisir une mise en page pleine largeur pour les produits présentés.

thème-options-owp-toolset
Choisir vos options de thème OceanWP par modèle

OceanWP inclut également des options de style globales pour aider à maintenir la cohérence de l'identité visuelle de votre boutique sur l'ensemble de votre site. De plus, il n'y a pas de basculement entre l'administrateur et le front-end de votre site pour voir à quoi ressemblent vos modifications, car ce que vous voyez dans le backend est la façon dont il apparaîtra sur le front-end.

global-styling-toolset-oceanwp
Ajouter des styles globaux à votre site

Créer des pages de boutique dynamiques, des listes de produits et ajouter une fonctionnalité de recherche

Vous avez défini vos produits et conçu vos modèles de produits. Maintenant, aidez vos clients à trouver ce qu'ils recherchent.

Créer des pages de boutique personnalisées et d'autres pages d'archives

Dans WordPress, des pages comme la page Boutique et les pages de liste de catégories sont appelées archives. Essentiellement, les archives répertorient tous les messages (ou produits) qui appartiennent à une certaine catégorie ou type de contenu.

Toolset vous permet de créer différentes archives selon les critères que vous choisissez. Par exemple, si votre site vend des talons et des sacs, vous souhaiterez peut-être différentes pages Boutique avec des filtres adaptés à chaque type de produit.

ensemble d'outils de page d'archive
Page de la boutique pour les talons
page-boutique-sacs-outils
Page de la boutique pour les sacs

Création de listes dynamiques de contenu

Vous pouvez ajouter une liste dynamique de produits à votre page Boutique ou à toute autre page de votre site à l'aide du bloc Outils d'affichage. Cela vous permet de définir les produits à répertorier et de concevoir à quoi ressemblera la liste.

ensemble d'outils de bloc de vue
Choisir le contenu à afficher sur une page de boutique

Ajout d'options de recherche et de filtrage personnalisées

Toolset permet à vos clients potentiels de trouver facilement et rapidement des produits grâce à des options de recherche et de filtrage personnalisées. Vous pouvez filtrer par n'importe quel champ personnalisé ou relation de publication que vous avez créé.

ensemble d'outils de recherche personnalisés
Recherche personnalisée qui vous permet de filtrer par champs personnalisés

Autres fonctionnalités de page de boutique personnalisées d'OceanWP

OceanWP offre plus de fonctionnalités pour votre boutique et vos pages d'archives, y compris une option d'affichage rapide, un défilement infini et la possibilité de masquer vos filtres hors écran lorsqu'ils ne sont pas utilisés. Veuillez noter que ces fonctionnalités ne fonctionnent qu'avec les archives d'OceanWP, et non avec celles que vous créez avec Toolset.

vue-rapide-option-oceanwp
Option de vue rapide
filtres hors écran ceanwp
Masquer les filtres de l'écran

OceanWP vous offre également des options pour afficher votre panier :

  • Pop-up de panier natif
  • Barre flottante d'ajout au panier
  • Affichage du chariot
  • Paiement sans distraction

..et plus!

Essayez OceanWP et Toolset aujourd'hui et parlez-nous de votre expérience dans les commentaires !

Apprenez à créer des boutiques WooCommerce personnalisées étape par étape avec le cours WooCommerce gratuit de Toolset.


Vous pouvez également essayer gratuitement Toolset et OceanWP avec cette démo de boutique WooCommerce.