> ## Documentation Index
> Fetch the complete documentation index at: https://docs.kameleoon.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Créer un bloc de recommandation de produits

> Ajoutez, configurez et stylisez un bloc de recommandation de produits dans votre widget pour afficher des suggestions de produits personnalisées.

Dans cet article, vous apprendrez à :

* Ajouter un bloc de recommandation
* Modifier un bloc de recommandation
* Positionner un bloc de recommandation

## Ajouter un bloc de recommandation

Pour ajouter un bloc de recommandation :

1. Cliquez sur **Add element** dans la barre latérale gauche.
2. Dans la liste, cliquez sur **Product recommendation** > **Product recommendation**.

<Frame>
  ![](https://storage.googleapis.com/kameleoon-storage-documentation/user-manual/images/assets/widgets/create-a-widget-with-the-widget-studio/create-a-product-recommendation-block/Screenshot-2024-01-19-at-6.17.11PM.png)
</Frame>

3. Cliquez sur **General** > **Block** et sélectionnez le bloc que vous souhaitez ajouter à votre widget.

<Frame>
  ![](https://storage.googleapis.com/kameleoon-storage-documentation/user-manual/images/assets/widgets/create-a-widget-with-the-widget-studio/create-a-product-recommendation-block/block-preview-1536x960.png)
</Frame>

Dans **Settings**, vous pouvez définir le nombre minimum de produits nécessaires pour afficher le bloc de recommandation. Vous pouvez également indiquer comment obtenir l'ID du produit à partir de la page produit où le widget est affiché. Ce paramètre est obligatoire si vous utilisez les algorithmes « Similar products » ou « Products usually purchased with this product » dans votre bloc de recommandation.

## Modifier un bloc de recommandation

Cliquez sur **Design** pour modifier la taille et la position de votre bloc. Vous pouvez également modifier son CSS. Cliquez sur l'icône d'agrandissement pour ouvrir la section de code personnalisé.

<Frame>
  ![](https://storage.googleapis.com/kameleoon-storage-documentation/user-manual/images/assets/widgets/create-a-widget-with-the-widget-studio/create-a-product-recommendation-block/edit-design.png)
</Frame>

Cliquez sur **Block** pour personnaliser d'autres paramètres tels que la couleur d'arrière-plan, les propriétés de bordure ou les effets d'ombre. Vous pouvez également créer un état de survol pour le bloc.