> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.hoppyapps.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# 🎯 Como configurar o seletor de preços personalizado

> ℹ️ **Note:** Este artigo foi traduzido automaticamente utilizando IA e pode conter imprecisões. Se algo parecer errado, entre em contato com nossa equipe de suporte.

Nem todos Shopify os temas usam seletores de preços padrão. Alguns temas exibem preços usando estruturas HTML personalizadas, o que pode impedir que a conversão automática de moeda funcione corretamente.

É aí que **Selectores de Preços Personalizados** Entre.

Ao adicionar o seletor de preços correto, você pode dizer Hoppy Currency Converter exatamente onde os preços estão localizados em sua loja para que possam ser convertidos corretamente em páginas de produtos, coleções, gavetas de carrinhos e outras seções personalizadas. 💱

---

# **⚠️ Antes de começar**

Antes de configurar um seletor de preços personalizado:

*   Certifique-se de que o preço está visível em sua loja
*   Certifique-se de que você pode inspecionar elementos da página usando seu navegador
*   Identificar o preço específico que não está a converter correctamente

Se você não tem certeza de qual seletor usar, nossa equipe de suporte pode ajudar a identificá-lo para você.

---

# **🛠️ Passo 1 — Abrir Hoppy Currency Converter**

Abrir o **Hoppy Currency Converter** app a partir da sua Shopify Admin.

---

# **⚙️ Passo 2 — Abrir configurações avançadas**

No menu de navegação do lado esquerdo:

→ Clique **Avançado**

Esta seção contém configurações adicionais usadas para compatibilidade de tema e configurações avançadas de storefront.

---

# **🎯 Passo 3 — Localizar seletores de preços personalizados**

Dentro da seção Avançado:

→ Encontrar o **Selectores de preços personalizados** campo

Aqui é onde você adicionará o seletor usado para identificar os elementos de preço em sua loja.

---

# **🌐 Passo 4 — Abra a página Storefront**

Navegue para a página onde o preço aparece.

Os exemplos incluem:

*   Páginas de Produtos
*   Páginas de Colecção
*   Seções de produtos em destaque
*   Gavetas de Carrinhos
*   Páginas do Carrinho

Abra a página exata onde os preços não estão convertendo corretamente.

---

# **🔍 Passo 5 — Inspecione o elemento preço**

Localize o preço na sua loja.

Depois:

→ Botão direito do mouse o preço

→ Selecionar **Inspecionar**

Isso abre as ferramentas de desenvolvimento do seu navegador e destaca o elemento HTML responsável por exibir esse preço.

---

# **📋 Passo 6 — Identificar o seletor correto**

Procure por qualquer um deles:

### **Selector de Classe**

Exemplo:

classe="preço-item"

Utilização:

. preço-itens

---

### **Seletor de ID**

Exemplo:

id="preço do produto"

Utilização:

#Preço do produto

⚠️ Importante:

*   Selectores de classes devem começar com um **ponto (.)**
*   Selectores de ID devem começar com um **hash (#)**

Usar o formato errado pode impedir o conversor de detectar os preços corretamente.

---

# **➕ Passo 7 — Adicionar o seletor**

Voltar para:

→ **Avançado → Selectores de preços personalizados**

Colar o seletor no campo.

### **Selectores Múltiplos**

Se os preços aparecerem em vários locais, você pode adicionar mais de um seletor.

Separe cada seletor com uma vírgula.

### **Exemplo**

.product price, .price-item .money, #product-price

Isso permite que o aplicativo detecte preços em várias seções da loja.

---

# **💾 Passo 8 — salve suas mudanças**

Uma vez adicionado o seletor:

→ Clique **Gravar**

O Conversor de Moedas agora começará a monitorar os elementos de preço especificados.

---

# **🧪 Passo 9 — Teste a conversão**

Após a gravação:

→ Atualizar sua loja

Para melhores resultados:

*   Usar uma janela de navegador Incógnito / Privado
*   Limpar cache do navegador, se necessário
*   Alternar entre moedas e verificar se os preços se atualizam corretamente

Verifique todas as áreas do storefront onde o seletor foi adicionado.

---

# **🆘 Precisa de ajuda para encontrar o seletor correto?**

Alguns Shopify os temas usam estruturas fortemente personalizadas que tornam os seletores mais difíceis de identificar.

Se você não tem certeza de qual seletor deve ser usado:

→ Contate nossa equipe de suporte

Incluir:

*   Guardar o URL
*   URL da página onde ocorre o problema
*   Imagem da secção de preços

Ficaremos felizes em ajudar a identificar o seletor correto para o seu tema. 🤝

---

# **🎉 Resultado Final**

Uma vez configurado com sucesso:

✅ Os preços convertem corretamente em sua loja

✅ Elementos personalizados de preço do tema tornam-se detectáveis

✅ Os preços do produto, coleta e carrinho permanecem sincronizados

✅ Conversão de moeda torna-se mais precisa e confiável

✅ Os clientes vêem preços consistentes em todas as moedas suportadas 💱

---