# Aperçu de l'interface POS

L'interface POS est l'interface principale pour vendre des produits. C'est là que vous passerez la plupart de votre temps en utilisant WCPOS.

<!-- -->

## Disposition de l'écran[​](#screen-layout "Lien direct vers Disposition de l'écran")

### En-tête[​](#header "Lien direct vers En-tête")

La barre d'en-tête affiche :

* **Nom du magasin** - Le nom de votre boutique WooCommerce connectée
* **Indicateur de connectivité** - Point vert lorsqu'il est connecté au serveur, jaune/rouge lorsqu'il est hors ligne
* **Menu utilisateur** - Cliquez pour accéder aux paramètres, basculer d'utilisateur ou se déconnecter

### Tiroir de navigation[​](#navigation-drawer "Lien direct vers Tiroir de navigation")

La barre latérale gauche permet un accès rapide à tous les écrans principaux :

| Icône | Écran         | Description                                 |
| ----- | ------------- | ------------------------------------------- |
|       | **POS**       | Interface principale de vente (vous y êtes) |
|       | **Produits**  | Gestion de l'inventaire (Pro)               |
|       | **Commandes** | Historique des commandes (Pro)              |
|       | **Clients**   | Gestion des clients (Pro)                   |
|       | **Rapports**  | Rapports de vente (Pro)                     |
|       | **Journaux**  | Journaux système pour le débogage           |
|       | **Support**   | Canal de support Discord                    |

Le numéro de version est affiché en bas du tiroir.

## Disposition responsive[​](#responsive-layout "Lien direct vers Disposition responsive")

WCPOS s'adapte à différentes tailles d'écran :

### Bureau / Tablette (Grands écrans)[​](#desktop-tablet-large-screens "Lien direct vers Bureau / Tablette (Grands écrans)")

Sur les écrans plus grands, le POS affiche une **disposition à deux colonnes** :

* **Colonne de gauche :** Panneau de produits - rechercher et parcourir les produits
* **Colonne de droite :** Panneau du panier - visualiser et gérer la commande actuelle

Les colonnes sont **redimensionnables** - faites glisser le séparateur entre elles pour ajuster les proportions.

<!-- -->

### Mobile (Petits écrans)[​](#mobile-small-screens "Lien direct vers Mobile (Petits écrans)")

Sur les écrans plus petits, le POS utilise une **disposition par onglets** :

* **Onglet Produits :** Parcourir et ajouter des produits au panier
* **Onglet Panier :** Visualiser le panier, gérer les articles et procéder au paiement

Basculez entre les onglets à l'aide de la barre de navigation en bas de l'écran.

<!-- -->

## Composants principaux[​](#main-components "Lien direct vers Composants principaux")

### Panneau des produits[​](#product-panel "Lien direct vers Panneau des produits")

Le côté gauche du POS est le [Panneau des produits](/fr/pos/product-panel/.md), où vous :

* Recherchez des produits par nom, SKU ou code-barres
* Filtrez les produits par statut de stock, catégorie, et étiquettes, etc.
* Ajoutez des produits au panier

[En savoir plus sur le Panneau des produits →](/fr/pos/product-panel/.md)

### Panneau du panier[​](#cart-panel "Lien direct vers Panneau du panier")

Le côté droit du POS est le [Panneau du panier](/fr/pos/cart/.md), où vous :

* Voir les articles dans la commande actuelle
* Modifier les quantités et les prix
* Sélectionner ou ajouter des clients
* Accéder aux actions de commande (notes, annulation, procéder au paiement)

[En savoir plus sur le Panneau du panier →](/fr/pos/cart/.md)

### Paiement[​](#checkout "Lien direct vers Paiement")

Lorsque vous êtes prêt à finaliser une vente, cliquez sur **Paiement** pour ouvrir le [modal de paiement](/fr/pos/checkout/.md):

* Appliquer des codes promotionnels
* Sélectionner le mode de paiement
* Traiter le paiement
* Imprimer ou envoyer par e-mail le reçu

[En savoir plus sur le Paiement →](/fr/pos/checkout/.md)

## Raccourcis clavier[​](#keyboard-shortcuts "Lien direct vers Raccourcis clavier")

WCPOS prend en charge les raccourcis clavier pour un fonctionnement plus rapide. Accédez à la liste complète via le modal des paramètres ou consultez [Raccourcis clavier](/fr/settings/store/hotkeys.md).

Raccourcis courants :

| Raccourci          | Action                                  |
| ------------------ | --------------------------------------- |
| `Ctrl + F`         | Se concentrer sur la barre de recherche |
| `Ctrl + Shift + S` | Ouvrir les paramètres                   |
| `Échap`            | Fermer le modal/dialogue                |

## Connectivité[​](#connectivity "Lien direct vers Connectivité")

L'indicateur vert dans l'en-tête montre votre état de connexion :

* **Vert** - Connecté au serveur WooCommerce
* **Jaune** - Problèmes de connexion, réessayer
* **Rouge** - Mode hors ligne

Lorsque vous êtes hors ligne, vous pouvez toujours parcourir les produits et clients en cache, et commencer de nouvelles commandes. Finaliser des commandes nécessite une connectivité.

***