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

# Vignettes

> Personnaliser la première photo de vos annonces Leboncoin (prix, badges, texte)

La **vignette** est la première photo de votre annonce, celle qui s'affiche dans les résultats de recherche Leboncoin. Le builder de vignettes vous permet d'y ajouter du texte, un prix, un badge ou un logo : elle est générée automatiquement **à chaque publication**, avec les informations à jour de l'annonce.

On y accède depuis **Comptes → Vignettes**, ou depuis la fiche d'une annonce avec le bouton **Éditer la vignette** (sous les photos).

<Info>Les vignettes se règlent **par compte Leboncoin** : chaque compte a ses propres designs.</Info>

## Créer un design

<Steps>
  <Step title="Choisir le compte">
    En haut à gauche, sélectionnez le compte Leboncoin à configurer.
  </Step>

  <Step title="Partir d'un modèle ou d'une page blanche">
    L'onglet **Modèles** propose des designs prêts à l'emploi (badge prix, bandeau, pastille…). Un clic les applique, vous pouvez ensuite tout modifier.
  </Step>

  <Step title="Ajouter des éléments">
    L'onglet **Éléments** ajoute un **Texte**, une **Forme** (bandeau, badge), un **Logo** ou la **Photo produit**. Glissez-les sur l'image pour les placer, utilisez les poignées pour les redimensionner.
  </Step>

  <Step title="Choisir le fond">
    L'onglet **Fond** : la **photo de l'annonce** (le cas le plus courant, vous écrivez par-dessus), une **couleur unie**, un **dégradé** ou vos propres **images de fond**.
  </Step>

  <Step title="Activer et enregistrer">
    Activez **Actif à la publication** puis cliquez sur **Enregistrer**. La vignette sera appliquée à la prochaine publication de vos annonces.
  </Step>
</Steps>

## Textes dynamiques

Un texte peut contenir des **variables**, remplacées par les informations de l'annonce au moment de la publication. Les plus utiles sont insérables en un clic sous le champ texte :

| Variable | Affiche |
| - | - |
| `{price}` | Le prix de l'annonce |
| `{title}` | Le titre de l'annonce |

Un même design peut ainsi servir pour toutes vos annonces : chacune affiche son propre prix.

## Bien placer les éléments

Leboncoin recadre la vignette dans les résultats, surtout sur l'application mobile (vignette presque carrée). Dans l'éditeur :

* les **zones sombres** sur les côtés sont coupées dans les résultats : n'y placez rien d'important ;
* le **cercle** en haut à droite correspond au bouton favoris ;
* l'**aperçu** sous l'image montre le rendu réel dans les résultats, en **Mobile** ou en **Desktop**, avec l'annonce de votre choix.

<Tip>Les modèles prêts à l'emploi sont déjà placés hors des zones coupées et du bouton favoris.</Tip>

## Plusieurs designs : à quelles annonces ?

Le menu du design (à côté du compte) permet d'en **créer plusieurs**, de les renommer, de les dupliquer ou de les **copier vers un autre compte**.

À côté du nom du design, la pastille **Toutes les annonces** indique à quelles annonces il s'applique. Cliquez dessus pour choisir :

* **Toutes les annonces** : le design s'applique à toutes les annonces qui n'ont pas de design attribué. Si plusieurs designs sont dans ce cas, ils **alternent à chaque publication** : vos republications ne se ressemblent pas.
* **Seulement certaines annonces** : cochez les annonces concernées. Ces annonces utiliseront **uniquement** les designs qui leur sont attribués.

<Tip>Un texte propre à un produit (« Moteur à chaîne », « Livré monté »…) ? Créez un design par produit et attribuez chacun à son annonce. Pour un texte commun à tout le catalogue, laissez **Toutes les annonces**.</Tip>

Si l'annonce choisie dans l'aperçu n'utilisera pas le design affiché, un message vous l'indique, avec le nom du design qu'elle recevra.

## Options

* **Appliquer à toutes les photos** (panneau de droite, *Options du design*) : le design est posé sur **chaque** photo de l'annonce, pas seulement la première. Les photos qui ne sont pas au format paysage 3:2 sont recadrées.
* **Annuler / rétablir** : flèches au-dessus de l'image, ou ⌘Z / ⌘⇧Z.

<Warning>Modifier un design ne met pas à jour les annonces déjà en ligne : la nouvelle vignette apparaît à leur prochaine publication.</Warning>


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.