Skip to main content

​
Como usar o “Add to Cart Button Selector” no Upcart

Se o Upcart não está detectando os botões “Adicionar ao Carrinho” da sua loja, você pode informar manualmente ao Upcart quais botões monitorar. Não é necessário programar.
Esta configuração informa ao Upcart quais botões da sua loja são responsáveis por adicionar itens ao carrinho. Se o seu tema ou outro app usa um botão “Adicionar ao Carrinho” personalizado, você pode usar esta configuração para garantir que o Upcart o detecte.
  1. Abra o Upcart Editor
  2. Vá em Settings
  3. Na aba Cart settings, role para baixo e expanda Advanced Settings
  4. Encontre “Add to Cart Button Selector”
Configuração Add to cart button selector do Upcart com o menu suspenso Options definido como Use default selector Você verá um menu com três seleções disponíveis:

​
Como usar a opção “Custom Selector” (sem precisar programar)

Se você precisar usar a opção Custom Selector, siga estes passos simples:
  1. Acesse a página de produto da sua loja.
  2. Clique com o botão direito no botão “Adicionar ao Carrinho”. Este é o botão que os clientes usam para adicionar produtos ao carrinho.
  3. Clique em “Inspecionar”. Um painel com código aparecerá. Você não precisará alterar nada.
  4. No painel, procure uma palavra começando com um ponto (.) ou uma cerquilha (#) no código do botão. Por exemplo: .product-form__add-button ou #add-to-cart.
  5. Copie essa parte. Por exemplo: .product-form__add-button.
  6. Volte ao Upcart Editor, selecione “Use Custom Selector” e cole o que você copiou na caixa de entrada.
Dicas
  • Experimente primeiro o Default Selector. Só use um seletor personalizado se o Upcart não estiver detectando seus botões “Adicionar ao Carrinho”.
  • Se a sua loja tem vários botões “Adicionar ao Carrinho”, como nas páginas de produto e de coleção, use Add Additional Selector e repita os passos acima para cada botão.
  • Você não precisa escrever nenhum código. Basta copiar e colar o seletor.
  • Alguns botões adicionados por recursos personalizados, como apps de bundle e apps de upsell, podem não funcionar mesmo usando este recurso.
  • Você pode usar as ferramentas de IA que preferir para verificar seu trabalho.
Precisa de ajuda? Se você precisar de ajuda, pode pedir ao desenvolvedor do seu tema para encontrar o seletor correto. Você não precisa escrever nenhum código. Basta copiar e colar o seletor conforme explicado acima.