> ## 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, rótulos dinâmicos de botão e rastreamento

## Encontrar Meu Tamanho Perfeito

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

1. **Ative** `isKleepRecommendationEnabled` — este é o interruptor principal.
2. O cartridge exibe/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 um iframe usando: ProductID, KleepCustomerID, o identificador do varejista (a preferência de site `kleepRetailerUUID`, passada como parâmetro `domain`) e idioma.

## Tamanho Recomendado → Adicionar ao Carrinho

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

## Rótulo Dinâmico do Botão

Após fechar o popin, o rótulo do botão é atualizado:

* **Antes:** "Encontrar 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" />

O rótulo persiste via localStorage (sem cookies ou variáveis de sessão de backend).

## Rastreamento

Os dados de analytics são enviados ao Kleep automaticamente quando:

* Um produto é visualizado (carregamento da PDP ou troca de variação)
* Um produto é adicionado ao carrinho (PDP)
* Um pedido chega ao final do checkout
* Um pedido é confirmado

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

## Anti-Bracketing

Em breve.
