Visão geral

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.

Passo 1: Encontre os códigos dos países desejados

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

Passo 2: Adicione HTML personalizado

Vá para Upcart > Cart Editor > Settings > Custom HTML
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>

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.

Código alternativo para a versão Rewards V2.0

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)) {

Passo 3: Adicione CSS personalizado

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

.hide {  
  display: none;   
}

Resultado final

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

Precisa de ajuda?

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

Primeiros passos

Módulos do carrinho

Configurações do carrinho

Botão de carrinho fixo

Multicart

Personalizações

Análises

Integrações e compatibilidade

Faturamento e conta

Solução de problemas

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

Visão geral

Passo 1: Encontre os códigos dos países desejados

Passo 2: Adicione HTML personalizado

Código alternativo para a versão Rewards V2.0

Passo 3: Adicione CSS personalizado

Resultado final

Precisa de ajuda?

​Visão geral

​Passo 1: Encontre os códigos dos países desejados

​Passo 2: Adicione HTML personalizado

​Código alternativo para a versão Rewards V2.0

​Passo 3: Adicione CSS personalizado

​Resultado final

​Precisa de ajuda?

Visão geral

Passo 1: Encontre os códigos dos países desejados

Passo 2: Adicione HTML personalizado

Código alternativo para a versão Rewards V2.0

Passo 3: Adicione CSS personalizado

Resultado final

Precisa de ajuda?