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

# Funcionalidades

> Recomendações de tamanho, adicionar ao carrinho, etiquetas dinâmicas do botão e tracking

## Encontrar o Meu Tamanho Perfeito

A visibilidade do botão Kleep no PDP é gerida automaticamente durante a inicialização do cartridge:

1. **Ative** `isKleepRecommendationEnabled` — este é o interruptor principal.
2. O cartridge mostra/oculta dinamicamente o botão via middleware na ação do controller `Product-Show`.
3. Uma chamada de endpoint ao Kleep com o `ProductID` determina se o botão aparece.
4. Personalize as condições de visibilidade no seu código para corresponder às suas regras de negócio.

<img src="https://mintcdn.com/kleepai/taAv0usV4Q0HyYiD/images/sfcc/image19.png?fit=max&auto=format&n=taAv0usV4Q0HyYiD&q=85&s=061578d6c5f3282bed260ad14b608df9" alt="image.png" width="1430" height="934" data-path="images/sfcc/image19.png" />

Ao clicar no CTA, abre-se um iframe utilizando: ProductID, KleepCustomerID, o identificador do retalhista (a preferência de site `kleepRetailerUUID`, passada como parâmetro `domain`) e o idioma.

## Tamanho Recomendado → Adicionar ao Carrinho

Após o fluxo de dimensionamento, o utilizador recebe uma recomendação. Ao clicar em "Adicionar ao carrinho", é enviado um evento a partir do iFrame e o tamanho selecionado é adicionado ao carrinho.

## Etiqueta Dinâmica do Botão

Após fechar o popin, a etiqueta do botão é atualizada:

* **Antes:** "Encontrar o Meu Tamanho Perfeito"
* **Depois:** "Tamanho Recomendado: S"

<img src="https://mintcdn.com/kleepai/taAv0usV4Q0HyYiD/images/sfcc/image20.png?fit=max&auto=format&n=taAv0usV4Q0HyYiD&q=85&s=14835101a9624bb02b5da72adecc360b" alt="image.png" width="1241" height="757" data-path="images/sfcc/image20.png" />

A etiqueta persiste via localStorage (sem cookies ou variáveis de sessão no backend).

## Tracking

Os dados analíticos são enviados automaticamente ao Kleep quando:

* Um produto é visualizado (carregamento do PDP ou alteração de variante)
* Um produto é adicionado ao carrinho (PDP)
* Uma encomenda chega ao fim do checkout
* Uma encomenda é confirmada

Após a instalação, verifique que não há erros de consola JavaScript no PDP, checkout e páginas de confirmação.

## Anti-Bracketing

Em breve.
