Skip to main content

​
Uso Básico

​
Incluir o Script no HTML

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'.
<script type="module" src="https://cdn.martan.app/widgets.js"></script>
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.

​
Exemplo Mínimo

<!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>