> ## 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.

# Ajouter une roue de la fortune à votre widget

> Ajoutez et configurez un élément roue de la fortune dans le Widget Studio pour stimuler l'engagement des visiteurs avec des sections, probabilités et animations de rotation personnalisables.

Ajoutez un widget de roue de la fortune à votre site Web pour encourager la participation des utilisateurs et augmenter l'engagement.

## Ajouter l'élément roue de la fortune

1. Dans le Widget Studio, accédez à la barre latérale gauche.
2. Faites défiler jusqu'à la section **Media**.
3. Cliquez sur **Wheel of Fortune** pour l'ajouter à votre widget.

<Frame>
  ![](https://storage.googleapis.com/kameleoon-storage-documentation/user-manual/images/assets/widgets/create-a-widget-with-the-widget-studio/add-a-wheel-of-fortune-to-your-widget/Capture-decran-2024-07-01-a-14.38.00-1.png)
</Frame>

Une fois la roue de la fortune ajoutée, un panneau de paramètres apparaît à gauche.

Ajustez la position (coordonnées x et y), la largeur (W) et la hauteur (H) selon vos besoins.

## Assurer la synchronisation entre appareils

<Frame>
  ![](https://storage.googleapis.com/kameleoon-storage-documentation/user-manual/images/assets/widgets/create-a-widget-with-the-widget-studio/add-a-wheel-of-fortune-to-your-widget/Capture-decran-2024-07-01-a-14.39.21.png)
</Frame>

Assurez-vous que l'option **[Devices synchronization](./responsive-widgets#devices-synchronization)** est définie afin de garantir un comportement cohérent sur différents appareils.

## Personnaliser les paramètres de la roue

Dans **Wheel Settings**, définissez le nombre de sections de la roue.

<Frame>
  ![](https://storage.googleapis.com/kameleoon-storage-documentation/user-manual/images/assets/widgets/create-a-widget-with-the-widget-studio/add-a-wheel-of-fortune-to-your-widget/Capture-decran-2024-07-01-a-14.40.37.png)
</Frame>

Cliquez sur **Add new slice** pour ajouter de nouvelles sections.

Vous pouvez choisir de laisser les utilisateurs jouer plusieurs fois.

## Personnaliser les sections

Cliquez sur une section pour modifier son contenu. Réglez le type de contenu sur **Text** et saisissez le texte souhaité pour chaque section. Ajustez la couleur d'arrière-plan et les autres paramètres de style selon vos besoins.

## Définir les probabilités et les animations de la roue

Sous **Wheel Chances**, configurez la probabilité de sélection de chaque section.

<Frame>
  ![](https://storage.googleapis.com/kameleoon-storage-documentation/user-manual/images/assets/widgets/create-a-widget-with-the-widget-studio/add-a-wheel-of-fortune-to-your-widget/Capture-decran-2024-07-01-a-14.45.29.png)
</Frame>

Définissez les paramètres d'animation de rotation sous **Spin Wheel Animation** pour personnaliser la manière dont la roue tourne et s'arrête.

<Frame>
  ![](https://storage.googleapis.com/kameleoon-storage-documentation/user-manual/images/assets/widgets/create-a-widget-with-the-widget-studio/add-a-wheel-of-fortune-to-your-widget/Capture-decran-2024-07-01-a-14.46.01.png)
</Frame>

## Configurer le bouton de lecture et la flèche

Cliquez sur **Wheel button** pour personnaliser le bouton « play ».

Vous pouvez saisir le texte de votre choix. Vous pouvez également modifier la couleur d'arrière-plan.

Personnalisez le bouton fléché en sélectionnant **Wheel Arrow** dans la liste de contenu.

## Modifier les états de l'élément

Sélectionnez l'onglet **States** pour trouver des propriétés supplémentaires qui vous permettent de modifier le style des états de la roue (Hover, Active, Disabled).

## Ajustements finaux et aperçu

Vérifiez tous les paramètres et ajustements.

Prévisualisez votre widget pour vous assurer que votre roue de la fortune fonctionne comme prévu.

## Enregistrer et activer

Cliquez sur **Save** pour enregistrer votre widget.

**Activez** le widget pour utiliser la roue de la fortune dans vos campagnes.