---
title: "Élément Barre de recherche sur votre site"
description: "Offrez à vos visiteurs une barre pour rechercher produits, articles de blog et pages directement depuis n'importe quelle page de votre site."
url: https://docs.vivlab.com/editor/menu/searchbar
---

# Barre de recherche

L'élément **Barre de recherche** offre à vos visiteurs une zone pour rechercher du contenu sur le site (produits, articles de blog, pages…).

<DocsScreenshot name="editor-search-placeholder" alt="Le texte d’aide personnalisé d’une barre de recherche." :width="340" :height="77" />

## Texte dans la barre

Le seul réglage fonctionnel propre à cet élément est **Texte dans la barre** : c'est le texte d'invite affiché tant qu'aucune recherche n'a été tapée (par exemple « Rechercher un produit… »).

## Style

Le [panneau de style](https://docs.vivlab.com/editor/style/index.md) regroupe le [style du texte](https://docs.vivlab.com/editor/style/text.md), l'[arrière-plan](https://docs.vivlab.com/editor/style/background.md), les [bordures](https://docs.vivlab.com/editor/style/border.md), l'[arrondi des angles](https://docs.vivlab.com/editor/style/border-radius.md), l'[ombre](https://docs.vivlab.com/editor/style/box-shadow.md), les [marges intérieures](https://docs.vivlab.com/editor/style/padding.md), l'[alignement vertical](https://docs.vivlab.com/editor/style/align.md) et les [transitions](https://docs.vivlab.com/editor/style/transition.md).