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

# Instalação

> Como instalar e usar os widgets Martan

## Uso Básico

### Incluir o Script no HTML

<Warning>
  O widget é um módulo ES, então **sempre** precisa ser carregado com `type="module"`. Sem isso, você receberá o erro `Uncaught SyntaxError: Unexpected token 'export'`.
</Warning>

```html theme={null}
<script type="module" src="https://cdn.martan.app/widgets.js"></script>
```

<Note>
  Os componentes são registrados automaticamente como `<martan-reviews>`, `<martan-rating>` e `<martan-questions>`, então você não precisa importar as classes se estiver usando apenas HTML.
</Note>

## Exemplo Mínimo

```html theme={null}
<!DOCTYPE html>
<html lang="pt-BR">
<head>
  <meta charset="UTF-8">
  <title>Widgets Martan</title>
</head>
<body>
  <!-- Carregar os widgets -->
  <script type="module" src="https://cdn.martan.app/widgets.js"></script>

  <!-- Usar os widgets -->
  <martan-rating
    data-store-id="seu-store-id"
    data-store-key="sua-store-key"
    data-product-sku="PROD-123">
  </martan-rating>
</body>
</html>
```
