Démo WooCommerce live

Démos interactives de swatches WooCommerce

Voyez comment des produits WooCommerce séparés peuvent se comporter comme des swatches natifs tout en gardant des URLs, images et contenus SEO indépendants.

Fonctionne avec de vrais produits WooCommerce Inspiré de la navigation produit façon Amazon

Démo live interactive

Ouvrez un hoodie. Les swatches relient les autres.

Ce sont de vrais produits WooCommerce. Ouvrez une page produit pour voir les swatches liés, les prévisualisations au survol et les URLs séparées en contexte.

Produits WooCommerce live

Comportements des swatches

Différentes boutiques, même logique de produits liés.

Produits mode

Swatches image

Utilisez de vraies photos produit comme swatches pour les couleurs, tissus ou finitions.

/product/hoodie-slate-blue
  • L’image change
  • L’URL change
  • Vraies pages produit
Produits mobilier

Swatches de couleur et matière

Reliez des produits séparés par bois, tissu ou finition tout en gardant des URLs uniques.

/product/oak-chair-natural
  • Pages matière
  • Texte SEO unique
  • Liens produit natifs
Produits cosmétiques

Navigation par teinte

Laissez chaque teinte garder son contenu produit, ses images et sa cible SEO.

/product/lipstick-rose
  • URLs par teinte
  • Prévisualisations image
  • Indexation séparée
Électronique

Swatches modèle

Reliez capacités, finitions ou modèles sans tout réduire à un seul produit variable.

/product/headphones-midnight
  • Pages dédiées au modèle
  • Prix indépendants
  • UX de produits liés

Shortcode

Placement manuel quand vous avez besoin d’un contrôle précis.

Le vrai shortcode du plugin est [lpswc]. Aucun attribut de shortcode n’est actuellement implémenté.

Syntaxe correcte du shortcode [lpswc]
Utilisation dans un template <?php echo do_shortcode('[lpswc]'); ?>
Paramètres supportés Aucun. Utilisez les réglages admin pour le mode, la position, le style et la compatibilité.

Fonctionnalités

Fonctionnalités ciblées pour les pages produit WooCommerce natives.

Vrais produits liés

Reliez des produits WooCommerce simples entre eux.

URLs SEO-friendly

Chaque swatch peut ouvrir une page produit séparée.

Swatches image

Utilisez des photos produit, des icônes personnalisées ou des couleurs.

Configuration rapide

Mode catégorie automatique ou mode liens manuels.

WooCommerce native

Fonctionne avec les produits, prix et stocks standards.

Optimisé mobile

Les appareils tactiles naviguent directement.

Frontend léger

Un rendu ciblé sans système produit supplémentaire.

Styles flexibles

Contrôlez la taille, l’arrondi, l’espacement et l’état sélectionné.

FAQ

Questions de démo, réponses rapides.

Puis-je relier des produits WooCommerce simples ?

Oui. Le plugin est conçu pour relier des produits WooCommerce séparés et les afficher comme des swatches.

Chaque swatch a-t-il sa propre URL ?

Oui. Chaque produit lié garde sa propre URL produit, ses images, son titre et son contenu SEO.

Est-ce compatible avec les constructeurs de pages ?

Oui. Utilisez le placement automatique via hook WooCommerce ou le vrai shortcode [lpswc] dans les mises en page builder.

Puis-je utiliser des images personnalisées ?

Oui. Les swatches peuvent utiliser des images produit, des icônes importées ou des images couleur générées.

Cela fonctionne-t-il sur mobile ?

Oui. Les prévisualisations au survol sont ignorées sur tactile afin que les taps naviguent directement vers le produit lié.

Is it SEO-friendly?

Oui. Les variations importantes peuvent devenir des pages produit WooCommerce indexables au lieu d’attributs masqués.

Étape suivante

Prêt à ajouter des swatches de produits liés à WooCommerce ?

Commencez par la démo produit, puis utilisez la documentation pour les détails de configuration.