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

# Ocultar a barra de recompensas para países específicos

> Use HTML e CSS personalizados para mostrar ou ocultar sua barra de recompensas com base na localização do cliente.

<div id="overview">
  # Visão geral
</div>

Se você só oferece recompensas em determinadas regiões, pode ocultar a barra de recompensas para clientes de países específicos usando uma combinação de JavaScript e CSS. Isso ajuda a manter seu carrinho limpo e relevante para os compradores com base no local de onde estão navegando.

**Nota:**

Mesmo quando oculta, a lógica de recompensas continua rodando em segundo plano. Por exemplo, um brinde grátis ainda pode ser adicionado ao carrinho se as condições forem atendidas, mesmo que a barra não esteja visível.

***

<div id="step-1-find-your-target-country-codes">
  ## Passo 1: Encontre os códigos dos países desejados
</div>

Você precisará definir quais países devem ver a barra de recompensas. Para encontrar os códigos, consulte a lista da Shopify de **códigos de país ISO de 2 letras**.

**Exemplos:**

* `US` → Estados Unidos
* `CA` → Canadá
* `MX` → México

***

<div id="step-2-add-custom-html">
  ## Passo 2: Adicione HTML personalizado
</div>

1. Vá para **Upcart > Cart Editor > Settings > Custom HTML**
2. Cole o código a seguir em **ambos** estes locais:

   * Above announcements/rewards
   * On empty cart

Substitua `"US"` pelo(s) código(s) de país desejado(s).

```
<script>  
  function hideRewards() {  
    let rewardsBar = window.upcartDocumentOrShadowRoot.querySelector(".upcart-rewards");  
    let country = window.Shopify.country;  
  
    if (country.includes("US")) {  
      rewardsBar.classList.remove("hide");  
      return;  
    }  
  
    rewardsBar.classList.add("hide");  
  }  
  
  window.upcartSubscribeCartOpened(() => setTimeout(hideRewards, 300));  
  window.upcartSubscribeCartLoaded(hideRewards);  
</script>
```

<Note>
  **Nota sobre legado:** os callbacks `window.upcartOnCartOpened` e `window.upcartOnCartLoaded` ainda funcionam, mas estão obsoletos e registram avisos no console. Use `upcartSubscribeCartOpened` e `upcartSubscribeCartLoaded` em todos os novos scripts.
</Note>

<div id="alternative-code-for-rewards-v20-version">
  ## Código alternativo para a versão Rewards V2.0
</div>

Se você atualizou suas recompensas para a versão V2, o código é apenas um pouco diferente, pois o seletor de recompensas é substituído pelo novo seletor `.upcart-public-rewards`. Use o código abaixo se você atualizou seu módulo de recompensas em níveis

```
<script>  
  function hideRewards() {  
    let rewardsBar = window.upcartDocumentOrShadowRoot.querySelector(".upcart-public-rewards");  
    let country = window.Shopify.country;  
  
    if (country.includes("US")) {  
      rewardsBar.classList.remove("hide");  
      return;  
    }  
  
    rewardsBar.classList.add("hide");  
  }  
  
  window.upcartSubscribeCartOpened(() => setTimeout(hideRewards, 300));  
  window.upcartSubscribeCartLoaded(hideRewards);  
</script>
```

Para dar suporte a vários países, ajuste a condição assim:

```
if (["US", "CA", "GB"].includes(country)) {
```

***

<div id="step-3-add-custom-css">
  ## Passo 3: Adicione CSS personalizado
</div>

1. Vá para **Upcart > Cart Editor > Settings > Custom CSS**
2. Cole este código para controlar a visibilidade:

```
.hide {  
  display: none;   
}
```

***

<div id="final-result">
  ## Resultado final
</div>

Os clientes dos países excluídos não verão a barra de recompensas no carrinho, embora a lógica de recompensas continue funcionando em segundo plano.

Use este método se:

* Você só oferece recompensas em mercados selecionados
* Você quer evitar exibir promoções não aplicáveis
* Você precisa de uma solução temporária antes de configurar uma lógica regional adequada

***

<div id="need-help">
  ## Precisa de ajuda?
</div>

Para lógica regional avançada ou suporte com JavaScript, recomendamos trabalhar com um **Shopify Expert**. O suporte do Upcart não ajuda a escrever ou depurar código personalizado.

[Ver Shopify Experts](https://www.shopify.com/partners/directory)