# Les variantes produit (taille, couleur) ne s'affichent pas sur la landing page

Les variantes doivent d'abord être créées sur le produit, puis ajoutées séparément à la landing page en insérant le bloc **Variantes produit** — créer une variante sur la fiche produit seule ne la fait pas apparaître sur la landing page.

## Étapes

1. Ouvrez le produit et allez dans sa section **Variantes**; ajoutez les types de variantes nécessaires (par ex. « Type »: Équilibré/Riche, « Taille »: 500g/1KG) et enregistrez.
2. Ouvrez la landing page dans le builder, cliquez sur **+** pour ajouter un bloc, et ajoutez l'élément **Variantes produit**.
3. Positionnez le bloc de variantes au-dessus du formulaire de commande pour que les clients choisissent une variante avant de passer commande.
4. Enregistrez, puis testez le lien publié (en ligne) — choisissez une variante et confirmez qu'elle se répercute sur une commande test.

## Problèmes courants

- Le sélecteur de variante est manquant après avoir généré une page avec l'IA → les pages générées par IA n'incluent pas automatiquement le bloc Variantes; ajoutez-le manuellement comme dans les étapes ci-dessus.
- Le client peut confirmer une commande sans sélectionner une variante requise sur mobile → déplacez le bloc de variantes/offre au-dessus du formulaire de commande; cet écart spécifique au mobile n'a pas encore de correction côté plateforme, donc traitez la réorganisation comme une solution de contournement, pas définitive.
- La sélection de variante couleur ne se reflète pas correctement dans la commande finale → utilisez des variantes de type image plutôt que des variantes en menu déroulant ou en texte simple pour des résultats plus fiables sur les landing pages.

## Voir aussi

- [Comment ajouter un pack ou une offre par quantité à une landing page](https://help.dropify.shop/fr/landing_page_builder/add-a-bundle-or-volume-offer-to-a-landing-page/)
- [Comment définir des variantes et un prix avant/après (barré)](https://help.dropify.shop/fr/products_import/product-variants-before-after-price-and-discounts/)
- [Comment personnaliser le formulaire de commande (Paiement express) sur une landing page](https://help.dropify.shop/fr/landing_page_builder/customize-the-order-form-on-a-landing-page/)