Présentez un produit de votre boutique sur une autre page de votre site et redirigez les clients directement vers la page de paiement.

Un bloc Produit affiche un article de la boutique de votre site sur d'autres pages ou publications. C'est un excellent moyen de promouvoir des produits sur votre site ou de créer une disposition différente de la page de destination intégrée de votre boutique.

Conseil : Pour en savoir plus sur les différences entre les pages Boutique et les blocs Produits, consultez les pages Boutique et les blocs Produits.

Avant de commencer

• Pour utiliser les blocs Produit, vous devez disposer d’une page Boutique contenant le produit que vous souhaitez afficher.
• La page Boutique contenant le produit doit être activée. Si vous la désactivez, le produit n’apparaîtra pas dans les paniers s’il est ajouté via les blocs Produit.
• Le produit doit être publié et visible.

Ajouter le bloc Produit

Pour ajouter un bloc Produit :

1. Modifiez une page ou un article, cliquez sur Ajouter un bloc ou un point d’insertion, puis cliquez sur Produit.Pour obtenir de l’aide, consultez l’article Ajouter du contenu avec des blocs.
2. Ouvrez l’éditeur de bloc en cliquant sur l’icône en forme de crayon sur le bloc.
3. Dans le champ Ajouter un produit, cherchez le produit que vous souhaitez afficher. Cliquez dessus dans les résultats de la recherche pour l’ajouter. La recherche affiche jusqu’à sept produits.
4. Pour accéder à votre inventaire et apporter des modifications aux produits, cliquez sur Edit products (Modifier les produits), puis cliquez sur Save and Continue (Enregistrer et continuer). Gardez à l'esprit que cela ferme la page en cours.
5. Cliquez sur l'onglet Design pour personnaliser les détails à afficher sur le produit.

Astuce : les blocs Produit affichent un produit à la fois. Pour afficher plusieurs produits sur une page, utilisez plusieurs blocs Produit ou affichez une collection de produits à l’aide de blocs Sommaire.

Promouvoir des produits protégés

Si vous disposez d’un abonnement au service Sites réservés aux membres et que vous configurez une boutique en ligne dans l’un de vos sites réservés aux membres, les visiteurs du site devront souscrire un abonnement avant de pouvoir acheter des produits dans cette boutique protégée. Pour permettre aux visiteurs qui ne sont pas membres d’acheter ces produits, ajoutez des blocs Produit sur votre site principal et utilisez la barre de recherche Ajouter un produit pour sélectionner des produits de votre boutique protégée.

Ajouter les informations d’un produit

Pour personnaliser le bloc Produit, cliquez sur l'onglet Design. Ici, vous pouvez définir l'alignement du bloc à gauche, au centre ou à droite. Vous pouvez également personnaliser les détails à afficher sur le produit en activant ou en désactivant les curseurs :

• Image - Affiche l’image mise en avant du produit
• Titre - Affiche le titre du produit
• Prix - Affiche le prix du produit
• Description - Affiche la description du produit
• Bouton Ajouter au panier - Affiche un bouton Ajouter au panier
• Vue rapide du produit - Permet un aperçu rapide

Pour modifier l’une de ces informations, modifiez le produit.

Personnaliser le bloc Produit

Vous pouvez personnaliser le bloc Produit et le bouton Ajouter au panier.

Texte des boutons

Par défaut, le texte du bouton du bloc Produit est Ajouter au panier. Vous pouvez modifier ce texte par Acheter maintenant par exemple.

1. Ouvrez la page Boutique contenant le produit affiché dans votre bloc Produit.
2. Double-cliquez sur le produit pour ouvrir l’éditeur de produit.
3. Dans l'onglet Options, saisissez le nouveau texte du bouton.

Design du bouton

La méthode pour modifier le design du bouton dépend de la version de votre site.

Texte et police du bloc Produit

La marche à suivre pour personnaliser le style du titre, du prix et de la description du bloc Produit dépend de la version de votre site. 

Taille et forme du bloc Produit

Lorsque vous ajoutez le bloc pour la première fois, il couvre toute la largeur de la zone de contenu s’il n’y a pas d’autres blocs à côté. Pour obtenir de l’aide sur le redimensionnement des blocs, consultez les articles Redimensionner des blocs et Déplacer des blocs pour personnaliser les dispositions.

Pour la forme du bloc, la valeur de proportion des blocs Produit correspond à la valeur de proportion originale de lʼimage mise en avant du produit. Pour vous assurer quʼun bloc Produit utilise une valeur de proportion spécifique, recadrez lʼimage avant de la charger dans lʼéditeur de produit ou utilisez lʼéditeur dʼimage dans lʼéditeur de produit.

Conseils de recherche de blocs Produits

Lorsque vous recherchez un produit à afficher dans le bloc, les résultats de recherche s’appuient sur les informations suivantes :

• Titres
• Descriptions
• Tags
• Catégories
• Blocs Texte dans les informations supplémentaires sur le produit

La recherche affiche jusqu’à sept correspondances. Si vos produits ont des noms similaires, effectuez une recherche par titre exact. Il est possible que les nouveaux produits ne s’affichent pas immédiatement dans la recherche.

Personnaliser votre boutique en ligne

Bien que vous devez utiliser une page Boutique pour ajouter des produits à votre site, vous pouvez utiliser des blocs Produits pour créer une disposition personnalisée de la boutique en ligne sur une autre page. Une fois que vous avez créé et personnalisé votre boutique, vous pouvez masquer la page Boutique en la déplaçant vers la section Hors navigation du panneau Pages. Cela supprime la page Boutique des menus de navigation tout en la laissant activée.

Dépannage

Mon bloc Produit nʼaffiche pas la bonne image

Les blocs Produits affichent l’image mise en avant du produit. Cette image peut être différente de la première image définie dans l’éditeur de produit. Pour modifier l’image dans le bloc Produit, modifiez l’image mise en avant du produit.

Le produit ne peut être ajouté au panier à partir du bloc Produit

Si le fait de cliquer sur le bouton Ajouter au panier d’un bloc Produit n’ajoute pas le produit au panier, la page Boutique associée peut être désactivée. Les produits des pages Boutique désactivées peuvent s’afficher dans les blocs Produit, mais ne peuvent pas être ajoutés aux paniers. Pour résoudre ce problème, activez la page Boutique.