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

# Widgets disponíveis

> Conheça todos os widgets que você pode adicionar ao dashboard do Metrito e quando usar cada um.

## O que é um widget?

Um **widget** é um bloco do dashboard que exibe um dado ou um conjunto de dados. Cada widget é configurável: você escolhe a métrica, o formato e o recorte. Combine vários widgets para montar a visão ideal do seu negócio.

Os widgets ficam organizados por categoria na aba **Widgets** do [builder](/dashboard/builder).

## Principais

<CardGroup cols={2}>
  <Card title="Card de Métrica" icon="hashtag">
    Exibe um único número em destaque — faturamento, ROAS, lucro, número de vendas, etc. É o widget mais usado do dashboard.
  </Card>

  <Card title="Tabela" icon="table">
    Mostra dados em linhas e colunas, como vendas por fonte ou por produto. Ótimo para comparar itens lado a lado.
  </Card>

  <Card title="Funil de Conversão" icon="filter">
    Visualiza a jornada por etapas — cliques → visualizações → cadastros → checkout → vendas — com a taxa de conversão entre elas.
  </Card>
</CardGroup>

## Gráficos

<CardGroup cols={2}>
  <Card title="Gráfico de Linha" icon="chart-line">
    Evolução de uma métrica ao longo do tempo. Ideal para acompanhar tendências (faturamento por dia, por exemplo).
  </Card>

  <Card title="Gráfico de Barras" icon="chart-column">
    Compara valores entre categorias ou períodos.
  </Card>

  <Card title="Gráfico de Área" icon="chart-area">
    Como o de linha, mas com a área preenchida — útil para enfatizar volume acumulado.
  </Card>

  <Card title="Gráfico de Pizza" icon="chart-pie">
    Mostra a participação de cada parte no total, como vendas por produto ou por método de pagamento.
  </Card>
</CardGroup>

## Úteis

<Card title="Divisor" icon="grip-lines">
  Um separador visual para organizar o painel em seções. Não exibe dados — serve para dar respiro e estrutura ao layout.
</Card>

## Especiais

<CardGroup cols={2}>
  <Card title="Vendas por Horário" icon="clock">
    Distribui as vendas pelos horários do dia. Útil para identificar os melhores horários de conversão.
  </Card>

  <Card title="Vendas por Dia da Semana" icon="calendar-days">
    Mostra em quais dias da semana você mais vende.
  </Card>

  <Card title="Taxa de Aprovação" icon="percent">
    Acompanha a taxa de aprovação por método de pagamento (cartão, Pix, boleto).
  </Card>
</CardGroup>

<Tip>
  Cada widget é configurado individualmente pelo ícone de **engrenagem** no [builder](/dashboard/builder). Lá você escolhe a métrica, o formato e o recorte de dados.
</Tip>

## Próximos passos

<CardGroup cols={2}>
  <Card title="Builder de dashboard" icon="table-cells" href="/dashboard/builder">
    Adicione e configure esses widgets no seu painel.
  </Card>

  <Card title="Filtros e granularidade" icon="filter" href="/dashboard/filtros-e-granularidade">
    Recorte o que os widgets exibem por período e por filtros.
  </Card>
</CardGroup>