Comment créer une boutique WooCommerce personnalisée avec OceanWP et Toolset (sans codage)
Publié: 2021-05-05Vous 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 :
- Décidez ce que vous voulez afficher et promouvoir
- Définissez vos produits avec des types de publication, des champs et des taxonomies personnalisés
- Créer des pages produit personnalisées
- 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.








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.

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.


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.

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.


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.

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.

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.


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.

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éé.

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.


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.