> ## 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.

# Seletor do botão de adicionar ao carrinho

> Este artigo descreve como configurar seu botão Adicionar ao Carrinho para abrir o Upcart

<div id="how-to-use-the-add-to-cart-button-selector-in-upcart">
  ## Como usar o "Add to Cart Button Selector" no Upcart
</div>

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"**

<img src="https://mintcdn.com/aftersell/uxKAdY-e0h16xa48/images/upcart/add-to-cart-selector-button-setting-options-dropdown.png?fit=max&auto=format&n=uxKAdY-e0h16xa48&q=85&s=9a8af265cce8ca4ef79ce0b31f0b8ae4" alt="Configuração Add to cart button selector do Upcart com o menu suspenso Options definido como Use default selector" width="568" data-path="images/upcart/add-to-cart-selector-button-setting-options-dropdown.png" />

Você verá um menu com três seleções disponíveis:

|                         |                                                                                                                                                  |
| ----------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------ |
| **Opção**               | **O que significa**                                                                                                                              |
| Use Default Selector    | O Upcart tenta detectar automaticamente seus botões "Adicionar ao Carrinho". Escolha esta opção se os botões estiverem funcionando corretamente. |
| Add Additional Selector | Use quando sua loja inclui vários botões "Adicionar ao Carrinho". Adicione o outro botão neste campo.                                            |
| Use Custom Selector     | Escolha esta opção se o seu botão "Adicionar ao Carrinho" não está funcionando com o Upcart. Você inserirá o seletor do botão diretamente.       |

<div id="how-to-use-the-custom-selector-option-no-coding-needed">
  ## Como usar a opção "Custom Selector" (sem precisar programar)
</div>

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.