# Visão Geral da Tela do POS

A tela do POS é a principal interface para vender produtos. É onde você passará a maior parte do seu tempo ao usar o WCPOS.

<!-- -->

## Layout da Tela[​](#screen-layout "Link direto para Layout da Tela")

### Cabeçalho[​](#header "Link direto para Cabeçalho")

A barra de cabeçalho exibe:

* **Nome da loja** - O nome da sua loja WooCommerce conectada
* **Indicador de conectividade** - Ponto verde quando conectado ao servidor, amarelo/vermelho quando offline
* **Menu do usuário** - Clique para acessar as configurações, alternar usuários ou sair

### Gaveta de Navegação[​](#navigation-drawer "Link direto para Gaveta de Navegação")

A barra lateral esquerda fornece acesso rápido a todas as telas principais:

| Ícone | Tela           | Descrição                                      |
| ----- | -------------- | ---------------------------------------------- |
|       | **POS**        | Interface principal de vendas (você está aqui) |
|       | **Produtos**   | Gerenciamento de inventário (Pro)              |
|       | **Pedidos**    | Histórico de pedidos (Pro)                     |
|       | **Clientes**   | Gerenciamento de clientes (Pro)                |
|       | **Relatórios** | Relatórios de vendas (Pro)                     |
|       | **Logs**       | Logs do sistema para depuração                 |
|       | **Suporte**    | Canal de suporte no Discord                    |

O número da versão é exibido na parte inferior da gaveta.

## Layout Responsivo[​](#responsive-layout "Link direto para Layout Responsivo")

O WCPOS se adapta a diferentes tamanhos de tela:

### Desktop / Tablet (Telões Grandes)[​](#desktop-tablet-large-screens "Link direto para Desktop / Tablet (Telões Grandes)")

Em telas maiores, o POS exibe um **layout de duas colunas**:

* **Coluna esquerda:** Painel de Produtos - pesquisar e navegar por produtos
* **Coluna direita:** Painel do Carrinho - visualizar e gerenciar o pedido atual

As colunas são **redimensionáveis** - arraste o divisor entre elas para ajustar as proporções.

<!-- -->

### Móvel (Telões Pequenos)[​](#mobile-small-screens "Link direto para Móvel (Telões Pequenos)")

Em telas menores, o POS utiliza um **layout baseado em abas**:

* **Aba Produtos:** Navegar e adicionar produtos ao carrinho
* **Aba Carrinho:** Visualizar carrinho, gerenciar itens e realizar checkout

Alterne entre as abas usando a barra de navegação na parte inferior da tela.

<!-- -->

## Componentes Principais[​](#main-components "Link direto para Componentes Principais")

### Painel de Produtos[​](#product-panel "Link direto para Painel de Produtos")

O lado esquerdo do POS é o [Painel de Produtos](/pt-BR/pos/product-panel/.md), onde você:

* Pesquisa produtos por nome, SKU ou código de barras
* Filtra produtos por status de estoque, categoria, tags, etc.
* Adiciona produtos ao carrinho

[Saiba mais sobre o Painel de Produtos →](/pt-BR/pos/product-panel/.md)

### Painel do Carrinho[​](#cart-panel "Link direto para Painel do Carrinho")

O lado direito do POS é o [Painel do Carrinho](/pt-BR/pos/cart/.md), onde você:

* Visualiza itens no pedido atual
* Edita quantidades e preços
* Seleciona ou adiciona clientes
* Acessa ações do pedido (notas, anular, checkout)

[Saiba mais sobre o Painel do Carrinho →](/pt-BR/pos/cart/.md)

### Checkout[​](#checkout "Link direto para Checkout")

Quando estiver pronto para concluir uma venda, clique em **Checkout** para abrir o [modal de Checkout](/pt-BR/pos/checkout/.md):

* Aplicar códigos de cupom
* Selecionar método de pagamento
* Processar pagamento
* Imprimir ou enviar recibo por e-mail

[Saiba mais sobre o Checkout →](/pt-BR/pos/checkout/.md)

## Atalhos de Teclado[​](#keyboard-shortcuts "Link direto para Atalhos de Teclado")

O WCPOS suporta atalhos de teclado para operação mais rápida. Acesse a lista completa através do modal de Configurações ou veja [Atalhos de Teclado](/pt-BR/settings/store/hotkeys.md).

Atalhos comuns:

| Atalho             | Ação                       |
| ------------------ | -------------------------- |
| `Ctrl + F`         | Focar na barra de pesquisa |
| `Ctrl + Shift + S` | Abrir Configurações        |
| `Escape`           | Fechar modal/dialogo       |

## Conectividade[​](#connectivity "Link direto para Conectividade")

O indicador verde no cabeçalho mostra o status da sua conexão:

* **Verde** - Conectado ao servidor WooCommerce
* **Amarelo** - Problemas de conexão, tentando reconectar
* **Vermelho** - Modo offline

Enquanto offline, você ainda pode navegar por produtos e clientes em cache e iniciar novos pedidos. Concluir pedidos requer conectividade.

***