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

# Add-to-Cart-Button-Selektor

> Dieser Artikel erklärt, wie du deinen Add-to-Cart-Button so konfigurierst, dass er Upcart öffnet

<div id="how-to-use-the-add-to-cart-button-selector-in-upcart">
  ## So verwendest du den „Add to Cart Button Selector“ in Upcart
</div>

Wenn Upcart die „Add to Cart“-Buttons deines Stores nicht erkennt, kannst du Upcart manuell mitteilen, welche Buttons überwacht werden sollen. Es sind keine Programmierkenntnisse erforderlich.

***

Diese Einstellung teilt Upcart mit, welche Buttons in deinem Store dafür zuständig sind, Artikel zum Warenkorb hinzuzufügen. Wenn dein Theme oder eine andere App einen benutzerdefinierten „Add to Cart“-Button verwendet, kannst du mit dieser Einstellung sicherstellen, dass Upcart ihn erkennt.

1. Öffne den **Upcart-Editor**
2. Gehe zu **Settings**
3. Scrolle im Tab **Cart settings** nach unten und klappe **Advanced Settings** auf
4. Suche **„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="Upcart-Einstellung Add to cart button selector mit dem Options-Dropdown auf Use default selector gesetzt" width="568" data-path="images/upcart/add-to-cart-selector-button-setting-options-dropdown.png" />

Du siehst ein Menü mit drei verfügbaren Auswahlmöglichkeiten:

|                         |                                                                                                                                   |
| ----------------------- | --------------------------------------------------------------------------------------------------------------------------------- |
| **Option**              | **Bedeutung**                                                                                                                     |
| Use Default Selector    | Upcart versucht automatisch, deine „Add to Cart“-Buttons zu erkennen. Wähle diese Option, wenn die Buttons korrekt funktionieren. |
| Add Additional Selector | Verwende diese Option, wenn dein Store mehrere „Add to Cart“-Buttons enthält. Füge den weiteren Button in diesem Feld hinzu.      |
| Use Custom Selector     | Wähle diese Option, wenn dein „Add to Cart“-Button nicht mit Upcart funktioniert. Du gibst den Selektor des Buttons direkt ein.   |

<div id="how-to-use-the-custom-selector-option-no-coding-needed">
  ## So verwendest du die Option „Custom Selector“ (keine Programmierkenntnisse nötig)
</div>

Wenn du die Option **Custom Selector** verwenden musst, führe diese einfachen Schritte aus:

1. **Gehe zur Produktseite deines Stores.**
2. **Klicke mit der rechten Maustaste auf den „Add to Cart“-Button.** Das ist der Button, mit dem Kunden Produkte zu ihrem Warenkorb hinzufügen.
3. **Klicke auf „Untersuchen“.** Ein Panel mit Code erscheint. Du musst nichts ändern.
4. Suche im Panel **nach einem Wort, das mit einem Punkt (.) oder einer Raute (#) beginnt**, im Code des Buttons. Zum Beispiel: `.product-form__add-button` oder `#add-to-cart`.
5. **Kopiere diesen Teil.** Zum Beispiel: `.product-form__add-button`.
6. **Gehe zurück zum Upcart-Editor,** wähle **„Use Custom Selector“** und **füge das Kopierte in das Eingabefeld ein.**

**Tipps**

* Probiere zuerst den **Default Selector** aus. Verwende einen benutzerdefinierten Selektor nur, wenn Upcart deine „Add to Cart“-Buttons nicht erkennt.
* Wenn dein Store mehrere „Add to Cart“-Buttons hat, etwa auf Produktseiten und Kollektionsseiten, verwende **Add Additional Selector** und wiederhole die obigen Schritte für jeden Button.
* Du musst keinen Code schreiben. Kopiere einfach den Selektor und füge ihn ein.
* Manche Buttons, die durch benutzerdefinierte Funktionen wie Bundle-Apps und Upsell-Apps hinzugefügt werden, funktionieren möglicherweise auch mit dieser Funktion nicht.
* Du kannst beliebige KI-Tools deiner Wahl verwenden, um deine Arbeit zu überprüfen.

***

**Brauchst du Hilfe?**

Wenn du Hilfe brauchst, kannst du deinen Theme-Entwickler bitten, den richtigen Selektor zu finden. Du musst keinen Code schreiben. Kopiere einfach den Selektor und füge ihn ein, wie oben beschrieben.