Section produit embarquable avec formulaire d'achat complet et layout 2 ou 3 colonnes.
Featured Product
La section Featured Product permet d'intégrer un formulaire produit complet dans n'importe quelle page. Elle affiche les mêmes blocs que la page produit principale (variantes, prix, ATC, description, etc.) avec un layout en 2 ou 3 colonnes.
Fonctionnement
Cette section fonctionne comme une mini page produit embarquable. Vous sélectionnez un produit, choisissez le layout, et ajoutez les blocs de votre choix (identiques à ceux de la page produit principale). Le visiteur peut ajouter le produit au panier sans quitter la page.
Settings principaux
Produit
| Setting | Description | Options |
|---|---|---|
| Produit | Produit à afficher | Product picker |
| Layout | Disposition des colonnes | 2 colonnes / 3 colonnes |
Layout 2 colonnes
| Setting | Description | Options |
|---|---|---|
| Ratio image | Proportions des médias | Adapt / Square / Portrait / Landscape |
| Position média | Côté des images | Gauche / Droite |
| Taille média | Proportion image vs contenu | Small / Medium / Large |
Layout 3 colonnes
| Setting | Description | Options |
|---|---|---|
| Colonne 1 | Contenu de la première colonne | Thumbnails / Blocs |
| Colonne 2 | Image principale | Média |
| Colonne 3 | Formulaire d'achat | Blocs |
Média
| Setting | Description | Options |
|---|---|---|
| Galerie | Style de la galerie d'images | Slider / Thumbnails / Grid |
| Activer le zoom | Zoom au survol/clic | On / Off |
| Activer la vidéo | Lire les vidéos produit | On / Off |
Blocs disponibles
Les blocs sont les mêmes que ceux de la page produit principale :
| Bloc | Description |
|---|---|
| Prix | Prix actuel + barré si promo |
| Sélecteur de variantes | Options du produit (taille, couleur...) |
| Bouton ATC | Bouton "Ajouter au panier" |
| Description | Description complète du produit |
| Texte | Texte libre personnalisé |
| Heading | Titre personnalisé |
| Stock indicator | Indicateur de stock |
| Trust badges | Badges de confiance |
| Delivery estimation | Estimation de livraison |
| Social proof | Nombre de personnes consultant le produit |
| Icon list | Liste d'avantages avec icônes |
| Tabs | Onglets d'information |
| Custom Liquid | Code Liquid personnalisé |
Cas d'utilisation
Produit phare sur homepage
- Layout 2 colonnes, média à gauche
- Blocs : Prix + Variantes + ATC + Trust badges
- Ratio image Adapt
- Galerie Slider avec zoom
Upsell sur page produit
- Layout 2 colonnes, taille média Small
- Blocs : Prix + ATC + Texte (pitch court)
- Produit complémentaire au produit principal
- Pas de sélecteur de variantes si produit simple
Landing page produit
- Layout 3 colonnes complet
- Colonne 1 : Thumbnails
- Colonne 2 : Image principale avec zoom
- Colonne 3 : Prix + Variantes + ATC + Description + Delivery + Trust badges
- Tous les blocs de conversion activés
Offre spéciale dans un article de blog
- Layout 2 colonnes, média à droite
- Blocs : Heading custom + Prix + ATC
- Texte personnalisé expliquant l'offre
- Stock indicator pour l'urgence
💡Pour un maximum de conversion, combinez les blocs Prix + Variantes + ATC + Trust badges + Delivery estimation. Ce sont les éléments qui rassurent le visiteur et facilitent la décision d'achat.
⚠️Le Featured Product charge le formulaire produit complet avec le JavaScript associé. Évitez d'en placer plus de 2 sur une même page pour préserver les performances.
ℹ️Si le produit sélectionné est en rupture de stock, le bouton ATC s'adapte automatiquement (grisé avec texte "Épuisé"). Aucune configuration supplémentaire n'est nécessaire.
Prochaines étapes
- Page produit : vue d'ensemble — Layout complet de la page produit
- Image avec texte — Alternative pour mettre en avant un produit
- Bundles — Offres groupées sur le produit mis en avant
- Slideshow — Intégrez un produit dans le slideshow